:root{--ink:#172033;--muted:#6d7688;--border:#e8ebf1;--surface:#fff;--bg:#f7f8fc;--blue:#3465e8;--blue-soft:#edf2ff;--green:#20a56c;--orange:#ef9a45;--red:#e65353;--purple:#8d63df;--sidebar:#111a2e}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px 'DM Sans',sans-serif}.app-shell{min-height:100vh}.sidebar{background:var(--sidebar);color:#dbe2f5;width:258px;position:fixed;inset:0 auto 0 0;padding:25px 14px;display:flex;flex-direction:column;z-index:10}.brand,.mobile-brand{font:800 24px Manrope,sans-serif;letter-spacing:-1.3px;color:#fff;display:flex;align-items:center;gap:9px;padding:0 12px 28px}.brand span span,.mobile-brand span{color:#6f91ff}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:linear-gradient(135deg,#6e8cff,#365beb);border-radius:9px;font-size:17px}.workspace{display:flex;align-items:center;background:#1b2741;border:1px solid #263653;border-radius:11px;padding:10px;margin-bottom:22px;gap:9px}.workspace div{min-width:0;flex:1}.workspace strong,.sidebar-footer strong{display:block;font-size:12px;color:#fff}.workspace small,.sidebar-footer small{font-size:10px;color:#9facbf}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#cfd7ef;color:#32415e;font-size:10px;font-weight:700;flex:0 0 auto}.icon-btn,.more{border:0;background:transparent;cursor:pointer;color:inherit;font-size:18px}.nav{display:flex;flex-direction:column;gap:3px}.nav-link{height:42px;border:0;background:transparent;color:#aeb9ce;border-radius:8px;text-align:left;padding:0 12px;display:flex;align-items:center;gap:12px;font:500 13px inherit;cursor:pointer}.nav-link span{font-size:18px;width:16px;text-align:center}.nav-link b{font-size:10px;background:#293754;border-radius:10px;padding:2px 7px;margin-left:auto}.nav-link:hover,.nav-link.active{background:#25365e;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #7090ff}.nav-label{font-size:10px;letter-spacing:1px;color:#697794;margin:18px 12px 7px}.sidebar-footer{margin-top:auto;padding:16px 10px;display:flex;gap:9px;align-items:center;border-top:1px solid #26324b}.support-icon{height:26px;width:26px;border:1px solid #61708b;border-radius:50%;display:grid;place-items:center}.main-content{margin-left:258px;min-height:100vh}.topbar{height:72px;padding:0 35px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end}.topbar-actions{display:flex;align-items:center;gap:18px}.global-search,.inline-search{display:flex;align-items:center;gap:8px;color:#8b93a3;background:#f7f8fb;border:1px solid var(--border);border-radius:8px;padding:0 11px}.global-search{height:37px;width:268px}.global-search input,.inline-search input{border:0;background:transparent;outline:0;width:100%;font:12px inherit;color:var(--ink)}.notification{position:relative;color:#536078}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#eb5151;top:2px;right:2px}.profile{border:0;border-left:1px solid var(--border);background:#fff;padding-left:17px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.profile-text strong,.profile-text small{display:block}.profile-text strong{font-size:12px}.profile-text small{font-size:10px;color:var(--muted)}.menu-toggle,.mobile-brand{display:none}.page{display:none;padding:36px 38px;max-width:1540px;margin:auto}.page.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.eyebrow{margin:0 0 6px;font-size:10px;color:#7b879d;letter-spacing:1.1px;font-weight:700}.page-heading h1{font:700 27px Manrope,sans-serif;letter-spacing:-1px;margin:0}.page-heading h1 span{color:#f8b843}.page-heading>div>p:last-child{color:var(--muted);margin:6px 0 0;font-size:13px}.heading-actions{display:flex;gap:10px}.btn{border:0;border-radius:7px;padding:11px 16px;font:600 12px inherit;cursor:pointer;transition:.2s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 9px #3465e829}.btn-primary:hover{background:#2854cd}.btn-ghost{background:#fff;border:1px solid var(--border);color:#39455c}.btn-light{background:#fff;color:#2b59d6}.full{width:100%;margin-top:18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:19px}.kpi-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:11px}.kpi-card{padding:19px 17px;display:flex;gap:13px;position:relative;min-height:122px}.kpi-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.blue{color:#3864e5;background:#eaf0ff}.purple{color:var(--purple);background:#f2edff}.orange{color:#e88d32;background:#fff3e7}.green{color:var(--green);background:#e5f8ef}.red{color:var(--red);background:#fceded}.kpi-card span{font-size:11px;color:var(--muted)}.kpi-card h2{font:700 21px Manrope,sans-serif;letter-spacing:-.8px;margin:5px 0 5px}.kpi-card small{font-size:10px}.positive{color:var(--green)}.positive em{color:#9aa2b1;font-style:normal;margin-left:3px}.more{color:#8f98a8;position:absolute;right:10px;top:7px}.dashboard-grid{display:grid;grid-template-columns:1.72fr 1fr;gap:19px}.panel{padding:21px}.panel-heading,.ranking-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h3{font:700 15px Manrope,sans-serif;margin:0}.panel-heading p,.calculator>p{margin:5px 0 0;color:var(--muted);font-size:11px}.panel select,.table-tools select,.ranking-head select{border:1px solid var(--border);background:#fff;border-radius:6px;color:#657087;font:11px inherit;padding:7px}.chart-wrap{height:230px;margin:18px 0 7px}.legend{border-top:1px solid var(--border);padding-top:14px;font-size:11px;color:#7f8999;display:flex;gap:17px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.received{background:#3565e8}.pending{background:#b8c7fa}.overdue{background:#ef9847}.paid{background:#83d4ae}.revenue-total{margin-left:auto}.revenue-total strong{color:var(--ink)}.status-panel{position:relative}.donut-wrap{height:168px;position:relative;margin:12px auto;width:190px}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-center strong{font:700 24px Manrope}.donut-center span{font-size:10px;color:var(--muted)}.status-list{display:flex;flex-direction:column;gap:10px;font-size:11px}.status-list span{display:flex;align-items:center;color:#677286}.status-list b{color:var(--ink);margin-left:auto}.status-list em{color:#9aa3b1;font-style:normal;width:30px;text-align:right}.lower-grid{margin-top:19px;grid-template-columns:1.72fr 1fr}.due-list{margin-top:13px}.due-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #eef0f4}.due-date{background:#f2f5fc;border-radius:7px;padding:5px;text-align:center;color:#66728a;font-size:9px;font-weight:700}.due-date b{font:700 15px Manrope;display:block;color:var(--ink)}.due-item strong,.due-item small{display:block}.due-item strong{font-size:12px}.due-item small{font-size:10px;color:var(--muted);margin-top:2px}.due-item>span{font-weight:700;font-size:12px}.link-btn{border:0;background:none;color:var(--blue);font:600 11px inherit;cursor:pointer}.alert-card{background:linear-gradient(140deg,#243861,#182846);color:#fff;border-radius:11px;padding:25px;display:flex;gap:15px}.alert-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#f1a84c;color:#fff;font-weight:700}.alert-card p{color:#b5c1d7;font-size:10px;margin:0}.alert-card h3{font:700 15px Manrope;margin:6px 0}.alert-card>div>span{font-size:11px;color:#c4cfdf}.alert-card button{display:block;border:0;background:transparent;color:#8ca8ff;font:600 11px inherit;padding:0;margin-top:17px;cursor:pointer}.table-panel{padding:0;overflow:hidden}.table-tools{padding:16px;border-bottom:1px solid var(--border);display:flex;gap:10px}.inline-search{height:34px;width:min(360px,100%)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:670px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #eef0f4;white-space:nowrap}th{color:#8993a4;font-size:9px;letter-spacing:.7px}td{font-size:12px;color:#435068}td strong{color:var(--ink)}.person{display:flex;gap:8px;align-items:center}.person .avatar{width:27px;height:27px;font-size:9px}.badge{display:inline-block;padding:4px 8px;border-radius:10px;font-size:10px;font-weight:600}.badge.active,.badge.open{background:#e6f7ef;color:#16985f}.badge.overdue{background:#fff1e5;color:#d77a22}.badge.paid{background:#eaf0ff;color:#3f62d2}.badge.inactive{background:#f0f1f4;color:#788293}.row-action{border:0;background:transparent;color:#8190aa;font-size:17px;cursor:pointer}.compact .kpi-card{min-height:98px}.simulator-layout{display:grid;grid-template-columns:1fr 1fr;max-width:850px;gap:20px}.calculator{padding:25px}.calculator form,.settings-form label{display:flex;flex-direction:column;gap:6px;margin-top:17px;font-size:11px;color:#56627a;font-weight:600}.calculator input,.settings-form input{border:1px solid #dfe4ed;border-radius:6px;padding:10px;color:var(--ink);font:13px inherit;outline-color:var(--blue)}.simulation-result{background:linear-gradient(145deg,#315ee3,#253fa5);color:#fff;border-radius:11px;padding:30px;box-shadow:0 12px 25px #315ee332}.result-label{font-size:10px;letter-spacing:1px;color:#bfcaff}.simulation-result h2{font:700 31px Manrope;margin:13px 0 1px}.simulation-result>p{margin:0;color:#bdc9f8;font-size:11px}.installment-highlight{margin:28px 0 20px;background:#ffffff17;border:1px solid #ffffff2c;border-radius:8px;padding:15px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.installment-highlight span,.installment-highlight small{font-size:10px;color:#cbd4fa}.installment-highlight strong{font:700 22px Manrope;grid-row:span 2}.result-details{display:flex;flex-direction:column;gap:12px;font-size:11px;color:#c8d1f5}.result-details span{display:flex;justify-content:space-between}.result-details b{color:#fff}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:800px}.report-item{border:1px solid var(--border);background:#fff;border-radius:10px;padding:18px;display:flex;align-items:center;text-align:left;gap:13px;cursor:pointer}.report-item div{flex:1}.report-item h3{margin:0;font:700 13px Manrope}.report-item p{font-size:11px;color:var(--muted);margin:4px 0 0}.report-item>span:last-child{color:var(--blue);font-size:18px}.ranking-panel{max-width:700px}.ranking-head{align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border)}.rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eff1f5}.rank-number{font:700 14px Manrope;color:#8c98aa;text-align:center}.rank-row:first-of-type .rank-number{color:#db9a17}.rank-row strong,.rank-row small{display:block}.rank-row strong{font-size:12px}.rank-row small{font-size:10px;color:var(--muted);margin-top:3px}.rank-value{font-size:12px;font-weight:700}.settings-form{max-width:700px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px;margin:10px 0 18px}.modal{display:none;position:fixed;inset:0;background:#10192c80;z-index:30;padding:20px;place-items:center}.modal.open{display:grid}.modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:27px;position:relative}.modal-close{border:0;background:#f1f3f7;border-radius:50%;width:28px;height:28px;position:absolute;right:14px;top:14px;font-size:20px;color:#607089;cursor:pointer}.modal-card h2{font:700 20px Manrope;margin:0 0 5px}.modal-card>div>p{margin:0 0 20px;color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#57637a;font-size:11px;font-weight:600}.form-grid .wide{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #dfe4ed;border-radius:6px;padding:10px;font:13px inherit;resize:vertical}.toast{position:fixed;right:25px;bottom:25px;background:#173358;color:#fff;padding:13px 18px;border-radius:8px;font-size:12px;box-shadow:0 7px 18px #0003;transform:translateY(80px);opacity:0;transition:.3s;z-index:40}.toast.show{transform:none;opacity:1}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.status-panel{min-height:360px}.donut-wrap{margin-top:15px}.sidebar{width:224px}.main-content{margin-left:224px}.page{padding:29px 24px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;width:258px}.sidebar.open{transform:none;box-shadow:8px 0 22px #0004}.main-content{margin:0}.topbar{height:62px;padding:0 15px;justify-content:space-between}.menu-toggle,.mobile-brand{display:flex}.mobile-brand{font-size:20px;padding:0}.global-search,.profile-text,.profile>span:last-child{display:none}.topbar-actions{gap:12px}.profile{padding-left:12px}.page{padding:25px 16px}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:23px}.heading-actions .btn-ghost{display:none}.kpi-grid{grid-template-columns:1fr;gap:11px}.kpi-card{min-height:90px;padding:14px}.dashboard-grid{gap:12px}.panel{padding:16px}.chart-wrap{height:200px}.lower-grid{margin-top:12px}.simulator-layout,.report-grid,.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.page-heading>button{padding:10px}.table-tools{flex-direction:column}.inline-search{width:100%}.modal-card{padding:22px 17px}.alert-card{padding:20px}.compact{grid-template-columns:1fr}.settings-grid{gap:0}.status-panel{min-height:auto}.due-panel{overflow:hidden}}@media print{.sidebar,.topbar,.heading-actions,.page:not(.active) .btn{display:none!important}.main-content{margin:0}.page{padding:0}.panel{box-shadow:none;border:1px solid #ddd}.page-heading{margin:0 0 20px}}