:root{--ink:#172b4d;--muted:#718096;--line:#e7ebf2;--bg:#f7f9fc;--purple:#7658d8;--nav:#172b4d}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--nav);color:#b8c4d5;display:flex;flex-direction:column;padding:25px 14px 18px;flex-shrink:0}.brand{display:flex;gap:11px;align-items:center;padding:0 12px 32px;color:white}.brand-mark{background:#6d5bd0;border-radius:9px;width:39px;height:39px;display:grid;place-items:center;font-weight:700;font-size:12px;box-shadow:0 5px 14px #0f1d36}.brand strong{display:block;font-size:14px}.brand span{display:block;font-size:10px;color:#8e9db4;margin-top:4px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:#71839d;padding:0 14px;margin:15px 0 8px}.nav-item{border:0;background:none;color:#aab8ca;display:flex;align-items:center;gap:12px;width:100%;height:44px;border-radius:8px;padding:0 12px;text-align:left;font:inherit;cursor:pointer;margin:2px 0}.nav-item:hover{background:#223a5d;color:#fff}.nav-item.active{background:#2d4770;color:#fff;box-shadow:inset 3px 0 #9a8af0}.icon{width:18px;text-align:center;font-size:19px;color:#8ea4c2}.nav-item.active .icon{color:#c4baf9}.chevron{margin-left:auto;font-size:19px}.badge{margin-left:auto;background:#f08d66;color:white;border-radius:12px;padding:3px 7px;font-size:10px}.badge.muted{background:#334a6c}.sidebar-footer{margin-top:auto;border-top:1px solid #2c4160;padding:18px 10px 0;display:flex;gap:9px;align-items:center;font-size:11px}.sidebar-footer strong{display:block;color:#e2eafa;font-size:11px}.sidebar-footer span{display:block;color:#71839d;margin-top:3px}.status-dot{width:8px;height:8px;background:#48d597;border-radius:50%;box-shadow:0 0 0 4px #24405c}.main-content{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:24px}.icon-button{border:0;background:none;color:#68768a;font-size:21px;cursor:pointer;position:relative}.menu-button{font-size:22px;color:#536277}.breadcrumbs{color:#8793a5;font-size:13px;display:flex;gap:10px;align-items:center}.breadcrumbs strong{color:var(--ink);font-weight:600}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.app-button,.primary-button{border:0;background:#6a5bd6;color:#fff;border-radius:7px;padding:11px 15px;font:600 12px Inter;cursor:pointer;box-shadow:0 4px 10px #6a5bd633}.app-button{background:#ebefff;color:#5444bd;box-shadow:none}.icon-button i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ed746a;top:2px;right:-1px}.profile{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:18px;color:#8290a3}.avatar,.small-avatar{border-radius:50%;display:grid;place-items:center;background:#d9d2ff;color:#5a42bf;font-weight:700}.avatar{width:35px;height:35px;font-size:11px}.profile-copy strong,.profile-copy span{display:block}.profile-copy strong{font-size:12px;color:var(--ink)}.profile-copy span{font-size:10px;margin-top:3px}.page{padding:31px 34px 24px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{color:#8d98a8;font-size:11px;margin:0 0 8px}.page-heading h1{font-size:25px;letter-spacing:-.4px;margin:0 0 7px}.subtitle{margin:0;color:var(--muted);font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 19px 16px;box-shadow:0 4px 14px #263b5d0a;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.metric-card.blue{--accent:#4e85ec}.metric-card.violet{--accent:#8166df}.metric-card.teal{--accent:#20b8a8}.metric-card.orange{--accent:#ee9d50}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{height:34px;width:34px;border-radius:9px;display:grid;place-items:center;background:#eef1ff;color:var(--accent);font-size:19px;font-weight:700}.trend{font-size:10px;font-weight:600;padding:4px 7px;border-radius:5px}.trend.up{color:#1c9b71;background:#e6f8f1}.trend.down{color:#d68236;background:#fff3e6}.metric-card p{color:#69778a;font-size:12px;margin:17px 0 5px}.metric-card strong{display:block;font-size:25px;letter-spacing:-.4px}.metric-card small{display:block;color:#9aa5b4;font-size:10px;margin-top:7px}.content-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px;box-shadow:0 4px 14px #263b5d0a}.panel-header{display:flex;align-items:flex-start;justify-content:space-between}.panel h2{font-size:15px;margin:0 0 6px}.panel-header p{color:#8a96a6;font-size:11px;margin:0}.panel select,.filter-button{border:1px solid var(--line);background:white;border-radius:6px;padding:8px 10px;color:#5f6e82;font-size:11px}.chart{height:216px;display:flex;margin-top:22px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#a4adba;font-size:10px;padding-bottom:23px;width:37px}.chart-area{position:relative;flex:1}.grid-lines{position:absolute;inset:0 0 22px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(20% - 1px),#edf0f5 calc(20% - 1px),#edf0f5 20%)}.bars{height:100%;display:flex;align-items:flex-end;justify-content:space-around;padding:0 15px}.bar-wrap{position:relative;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:8px;color:#9aa5b4;font-size:10px;z-index:1}.bar{width:28px;border-radius:5px 5px 2px 2px;background:#d8def8;min-height:8px}.current .bar{background:linear-gradient(180deg,#6c5bd7,#8e77e3)}.status-content{display:flex;align-items:center;justify-content:center;gap:30px;padding:28px 0 18px}.donut{height:145px;width:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#53c996 0 21%,#dce2ea 21% 89%,#f4c25f 89% 100%);position:relative}.donut:before{content:"";position:absolute;inset:17px;background:white;border-radius:50%}.donut-hole{position:relative;text-align:center}.donut-hole strong{display:block;font-size:20px}.donut-hole span{color:#9aa5b4;font-size:10px}.legend{min-width:130px}.legend div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;margin:12px 0;color:#758296;font-size:11px}.legend strong{color:var(--ink)}.dot{width:8px;height:8px;border-radius:50%}.green{background:#53c996}.gray{background:#dce2ea}.yellow{background:#f4c25f}.more-button{border:0;background:none;color:#96a1b0;letter-spacing:2px}.table-panel{padding-bottom:8px}.table-tools{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;width:260px;padding:0 10px;color:#9aa5b4}.search input{border:0;outline:0;padding:9px 8px;width:100%;font:11px Inter}.filter-button{cursor:pointer}.outline-button{border:1px solid #d7d1fb;background:white;color:#6656ca;border-radius:6px;padding:9px 12px;font:600 11px Inter;cursor:pointer}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:#9aa5b4;font-size:9px;font-weight:600;padding:12px 9px;border-bottom:1px solid var(--line)}td{padding:13px 9px;border-bottom:1px solid #f0f2f6;color:#728096;font-size:11px}td strong{color:var(--ink)}.customer{display:flex;align-items:center;gap:8px}.customer span,.customer strong{display:block}.customer span{font-size:9px;color:#a1abb8;margin-top:3px}.small-avatar{width:28px;height:28px;font-size:9px}.pink{background:#ffe1e6;color:#d26b82}.cyan{background:#d9f4f5;color:#29969b}.gold{background:#fff0c7;color:#b58824}.pill{padding:5px 9px;border-radius:12px;font-size:9px;font-weight:600}.paid{color:#259867;background:#e9f8f0}.pending{color:#bb812d;background:#fff5df}footer{color:#9aa5b4;font-size:10px;padding:25px 2px 0}footer span{padding:0 7px;color:#d1d7e0}.toast{position:fixed;bottom:25px;right:25px;background:#1e3153;color:#fff;padding:13px 17px;border-radius:7px;box-shadow:0 8px 25px #172b4d44;font-size:12px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:1050px){.sidebar{width:220px}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:fixed;left:-250px;top:0;bottom:0;z-index:5;transition:.25s}.sidebar.open{left:0}.topbar{padding:0 18px}.profile-copy,.app-button span,.breadcrumbs span,.breadcrumbs b{display:none}.page{padding:24px 16px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:14px}.metric-card strong{font-size:21px}.status-content{gap:15px}.donut{width:120px;height:120px}.donut:before{inset:14px}}