@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#172b3f;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.brand b{color:#42d6c1}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#34c7b1;color:#082d39;font-size:13px;letter-spacing:-.08em}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-copy{background:radial-gradient(circle at 78% 74%,#154e58 0,transparent 34%),linear-gradient(140deg,#0a1a2b,#0d3544);color:#fff;padding:45px min(7vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-copy .brand{position:absolute;top:42px;left:min(7vw,110px)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;color:#59deca}.login-copy h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.1vw,76px);line-height:1.09;letter-spacing:-.075em;max-width:670px;margin:26px 0 20px}.login-copy p{font-size:18px;color:#bfd1db;line-height:1.7;max-width:530px}.login-accent{position:absolute;bottom:0;left:0;right:0;height:140px;display:flex;align-items:flex-end;gap:18px;padding:0 10%;opacity:.17}.login-accent span{flex:1;background:#71f1d8;border-radius:5px 5px 0 0;height:35%}.login-accent span:nth-child(2){height:58%}.login-accent span:nth-child(3){height:43%}.login-accent span:nth-child(4){height:80%}.login-accent span:nth-child(5){height:67%}.login-accent span:nth-child(6){height:95%}.login-accent span:nth-child(7){height:74%}.login-card{align-self:center;width:min(440px,calc(100% - 48px));margin:auto;padding:42px 36px;border:1px solid #e8edf0;border-radius:22px;box-shadow:0 24px 80px #162b3b12;background:#fff}.card-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#1a9e8e}.login-card h2{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-.05em;margin:14px 0 6px}.login-card p{color:#758494;line-height:1.55;margin:0 0 30px}.login-card label,.form-panel label{display:block;font-weight:700;font-size:13px;margin:17px 0 8px}.login-card input,.form-panel input,.form-panel select{width:100%;border:1px solid #d8e0e6;border-radius:10px;background:#fff;padding:13px 14px;outline:none;color:#172b3f}.login-card input:focus,.form-panel input:focus,.form-panel select:focus,#companySelect:focus{border-color:#22b7a3;box-shadow:0 0 0 3px #26bca51c}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;background:#18ad9a;color:#fff;font-weight:800;padding:14px 20px;margin-top:26px;width:100%;transition:background .2s}.primary-button:hover{background:#0b9887}.form-error{color:#bd3b41;font-size:13px;min-height:18px;margin-top:12px}.secure-note{border-top:1px solid #edf0f2;margin-top:17px;padding-top:19px;text-align:center;color:#9ca9b4;font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{background:#0c2031;color:#d3dfe7;width:246px;flex:none;min-height:100vh;padding:31px 18px;display:flex;flex-direction:column}.sidebar .brand{color:#fff;margin:0 12px 56px;font-size:17px}.sidebar .brand-mark{width:34px;height:34px}.sidebar-label{font-size:10px;font-weight:800;letter-spacing:.18em;color:#688298;margin:0 17px 14px}.nav-link{width:100%;border:0;background:transparent;color:#9bb0c1;text-align:left;border-radius:10px;padding:13px 16px;display:flex;gap:15px;align-items:center;font-weight:700;margin:2px 0}.nav-link span{font-size:21px;font-weight:400;line-height:1;width:22px;text-align:center}.nav-link:hover,.nav-link.active{background:#1c3948;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #39d7bf}.sidebar-bottom{margin-top:auto;padding:20px 15px 0;border-top:1px solid #294051}.sidebar-caption{font-size:10px;letter-spacing:.12em;color:#70899b}.logout-button{color:#b6c8d5;border:0;background:none;padding:16px 0 0;font-weight:700}.main-area{flex:1;min-width:0;padding:0 38px 55px}.topbar{height:112px;border-bottom:1px solid #e4e9ed;display:flex;justify-content:space-between;align-items:center;gap:20px}.top-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#1cae9c}.topbar h1{margin:6px 0 0;font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.055em}.top-actions{display:flex;align-items:center;gap:12px}.company-select-label{font-size:12px;color:#708195;font-weight:700}#companySelect{min-width:220px;max-width:330px;border:1px solid #dfe7eb;background:#fff;padding:10px 12px;border-radius:9px;outline:none;color:#273e50}.user-avatar{height:37px;width:37px;border-radius:50%;display:grid;place-items:center;background:#daf4ef;color:#118977;font-weight:800;font-size:12px}.view{max-width:1380px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:34px 0 24px}.eyebrow.dark{color:#1caf9b}.section-heading h2{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-.065em;margin:7px 0}.section-heading p{margin:0;color:#82919e;font-size:14px}.period-badge{border:1px solid #dde8e8;background:#eff8f6;padding:9px 13px;border-radius:999px;color:#288b7d;font-weight:700;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-card,.panel{background:#fff;border:1px solid #e6ebee;border-radius:15px;box-shadow:0 4px 18px #172b3f06}.metric-card{padding:23px}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;margin-bottom:19px;font-size:21px}.metric-icon.teal{color:#159e8b;background:#dbf6f0}.metric-icon.blue{color:#3a7dc2;background:#e3effb}.metric-icon.amber{color:#cf8b29;background:#fff1d9}.metric-icon.violet{color:#7568c3;background:#eeebfc}.metric-label{font-size:13px;color:#718292;font-weight:700}.metric-card strong{display:block;font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.06em;margin:7px 0}.metric-card small{font-size:12px;color:#99a7b1}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:18px;margin-top:18px}.panel{padding:24px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.panel h3{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.04em;margin:0}.panel-heading p{margin:5px 0 0;color:#9ba8b3;font-size:12px}.chart{height:240px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e8edf0;padding:20px 4px 0}.chart-bar{flex:1;min-width:6px;max-width:50px;background:linear-gradient(#29c7b1,#0d968b);border-radius:5px 5px 0 0;position:relative}.chart-bar:hover{background:#0d7c78}.chart-bar[title]{cursor:default}.empty{color:#98a7b2;text-align:center;padding:55px 20px;line-height:1.6;width:100%}.leaders-list .leader{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #eff2f3;gap:15px;font-size:13px}.leaders-list .leader:last-child{border-bottom:0}.leader-name{font-weight:700}.leader-value{font-weight:800;color:#1a9e8e}.recent-panel{margin-top:18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:#9ba9b5;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;border-bottom:1px solid #e7ecee}td{padding:16px 14px;border-bottom:1px solid #f0f2f3}td:first-child{font-weight:800}td:last-child{text-align:right;font-weight:800}.management-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr)}.list-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #edf0f2;padding:14px 0}.list-item:last-child{border:0}.list-item strong{font-size:13px}.list-item small{display:block;color:#9ba9b5;margin-top:4px}.tag{font-size:11px;color:#238f80;background:#e7f7f3;padding:5px 8px;border-radius:7px;font-weight:800;white-space:nowrap}.form-panel small{display:block;color:#9aa8b4;font-size:12px;margin-top:7px}.form-panel .primary-button{margin-top:24px}.integration-panel{display:flex;align-items:center;gap:16px}.integration-symbol{display:grid;place-items:center;height:47px;width:47px;border-radius:12px;background:#dff8f1;color:#199d8b;font-size:24px}.integration-panel h3{margin:0 0 5px}.integration-panel p{color:#8a9aa6;margin:0;font-size:13px}.status-pill{margin-left:auto;border-radius:20px;background:#fff4de;color:#ad7d2a;padding:7px 10px;font-size:11px;font-weight:800}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.source-grid span{background:#fff;border:1px solid #e6ebee;border-radius:10px;padding:16px;color:#84939f;font-size:13px;font-weight:700}.integration-note{font-size:13px;color:#81929f;margin-top:20px}.app-message{max-width:1380px;margin:20px auto -15px;padding:12px 15px;border-radius:9px;background:#e6f7f2;color:#167f70;font-size:13px}.app-message.error{background:#fff0f0;color:#a64040}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.sidebar{width:210px}.main-area{padding:0 24px 40px}}@media(max-width:700px){.login-shell{grid-template-columns:1fr}.login-copy{min-height:260px;padding:90px 30px 32px}.login-copy .brand{top:25px;left:30px}.login-copy h1{font-size:35px;margin:14px 0 8px}.login-copy p{font-size:14px;margin:0}.login-accent{display:none}.login-card{margin:24px auto 40px;padding:28px}.app-shell{display:block}.sidebar{width:100%;min-height:0;padding:12px 15px;display:flex;flex-direction:row;align-items:center;gap:8px;overflow:auto}.sidebar .brand{margin:0 8px 0 0;font-size:0}.sidebar .brand-mark{font-size:11px}.sidebar-label,.sidebar-bottom{display:none}.nav-link{width:auto;white-space:nowrap;padding:9px;font-size:12px}.nav-link span{display:none}.main-area{padding:0 16px 30px}.topbar{height:auto;padding:20px 0;align-items:start}.topbar h1{font-size:21px}.top-actions{gap:7px}.company-select-label,.user-avatar{display:none}#companySelect{min-width:0;width:145px;font-size:12px}.section-heading{margin-top:25px}.section-heading h2{font-size:24px}.metric-grid{gap:10px}.metric-card{padding:16px}.metric-card strong{font-size:21px}.period-badge{display:none}.source-grid{grid-template-columns:repeat(2,1fr)}}