:root{--ink:#182824;--muted:#83918c;--line:#e8eeeb;--green:#267d61;--mint:#dff5eb;--bg:#f6f8f7;--white:#fff;--dark:#111d19;--amber:#93650c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}.demo-note{height:30px;background:#20332c;color:#bde8d1;display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:1.15px;position:relative;z-index:2}.note-copy{color:#9aaea4;font-size:9px;font-weight:500;letter-spacing:.15px}.pulse{width:6px;height:6px;background:#56d9a0;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #56d9a022}.layout{display:flex;min-height:calc(100vh - 30px)}.sidebar{width:234px;background:var(--dark);color:#edf5f0;display:flex;flex-direction:column;padding:25px 15px 14px;position:fixed;top:30px;bottom:0;left:0}.brand,.auth-brand{display:flex;align-items:center;gap:10px;font-family:Syne,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.6px;padding:0 7px 45px}.brand i,.auth-brand i{font:700 8px "DM Sans";color:#67d8a2;background:#244639;padding:4px 6px;border-radius:4px;letter-spacing:.5px}.brand-mark{height:30px;width:30px;border-radius:9px;background:#52c996;color:#10221b;display:grid;place-items:center;font:800 17px Syne;box-shadow:0 5px 16px #4dd39930}.side-label{font-size:9px;letter-spacing:1.4px;color:#75867e;padding:0 10px 12px;font-weight:700}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#9cabA4;text-align:left;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;font:500 12px "DM Sans";cursor:pointer}.nav-item span{font-size:16px;width:17px;text-align:center}.nav-item:hover,.nav-item.selected{background:#263831;color:#f2fff8}.nav-item.selected{box-shadow:inset 2px 0 #51cf97}.sidebar-bottom{margin-top:auto}.status-card{display:flex;gap:10px;align-items:center;padding:11px;background:#1d2b25;border:1px solid #2a3932;border-radius:8px;margin-bottom:14px}.status-card b,.status-card small,.profile-mini b,.profile-mini small{display:block}.status-card b{font-size:11px}.status-card small,.profile-mini small{font-size:9px;color:#899a91;margin-top:3px}.profile-mini{width:100%;display:flex;align-items:center;text-align:left;gap:9px;padding:8px;border:0;border-top:1px solid #2a3731;background:none;color:#e6eee9;cursor:pointer}.profile-mini b{font-size:10px}.dots{margin-left:auto;color:#89988f;font-size:18px;letter-spacing:1px}.avatar{height:31px;width:31px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e5f3ec;color:#32765b;font-size:10px;font-weight:700}.main{margin-left:234px;width:calc(100% - 234px)}.topbar{height:62px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:11px;color:#84928c}.crumb span{padding:0 9px;color:#c6cec9}.crumb b{color:#32423c;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.live{color:#84918b;font-size:9px;letter-spacing:.7px;font-weight:700}.live i{display:inline-block;width:6px;height:6px;background:#4ebc88;border-radius:50%;margin-right:5px}.icon-btn{border:0;background:none;color:#718078;font-size:17px;position:relative}.icon-btn em{position:absolute;width:5px;height:5px;border-radius:50%;background:#62c895;top:1px;right:1px}.content{padding:29px 34px 55px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{color:#86938d;font-size:9px;letter-spacing:1.3px;font-weight:700;margin-bottom:7px}.page-heading h1,.auth-card h1{font:700 25px Syne,sans-serif;letter-spacing:-1px;margin:0 0 4px}.page-heading h1 span{color:#50bf89;font-size:16px}.muted{color:var(--muted);margin:0;font-size:11px}.primary,.secondary,.select{font:600 11px "DM Sans";border-radius:6px;cursor:pointer}.primary{border:1px solid #267d61;color:white;background:#267d61;padding:10px 14px;box-shadow:0 3px 8px #267d611a}.primary:hover{background:#1f6b53}.primary span,.secondary span{margin-left:12px}.secondary{border:1px solid var(--line);background:#fff;color:#35463f;padding:10px 13px}.wide{width:100%}.notice{display:flex;align-items:center;gap:12px;border:1px solid #dcece3;border-radius:7px;background:#f0f8f3;padding:11px 14px;margin:0 0 18px;color:#40735b}.notice>span{font-size:16px}.notice b{font-size:10px}.notice p{font-size:10px;color:#759180;margin:3px 0 0}.close-notice{margin-left:auto;border:0;background:transparent;color:#80a08f;font-size:18px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.stat-card,.panel{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 9px #20392d05}.stat-card{padding:16px 17px;min-height:114px}.stat-label{color:#87958e;font-size:9px;letter-spacing:.8px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.stat-icon{width:25px;height:25px;border:1px solid #edf1ef;border-radius:6px;display:grid;place-items:center;color:#608875;font-size:13px}.stat-value{font:700 24px Syne,sans-serif;letter-spacing:-.8px;margin:12px 0 5px}.stat-value small{font-size:14px;margin-left:2px}.stat-foot{font-size:9px;color:#89968f}.positive{color:#25825f!important}.progress{height:4px;background:#e9f0ec;border-radius:5px;margin:7px 0}.progress i,.cycle-track i{height:100%;display:block;background:#46bd86;border-radius:5px}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:15px;margin-bottom:16px}.panel{padding:17px 18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{font:700 12px Syne,sans-serif;margin:0 0 4px}.panel-head p{margin:0;color:#8b9892;font-size:10px}.select{border:1px solid var(--line);background:white;padding:7px 9px;font-size:9px;color:#6e7c75}.chart-meta{display:flex;align-items:baseline;gap:12px}.chart-meta>b{font:700 23px Syne;letter-spacing:-.7px}.chart-meta>span{font-weight:700;font-size:10px}.chart-meta small{color:#91a098;font-weight:400}.chart{display:block;width:100%;height:166px;margin-top:6px}.chart-labels{display:flex;justify-content:space-between;color:#a2ada7;font-size:9px;border-top:1px solid #f0f3f1;padding-top:9px}.pill{font-size:8px;font-weight:700;border-radius:20px;padding:5px 8px;white-space:nowrap}.pill.green{background:#e8f7ef;color:#368361}.pill.amber{background:#fff4dc;color:#a17924}.pill.gray{background:#f1f3f2;color:#8b9790}.cycle-number{font:700 28px Syne;letter-spacing:-1px;margin:21px 0 10px}.cycle-number small{font:500 10px "DM Sans";color:#84938c;letter-spacing:0}.cycle-track{height:5px;background:#ecf1ee;border-radius:5px;margin-bottom:18px}.cycle-row{display:flex;justify-content:space-between;border-bottom:1px solid #f0f2f1;padding:9px 0;color:#87948e;font-size:10px}.cycle-row b{color:#384841;font-weight:600}.cycle-card .secondary{margin-top:15px}.lower{grid-template-columns:1.1fr .9fr}.link-btn,.text-btn{border:0;background:none;color:#338565;font:600 10px "DM Sans";cursor:pointer}.activity-list{display:grid}.activity-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f1f3f2}.activity-row:last-child{border:0}.activity-icon{height:29px;width:29px;display:grid;place-items:center;border-radius:7px;background:#eef8f2;color:#40966d}.activity-icon.debit{background:#fbf2ef;color:#bc755c}.activity-icon.neutral{background:#f1f4f2;color:#88948f}.activity-desc{flex:1}.activity-desc b,.activity-desc small{display:block}.activity-desc b{font-size:10px;font-weight:600}.activity-desc small{font-size:9px;color:#9aa49f;margin-top:4px}.activity-row strong{font-size:10px}.model-steps{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.model-steps>div{display:flex;gap:9px;align-items:flex-start}.model-steps b{font:700 9px Syne;color:#43a779;background:#edf8f2;padding:5px 6px;border-radius:4px}.model-steps p{font-size:9px;color:#64756d;line-height:1.5;margin:0}.tiny-note{display:block;color:#99a49e;font-size:8px;margin-top:14px;line-height:1.5}.table-panel{margin-top:16px;padding-bottom:5px}.table-panel .panel-head{padding:0 0 10px}.count{font:500 9px "DM Sans";color:#84918b;background:#f1f4f2;border-radius:9px;padding:3px 7px;vertical-align:middle}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;font-size:8px;letter-spacing:.65px;color:#96a19b;font-weight:700;padding:11px 8px;border-bottom:1px solid var(--line)}td{padding:11px 8px;border-bottom:1px solid #f0f3f1;font-size:10px;color:#516158}tbody tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:9px}.person .avatar{height:28px;width:28px;font-size:9px}.person b,.person small{display:block}.person b{font-size:10px;color:#33443c}.person small{font-size:8px;color:#99a49e;margin-top:3px}.table-wrap .dots{border:0;background:none;cursor:pointer}.tier-list{display:grid}.tier-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #f1f3f2;padding:9px 1px}.tier-row:last-child{border:0}.tier-dot{height:7px;width:7px;border-radius:50%;background:#50c58c}.tier-row span:nth-child(2){flex:1}.tier-row b,.tier-row small{display:block}.tier-row b{font-size:10px}.tier-row small{font-size:9px;color:#98a39d;margin-top:2px}.tier-row>strong{font-size:11px;color:#287e60}.settings-cycle{margin-top:8px}.search{border:1px solid var(--line);border-radius:6px;padding:8px 10px;font:10px "DM Sans";width:180px;outline:none}.settings-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.tier-form{display:grid;gap:12px}.tier-edit{display:grid;grid-template-columns:1fr 1fr 1fr .8fr;gap:10px;padding:12px;background:#f8faf9;border:1px solid #eff3f1;border-radius:6px}.tier-edit label,.settings-cycle-panel>label,.auth-card label{display:block;color:#64736b;font-size:9px;font-weight:600}.tier-edit input,.settings-cycle-panel input,.auth-card input{display:block;width:100%;border:1px solid #e6ece8;background:#fff;border-radius:5px;padding:9px 8px;font:10px "DM Sans";color:#33433c;margin-top:6px;outline:none}.tier-edit input:focus,.settings-cycle-panel input:focus,.auth-card input:focus{border-color:#67bd91;box-shadow:0 0 0 2px #67bd9119}.settings-cycle-panel input{max-width:130px}.model-note{background:#f0f8f3;padding:12px;border-radius:6px;margin-top:20px;color:#47755e}.model-note b{font-size:10px}.model-note p{font-size:9px;line-height:1.6;color:#6a8777;margin:7px 0 0}.empty{padding:35px 8px;text-align:center;color:#99a49e;font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#20372d;color:white;padding:10px 17px;border-radius:7px;font-size:10px;box-shadow:0 5px 20px #10231b33;z-index:5}.auth-shell{min-height:calc(100vh - 30px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#eef8f2 0%,#f6f8f7 48%,#f5f7f6 100%);padding:30px}.auth-brand{padding:0;margin:0 0 24px;color:#20352b}.auth-brand .brand-mark{height:36px;width:36px;font-size:19px}.auth-card{width:min(400px,100%);padding:29px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 38px #19352a0c}.auth-card h1{font-size:23px}.auth-card>p{margin:0 0 18px}.role-switch{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#f2f5f3;border-radius:6px;margin-bottom:18px}.role-switch button{border:0;background:none;border-radius:4px;padding:9px;color:#87938d;font:600 10px "DM Sans";cursor:pointer}.role-switch button.active{background:#fff;color:#2e7355;box-shadow:0 1px 4px #25382e13}.auth-card form{display:grid;gap:13px}.auth-card label{font-size:10px}.auth-card input{padding:11px 10px;font-size:11px}.auth-card .primary{margin-top:3px;padding:12px}.auth-bottom{text-align:center;padding:18px 0 11px;border-bottom:1px solid #eff2f0;font-size:10px;color:#88958e}.auth-bottom .text-btn{font-size:10px}.auth-hint{text-align:center;color:#8c9992;font-size:9px;padding-top:14px;line-height:1.8}.auth-hint .text-btn{display:block;margin:auto;font-size:9px}.auth-disclaimer{font-size:9px;color:#9ca7a1;margin-top:17px}.hidden{display:none!important}
@media(max-width:1050px){.sidebar{width:205px}.main{margin-left:205px;width:calc(100% - 205px)}.content{padding:24px 22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.lower{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:680px){.demo-note{justify-content:flex-start;padding:0 10px;font-size:8px}.note-copy{font-size:8px}.sidebar{width:61px;padding:19px 7px}.brand{padding:0 7px 35px;font-size:0}.brand .brand-mark{font-size:17px}.brand i,.side-label,.nav-item:not(.selected)::after,.nav-item{font-size:0}.sidebar nav{gap:7px}.nav-item{height:39px;justify-content:center;padding:0}.nav-item span{font-size:17px}.sidebar-bottom .status-card{justify-content:center;padding:9px}.status-card>div,.profile-mini>span:not(.avatar),.profile-mini .dots{display:none}.profile-mini{justify-content:center;padding:12px 0}.main{margin-left:61px;width:calc(100% - 61px)}.topbar{padding:0 14px;height:54px}.top-actions{gap:11px}.content{padding:20px 12px}.page-heading h1{font-size:21px}.page-heading{gap:8px}.primary{font-size:9px;padding:9px}.stats-grid{gap:8px}.stat-card{padding:12px;min-height:105px}.stat-value{font-size:20px}.stat-label{font-size:8px}.panel{padding:14px}.chart{height:125px}.cycle-number{margin-top:13px}.tier-edit{grid-template-columns:1fr 1fr}.table-panel{margin-left:-3px;margin-right:-3px}.search{width:132px}.auth-shell{padding:18px}.auth-card{padding:23px}.note-copy{letter-spacing:0}.live{font-size:7px}}
.ref-code-box{display:flex;align-items:center;justify-content:space-between;background:#f5faf7;border:1px solid #e5f0e9;border-radius:7px;padding:13px 14px;margin:3px 0 10px}.ref-code-box small,.ref-code-box b{display:block}.ref-code-box small{color:#8b9991;font-size:8px;letter-spacing:.8px;font-weight:700}.ref-code-box b{font:700 18px Syne;letter-spacing:1.5px;color:#267d61;margin-top:5px}.ref-rates{display:grid;gap:11px;margin:17px 0}.ref-rates label{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#64736b;font-size:10px;font-weight:600}.ref-rates input{width:110px;border:1px solid #e6ece8;border-radius:5px;padding:9px 8px;font:10px "DM Sans";outline:none}.toggle-line{display:flex;align-items:center;gap:9px;color:#52645a;font-size:10px}.toggle-line input{accent-color:#267d61}.referral-settings-short{margin-top:16px}.referral-settings-short .tier-list{max-width:520px}