:root{--navy:#102a43;--navy-2:#183b56;--teal:#008f8c;--teal-soft:#e9f7f6;--ink:#1b2b3a;--muted:#66788a;--line:#dce5ea;--canvas:#f5f8fa;--danger:#bb3e3e;--amber:#a76b00;--green:#17774f;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:286px;background:var(--navy);color:#eaf2f7;padding:26px 16px;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:1.5px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:2px solid #4ed2c8;border-radius:9px;color:#4ed2c8;font-size:21px}.product{margin:16px 4px 22px;color:#b6c8d6;font-size:12px;line-height:1.45}.nav-group{margin:6px 0}.nav-toggle,.nav-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:#d6e4ed;padding:11px 10px;border-radius:7px;font-size:14px;text-align:left;cursor:pointer}.nav-toggle:hover,.nav-item:hover,.nav-item.active{background:var(--navy-2);color:#fff}.nav-toggle.open{color:#77e2db}.nav-submenu{display:none;padding:2px 0 4px 14px}.nav-submenu.open{display:block}.nav-submenu button{display:block;width:100%;border:0;background:transparent;color:#b5c6d1;padding:8px 10px;text-align:left;border-radius:6px;font-size:13px;cursor:pointer}.nav-submenu button:hover,.nav-submenu button.active{background:#21516b;color:#fff}.account{position:sticky;bottom:-26px;background:#0c2235;border-radius:9px;padding:13px;margin-top:28px;font-size:12px}.account span{display:block;color:#a6bfce;margin-top:3px}.main-content{margin-left:286px;min-height:100vh}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:var(--muted);font-size:14px}.icon-button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;cursor:pointer}.view{padding:32px}.page{padding:32px;max-width:1440px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{margin:0;font-size:25px;color:var(--navy)}.page-heading p{margin:6px 0 0;color:var(--muted);font-size:14px}.button{border:0;border-radius:7px;background:var(--teal);color:#fff;padding:11px 15px;font-weight:650;cursor:pointer}.button.secondary{background:#fff;border:1px solid var(--line);color:var(--navy)}.grid{display:grid;gap:18px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 1px rgba(16,42,67,.02)}.metric{padding:18px;cursor:pointer}.metric:hover{border-color:#75cfc9;box-shadow:0 4px 14px rgba(0,88,90,.09)}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;color:var(--navy);font-size:28px;margin:9px 0 3px}.metric small{font-size:11px;color:var(--danger)}.panel{padding:20px}.panel h2{font-size:16px;color:var(--navy);margin:0 0 15px}.activity{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:13px 0;font-size:13px}.activity:first-of-type{border-top:0}.activity span{color:var(--muted)}.two-cols{grid-template-columns:1.55fr 1fr;margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:650;font-size:11px;text-transform:uppercase;background:#f8fafb}th,td{padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.status{display:inline-block;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:700}.status.green{background:#e7f6ee;color:var(--green)}.status.amber{background:#fff5df;color:var(--amber)}.status.red{background:#fdeaea;color:var(--danger)}.filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.input,select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 12px;font-size:13px;color:var(--ink)}.empty-note{padding:18px;border:1px dashed #aac1cc;background:#fafdff;border-radius:8px;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field label{display:block;font-size:12px;font-weight:700;color:#425768;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;font:inherit;font-size:13px}.field textarea{min-height:90px}.callout{border-left:4px solid var(--teal);background:var(--teal-soft);padding:14px 16px;border-radius:0 8px 8px 0;color:#245b61;font-size:13px;margin-bottom:18px}.hide{display:none}@media(max-width:1000px){.sidebar{width:235px}.main-content{margin-left:235px}.grid.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:static;width:auto;min-height:auto}.main-content{margin-left:0}.nav-group{display:none}.sidebar{padding:16px}.account{display:none}.page{padding:20px}.grid.cards,.two-cols,.form-grid{grid-template-columns:1fr}.topbar{padding:0 20px}}