:root{color-scheme:dark;--bg:#080d15;--panel:#111a27;--panel2:#162234;--line:#293950;--text:#edf4f6;--muted:#8d9bad;--mint:#65e5bf;--blue:#8aaeff;--danger:#ff8b93;--shadow:0 20px 60px #0005}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -15%,#1d3150 0,#080d15 40%),var(--bg);color:var(--text);font-family:Inter,Pretendard,system-ui,sans-serif}.shell{max-width:1440px;margin:auto;padding:46px clamp(18px,5vw,72px) 70px}.top{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:30px}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:.18em;font-weight:800}h1{font-size:38px;letter-spacing:-.06em;margin:8px 0}p{color:var(--muted);margin:0;font-size:14px}.fresh{color:var(--mint);font-size:13px;text-align:right}.fresh small{color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.kpi,.panel{background:linear-gradient(145deg,#142033,#0f1722);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.kpi{padding:20px;border-top:2px solid var(--mint)}.kpi span,.kpi small{display:block;color:var(--muted);font-size:12px}.kpi b{display:block;font-size:34px;margin:8px 0 3px}.kpi b.warn{color:var(--danger)}.grid-top{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-head h2{font-size:17px;margin:0 0 5px}.panel-head small{color:var(--muted)}.bars{height:190px;display:flex;align-items:end;justify-content:space-around;gap:10px;padding:12px 4px 0;border-bottom:1px solid #ffffff12}.bar-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;min-width:34px}.bar{width:28px;min-height:18px;border-radius:7px 7px 2px 2px;background:linear-gradient(#68e6c0,#4e9df2);box-shadow:0 0 18px #65e5bf33}.bar-wrap span{font-size:10px;color:var(--muted)}.bar-wrap em{font-size:10px;color:var(--text);font-style:normal}.breakdown{display:grid;gap:8px}.breakdown a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:12px;border-radius:11px;background:#ffffff06;border:1px solid transparent}.breakdown a:hover{border-color:#65e5bf55;background:#65e5bf0d}.icon{font-size:20px}.breakdown b{font-size:13px}.breakdown strong{color:var(--mint)}.inbox{padding:20px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters input,.filters select,.filters button{height:38px;border:1px solid var(--line);background:#0d1622;color:var(--text);border-radius:9px;padding:0 10px}.filters input{min-width:230px}.filters button{background:#65e5bf;color:#06161a;font-weight:800}.mail-list{border-top:1px solid #ffffff12}.mail{border-bottom:1px solid #ffffff0d}.mail summary{display:grid;grid-template-columns:145px minmax(180px,1fr) 210px 175px;gap:12px;align-items:center;padding:14px 4px;cursor:pointer;list-style:none}.mail summary::-webkit-details-marker{display:none}.mail summary:hover{background:#ffffff05}.mail-type{font-weight:800;font-size:12px}.subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender,time{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-body{margin:0 0 14px;padding:15px;background:#0b131e;border:1px solid #ffffff10;border-radius:10px}.meta{font-size:11px;color:var(--muted);margin-bottom:10px}.mail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 inherit;color:#cdd8de;margin:0}.empty{text-align:center;padding:42px;color:var(--muted)}@media(max-width:900px){.grid-top{grid-template-columns:1fr}.mail summary{grid-template-columns:125px 1fr}.sender,time{grid-column:2}}@media(max-width:620px){.shell{padding:25px 14px 45px}.top{display:block}.fresh{text-align:left;margin-top:18px}.kpis{gap:8px}.kpi{padding:14px 12px}.kpi b{font-size:25px}.kpi small{font-size:10px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1;min-width:0}.filters select,.filters button{width:100%}.mail summary{grid-template-columns:1fr auto;gap:6px}.mail-type{grid-column:1/-1}.subject{grid-column:1/-1}.sender{grid-column:1}.mail time{grid-column:2}.panel{padding:15px}.bars{gap:3px}.bar{width:22px}}