:root{--bg:#071116;--surface:#101e25;--panel:#13232c;--line:#243740;--text:#eef5f6;--muted:#a0b3be;--green:#00db89;--aqua:#54cdd5;--danger:#ff8d91;--amber:#f1c575;--radius:16px;--space:24px;color-scheme:dark;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green)}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 16px;border-radius:9px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}button:hover{background:#233a43}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);color:#03251a;border-color:var(--green)}.primary:hover{background:#35ecab}.ghost{background:transparent}.small{padding:7px 11px;font-size:12px}.danger{color:var(--danger)}.icon{width:19px;height:19px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.positive{color:var(--green)}.negative{color:var(--danger)}.mono{font-variant-numeric:tabular-nums}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;font-weight:650}h2{font-size:17px;font-weight:600;letter-spacing:-.2px}h3{font-size:14px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);font-weight:650}.subtext{color:var(--muted);font-size:13px;line-height:1.6;margin-top:8px}.skip{position:fixed;top:-100px;z-index:100}.skip:focus{top:10px;background:var(--green);color:#071116;padding:12px}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#0a161d;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;padding:28px 16px 18px;display:flex;flex-direction:column;z-index:30}.brand{font-style:italic;font-size:23px;font-weight:850;letter-spacing:-1px;display:block;padding:0 12px}.brand span{color:var(--green)}.brand small{display:block;font-size:9px;letter-spacing:3.2px;color:var(--muted);font-style:normal;margin-top:7px;font-weight:500}.nav-heading{padding:30px 14px 10px;font-size:10px;color:#6f8997;letter-spacing:1.6px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:9px;color:var(--muted);font-size:13px}.nav a:hover{background:var(--surface);color:white}.nav a.active{background:#00db8914;color:var(--green);box-shadow:inset 3px 0 var(--green)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0}.avatar{background:#203a3b;color:var(--green);border-radius:10px;display:grid;place-items:center;width:35px;height:35px;font-weight:700}.user{display:flex;gap:10px;align-items:center;font-size:12px}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px;background:#0a161db3}.top-left,.top-actions,.row,.actions{display:flex;align-items:center;gap:12px}.search{position:relative;max-width:340px;flex:1}.search input{width:100%;padding:11px 12px 11px 38px;border-radius:9px;background:#101e25;border:1px solid var(--line);color:var(--text)}.search .icon{position:absolute;top:11px;left:12px;color:var(--muted)}.search-results{position:absolute;top:47px;left:0;width:100%;background:var(--panel);box-shadow:0 16px 50px #0008;border:1px solid var(--line);border-radius:10px;z-index:40;max-height:350px;overflow:auto}.search-results a{display:block;padding:12px;border-bottom:1px solid var(--line)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.8px;font-weight:700;border-radius:5px;padding:5px 8px;background:#f1c57514;color:var(--amber);white-space:nowrap}.tag.green{background:#00db8914;color:var(--green)}.tag.red{background:#ff8d9114;color:var(--danger)}.tag.blue{background:#54cdd514;color:var(--aqua)}.workspace{min-width:0}main{padding:32px 36px 28px;max-width:2400px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}.page-heading .eyebrow{margin-bottom:10px}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.period{display:flex;align-items:center;gap:8px}input,select,textarea{background:#0b171e;color:var(--text);border:1px solid #344b57;border-radius:8px;padding:11px 12px;min-width:0}input[type=date]{max-width:160px}select{max-width:100%}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}.kpi{position:relative;display:block;transition:border-color .2s}.kpi:hover{border-color:#52717d}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:clamp(24px,1.8vw,38px);letter-spacing:-1.1px;margin:18px 0 14px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.kpi .icon-wrap{position:absolute;top:20px;right:22px;padding:8px;border-radius:9px;background:#ffffff06;color:var(--muted)}.kpi.featured{border-top:2px solid var(--green);background:#10241f}.kpi small{font-size:11px;color:var(--muted)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.dashboard-mid{display:grid;grid-template-columns:7fr 5fr;gap:22px;margin-bottom:22px}.health-summary{display:flex;align-items:center;gap:12px;margin:5px 0 16px}.health-summary strong{font-size:23px;font-weight:550;letter-spacing:-.6px}.chart{width:100%;height:190px;display:block;overflow:visible}.chart text{fill:var(--muted);font-size:10px;font-family:inherit}.chart .grid{stroke:var(--line);stroke-dasharray:3 5}.chart rect,.chart circle{transition:opacity .15s}.chart rect:hover{opacity:.7}.legend{display:flex;gap:20px;color:var(--muted);font-size:11px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--green)}.dot.aqua{background:var(--aqua)}.dot.red{background:var(--danger)}.footnote{border-top:1px solid var(--line);padding-top:13px;margin-top:16px;color:var(--muted);font-size:11px;line-height:1.6}.alert-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.alert-item:last-child{border:0}.alert-icon{width:32px;height:32px;border-radius:8px;background:#f1c5750c;color:var(--amber);display:grid;place-items:center;flex:none}.alert-item .detail{flex:1;min-width:0}.alert-item strong{font-size:12px;font-weight:550;display:block}.alert-item small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.alert-item>a{color:var(--muted)}.compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.compact-card{display:flex;gap:17px;align-items:center;padding:20px 23px}.compact-card>.icon{color:var(--aqua);width:26px;height:26px}.compact-card strong{display:block;font-size:21px;margin:7px 0 4px}.compact-card small{font-size:11px;color:var(--muted)}.quick-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:10px;flex-wrap:wrap}.quick-actions .actions{flex-wrap:wrap}.sync{margin-top:23px;font-size:10px;display:flex;justify-content:space-between;color:#718d9c}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.toolbar input{width:280px;max-width:100%}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{color:var(--muted);font-weight:500;font-size:11px;padding:15px 18px;background:#0d1b22;border-bottom:1px solid var(--line)}td{padding:17px 18px;border-bottom:1px solid #20323c}tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff03}td strong{display:block;font-weight:550;font-size:13px}td small{display:block;color:var(--muted);margin-top:5px}th button{border:0;background:transparent;padding:0;color:inherit;font-size:inherit}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:15px;font-size:12px}.section{margin-top:22px}.info{background:#54cdd50a;border:1px solid #54cdd527;border-radius:10px;padding:14px 17px;font-size:12px;color:#b6cdd4;line-height:1.7;margin-bottom:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.analysis .chart{height:260px}.analysis details{margin:20px 0}.analysis summary{cursor:pointer;font-size:17px;font-weight:600;padding:18px 0}.bar-list{display:flex;flex-direction:column;gap:18px}.bar-label{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:7px}.bar-track{height:7px;background:var(--line);border-radius:5px;overflow:hidden}.bar-fill{height:100%;background:var(--green);border-radius:5px}.bar-fill.aqua{background:var(--aqua)}.bar-fill.red{background:var(--danger)}.pricing-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.field input,.field select,.field textarea{width:100%}.field.full{grid-column:1/-1}fieldset{border:0;margin:0 0 25px;padding:0}legend{font-size:15px;font-weight:650;color:var(--text);margin-bottom:18px}.sticky-result{position:sticky;top:24px;align-self:start}.price-number{font-size:42px;letter-spacing:-1.7px;color:var(--green);font-weight:650;margin:16px 0 24px}.result-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;gap:15px}.result-line span{color:var(--muted)}.scenario{margin-top:20px}.task-card{display:flex;gap:18px;align-items:center;margin-bottom:13px;padding:20px}.task-card .content{flex:1}.task-card .content p{font-size:12px;color:var(--muted);margin-top:7px}.dropzone{border:1px dashed #426472;background:#0a181e;border-radius:13px;padding:30px;text-align:center;cursor:pointer;display:block;margin-bottom:20px}.dropzone.drag{border-color:var(--green);background:#00db8910}.dropzone .icon{width:28px;height:28px;color:var(--green);margin-bottom:12px}.dropzone h3{margin-bottom:8px}.dropzone input{max-width:100%;margin-top:15px}.integration{display:flex;flex-direction:column;gap:16px}.integration ul{font-size:12px;color:var(--muted);line-height:2;padding-left:18px}.integration .tag{align-self:flex-start}.integration button{margin-top:auto}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-visual{background:#061016;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px}.login-visual img{width:100%;max-width:620px}.login-visual h1{font-size:40px;max-width:550px;line-height:1.2;margin-top:20px}.login-visual p{max-width:550px;color:var(--muted);line-height:1.8;margin-top:20px}.login-side{display:grid;place-items:center;padding:40px;background:#101e25}.login-box{width:100%;max-width:390px}.login-box h2{font-size:29px;margin:20px 0 8px}.login-box form{display:flex;flex-direction:column;gap:18px;margin-top:30px}.login-box .primary{margin-top:8px;padding:14px}.form-error{color:var(--danger);font-size:12px;line-height:1.5}.lp{padding:0}.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:30px 7vw;border-bottom:1px solid var(--line)}.lp-hero{padding:70px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:650px}.lp-hero h1{font-size:clamp(38px,4.3vw,72px);line-height:1.08;letter-spacing:-2px;margin:22px 0}.lp-hero img{width:100%;border-radius:24px}.lp-hero p{font-size:17px;color:var(--muted);line-height:1.8;max-width:550px;margin-bottom:28px}.lp-section{padding:50px 7vw 90px}.lp-section h2{font-size:30px;margin-bottom:30px}dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:none;width:580px;max-width:100%;background:var(--surface);color:var(--text);border:0;border-left:1px solid var(--line);padding:0;box-shadow:-30px 0 80px #0005}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.drawer-head{padding:26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-body{padding:26px}.drawer-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.drawer-head h2{font-size:22px}.drawer-body .info{margin-top:0}.error-box{padding:15px;border:1px solid var(--danger);color:var(--danger);margin-bottom:20px;border-radius:8px;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid var(--green);background:#123329;box-shadow:0 10px 40px #0006;color:#fff;border-radius:10px;z-index:100;display:none;max-width:90%;font-size:13px}.loading{padding:100px;text-align:center;color:var(--muted)}.skeleton{height:100px;border-radius:12px;background:var(--panel);animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.4}}.mobile-toggle{display:none}.mobile-nav{display:none}.collapsed .shell{grid-template-columns:76px minmax(0,1fr)}.collapsed .sidebar .brand{font-size:0;padding:0;text-align:center}.collapsed .sidebar .brand:before{content:'M';font-size:26px;color:var(--green)}.collapsed .sidebar .brand small,.collapsed .nav span,.collapsed .nav-heading,.collapsed .sidebar-footer .user>div:last-child{display:none}.collapsed .nav{margin-top:25px}.collapsed .nav a{justify-content:center;padding:13px}.collapsed .sidebar{padding:28px 10px 18px}.compact td{padding-top:10px;padding-bottom:10px}.light{--bg:#edf2f3;--surface:#fff;--panel:#edf4f4;--line:#d6e2e6;--text:#132832;--muted:#536d79;color-scheme:light}.light .sidebar,.light .topbar{background:#071116;color:#eef5f6}.light .kpi.featured{background:#edf9f4}.light input,.light select,.light textarea,.light th,.light .dropzone{background:#f6f9fa;color:#132832}.light .search input{background:#13232c;color:white}.light .card small{color:#536d79}.light .info{color:#365863}.light .login-side{background:white}.light .login-visual{color:white}
@media(min-width:1900px){main{padding:36px 44px}.kpi .value{font-size:40px}.dashboard-mid .chart{height:230px}.card{padding:28px}.alert-item{padding:15px 0}}
@media(max-width:1200px){.shell{grid-template-columns:205px minmax(0,1fr)}main{padding:25px 22px}.topbar{padding:0 22px}.kpis{gap:12px}.kpi{padding:18px}.kpi .icon-wrap{display:none}.kpi .value{font-size:24px}.dashboard-mid{grid-template-columns:1.1fr 1fr}.card{padding:20px}.grid3{grid-template-columns:1fr 1fr}.top-left{display:none}}
@media(max-width:900px){.shell,.collapsed .shell{display:block}.sidebar{position:fixed;left:-250px;width:236px;transition:left .2s}.sidebar.open{left:0}.mobile-toggle{display:inline-flex}.topbar{height:68px;padding:0 18px;gap:12px}.top-actions .tag{display:none}.search{max-width:none}.top-actions{gap:8px}.top-actions .label{display:none}main{padding:24px 20px 100px}.kpis{grid-template-columns:1fr 1fr}.dashboard-mid,.grid2,.pricing-grid{grid-template-columns:1fr}.compact-grid{grid-template-columns:1fr 1fr 1fr}.compact-card{padding:16px;gap:10px}.compact-card>.icon{display:none}.compact-card strong{font-size:19px}.page-heading{align-items:flex-start;flex-direction:column}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:#0a161df5;backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:35;justify-content:space-around;color:#a0b3be}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;gap:5px}.mobile-nav a.active{color:var(--green)}.sticky-result{position:static}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-side{min-height:100vh}.lp-hero{grid-template-columns:1fr;padding-top:40px;gap:20px}.lp-hero img{max-width:500px}.collapsed .sidebar .brand{font-size:23px}.collapsed .sidebar .brand:before{display:none}.collapsed .nav span,.collapsed .sidebar .brand small{display:block}.collapsed .nav a{justify-content:flex-start}.collapsed .nav{margin-top:0}.sync{gap:15px}.heading-actions{width:100%}.analysis .chart{height:230px}}
@media(max-width:520px){h1{font-size:25px}.kpi .value{font-size:22px;letter-spacing:-.7px}.kpi small{font-size:10px}.kpis{gap:10px}.card{padding:17px}.kpi .label{font-size:11px}.compact-grid{grid-template-columns:1fr}.compact-card{display:flex;justify-content:space-between}.compact-card>.icon{display:block}.compact-card strong{font-size:23px}.grid3,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.topbar .avatar{display:none}.search input{font-size:12px}.top-actions button{padding:10px}.period{flex-wrap:wrap}.heading-actions select{max-width:150px}.legend{gap:12px}.quick-actions .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.quick-actions button{font-size:11px;padding:10px}.task-card{flex-wrap:wrap}.task-card .content{min-width:70%}.toolbar input{width:100%}.toolbar{align-items:stretch}.drawer-body,.drawer-head{padding:22px}.lp-nav{gap:15px}.lp-nav .brand{font-size:19px;padding:0}.lp-nav button{font-size:11px}.lp-hero h1{font-size:41px}.lp-hero p{font-size:15px}.sync{flex-direction:column}.chart{height:170px}.health-summary strong{font-size:19px}.row{flex-wrap:wrap}}
@media(min-width:1200px){main.home{padding-top:25px;padding-bottom:18px}.home .page-heading{margin-bottom:20px}.home .kpi{padding:20px 23px}.home .kpi .value{font-size:32px;margin:14px 0 12px}.home .dashboard-mid{gap:20px;margin-bottom:18px}.home .dashboard-mid>.card{padding:20px 24px}.home .dashboard-mid .chart{height:150px}.home .card-head{margin-bottom:14px}.home .health-summary{margin-bottom:12px}.home .health-summary strong{font-size:21px}.home .alert-item{padding:9px 0}.home .footnote{margin-top:12px;padding-top:10px;font-size:10px}.home .compact-card{padding:18px 23px}.home .compact-card strong{font-size:22px}.home .quick-actions{margin-top:19px}.home .sync{margin-top:20px}.home .kpis{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.login-visual img,.lp-hero img{height:auto;object-fit:contain}