:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;color:#202124;background:#f5f5f7;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #007aff;outline-offset:2px}#app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #e9ebee;padding:30px 17px;display:flex;flex-direction:column}.identity{display:flex;align-items:center;gap:11px;margin:7px 10px 35px}.identity strong{display:block;font-size:16px;letter-spacing:-.5px}.identity span{display:block;font-size:9px;letter-spacing:1.7px;color:#999ba4;margin-top:3px}.mark{font-size:19px;font-weight:850;letter-spacing:-2px;background:#16191f;color:#fff;padding:12px 13px 12px 11px;border-radius:14px;line-height:1}.mark span{color:#94c4ff}.nav{display:grid;gap:6px}.nav button{display:flex;align-items:center;gap:10px;text-align:left;border:0;border-radius:11px;padding:13px 15px;background:transparent;color:#64676e;font-weight:610;font-size:13px}.nav button.active{color:#0066d9;background:#eaf3ff}.nav button:hover{background:#f4f5f8}.side-bottom{margin-top:auto;padding:0 10px}.sidebar-tip{border-radius:12px;background:#f7f8fa;padding:14px;color:#777d85;font-size:11px;line-height:1.6}.logout{display:block;background:none;border:0;padding:15px 2px;margin-top:14px;color:#5c626d;font-size:13px;font-weight:600}.logout:hover{color:#d23a31}.version{font-size:9px;letter-spacing:.7px;color:#a5a7b0;margin-top:14px}main{padding:45px clamp(19px,4.3vw,70px) 38px;max-width:1630px;width:100%;margin:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{letter-spacing:1.9px;color:#8e9099;font-size:10px;font-weight:750}.page-header h1{font-weight:790;font-size:clamp(29px,3.1vw,43px);letter-spacing:-1.5px;margin:10px 0 7px}.page-header p{color:#8b8e97;font-size:13px;margin:0}.header-right{display:flex;gap:13px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sync{font-size:11px;color:#7c818b;max-width:160px;text-align:right;line-height:1.5}.btn{border:0;border-radius:12px;padding:12px 17px;font-weight:700;font-size:12px;transition:.15s transform,.15s background;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:wait}.primary{color:#fff;background:#007aff;box-shadow:0 4px 10px #007aff24}.primary:hover{background:#006ee6}.dark{background:#1c1c1e;color:#fff}.dark:hover{background:#303035}.block{display:block;width:100%}.filter-box{background:#fff;display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:18px;border:1px solid #eaeaef;border-radius:20px;margin:24px 0 17px;box-shadow:0 4px 18px #0a1a3805}.filter-box label{flex:1 1 155px;display:grid;gap:8px;color:#828691;font-size:11px;font-weight:650}.filter-box input,.filter-box select{width:100%;color:#272933;background:#fafafb;border:1px solid #e6e8ed;border-radius:10px;padding:11px 12px;min-height:42px;font-size:13px}.filter-box .btn{min-height:42px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.kpi,.panel{background:#fff;border:1px solid #eeeeF2;border-radius:21px;box-shadow:0 4px 25px #14223f06}.kpi{padding:22px;min-height:144px}.kpi-label{display:flex;justify-content:space-between;align-items:center;gap:7px;color:#858891;font-size:12px;font-weight:650}.kpi-label span{color:#bdc2cb;font-size:16px}.kpi strong{display:block;margin:19px 0 10px;font-size:clamp(23px,2.5vw,34px);line-height:1.05;letter-spacing:-1.1px;overflow-wrap:anywhere}.kpi small{color:#9a9da5;font-size:11px}.panels{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}.panel{padding:24px;min-width:0}.panel h2{font-size:17px;letter-spacing:-.35px;margin:0 0 6px}.muted{color:#9599a2;font-size:12px;line-height:1.55}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.pill{display:inline-flex;background:#f1f4f8;color:#5f6d7c;border-radius:18px;padding:6px 10px;font-size:10px;font-weight:750}.panel.full{margin-top:16px}.barrow{display:grid;grid-template-columns:minmax(110px,1fr) 2.2fr auto;align-items:center;gap:12px;font-size:12px;padding:12px 0;border-bottom:1px solid #f1f2f4}.barrow:last-child{border:0}.barrow strong{font-size:12px;white-space:nowrap}.barbg{background:#eff2f7;border-radius:20px;height:9px;overflow:hidden}.barbg i{display:block;height:100%;background:#2386ff;border-radius:20px}.barrow .sub{display:block;margin-top:3px;color:#999da5;font-size:10px}.trend{width:100%;height:auto;max-height:225px;display:block}.chart-scale{display:flex;justify-content:space-between;color:#9a9fa7;font-size:10px;margin-top:9px}.list{display:grid;gap:0}.line{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f1f2f4}.line:last-child{border:0}.rank{display:grid;place-items:center;background:#f3f6fa;color:#8490a0;font-size:11px;border-radius:9px;width:28px;height:28px}.line .name{font-size:12px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}.line .hint{color:#979da7;font-size:10px;margin-top:4px}.line .right{text-align:right;white-space:nowrap;font-size:13px;font-weight:760}.line .right small{display:block;font-size:10px;font-weight:450;color:#9599a2;margin-top:4px}.message,.banner{padding:14px 17px;border-radius:14px;margin-bottom:16px;font-size:12px;line-height:1.7;border:1px solid #dbe9ff;background:#eef5ff;color:#3d618c}.banner.warn{background:#fff7e8;border-color:#ffebc6;color:#916014}.message.error{color:#a83130;background:#fff0ef;border-color:#ffd9d6}.segment{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.segment button{border:1px solid #e6e8ee;background:white;border-radius:11px;padding:10px 15px;font-weight:650;font-size:12px;color:#858995}.segment button.on{background:#202327;border-color:#202327;color:#fff}.search{width:100%;max-width:310px;min-height:40px;padding:10px 13px;border:1px solid #e4e6ec;border-radius:10px;font-size:12px}.empty{text-align:center;padding:36px 16px;color:#8f949d;font-size:13px;line-height:1.6}.tag{display:inline-block;border-radius:7px;background:#fff2dc;color:#986511;padding:3px 6px;margin-left:6px;font-size:9px;font-weight:650}.table-wrap{overflow:auto;max-height:580px;border:1px solid #edf0f4;border-radius:12px}.matrix{border-collapse:collapse;width:100%;font-size:11px;min-width:740px}.matrix th,.matrix td{border-bottom:1px solid #eceef2;padding:11px 12px;text-align:right;white-space:nowrap}.matrix th{background:#f7f8fa;position:sticky;top:0;color:#848a96;font-weight:700;z-index:1}.matrix th:first-child,.matrix td:first-child{text-align:left;position:sticky;left:0;background:#fff;white-space:normal;min-width:205px;max-width:260px}.matrix th:first-child{background:#f7f8fa;z-index:2}.matrix td.zero{color:#c1c6ce}.matrix td.heat{font-weight:760;color:#0b6fdf;background:#edf5ff}.footer{text-align:center;color:#a4a8b0;font-size:10px;padding:28px 0 8px}.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini{border:1px solid #e8ebf0;background:#fff;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:700;color:#535d6a}.mini:hover{background:#f5f7fa}.login-screen{display:grid;place-items:center;min-height:100vh;padding:22px;background:radial-gradient(ellipse at 50% 10%,#e9f3ff 0%,#f5f5f7 55%,#f5f5f7 100%)}.login-card{width:min(100%,430px);background:#fff;border:1px solid #e9eaf0;border-radius:28px;box-shadow:0 20px 70px #33465e15;padding:38px}.login-card .mark{width:51px;text-align:center;margin-bottom:25px}.login-card h1{font-size:32px;letter-spacing:-1.2px;margin:9px 0}.login-card p{color:#898d98;font-size:13px;line-height:1.8;margin-bottom:28px}.login-card form{display:grid;gap:12px}.login-card label{font-size:12px;color:#626771;font-weight:650}.login-card input{padding:13px 15px;font-size:15px;border:1px solid #dfe4eb;border-radius:12px}.login-card small{display:block;color:#a0a5ae;font-size:11px;line-height:1.6;margin-top:22px}.login-card .error{margin-top:12px;background:#fff0ef;color:#ba3128;font-size:12px;padding:10px;border-radius:10px}
@media(max-width:1070px){#app{grid-template-columns:205px minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.panels{grid-template-columns:1fr}.side{padding:25px 11px}}
@media(max-width:700px){#app{display:block}.side{position:relative;width:100%;height:auto;padding:16px 15px 8px;border-right:0;border-bottom:1px solid #ebedf1}.identity{margin:0 0 15px}.identity strong{font-size:16px}.identity span{font-size:9px}.mark{font-size:17px;padding:11px}.nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.nav button{display:grid;place-items:center;gap:4px;min-height:53px;text-align:center;font-size:15px;padding:7px 3px}.nav button span{font-size:10px;line-height:1.2}.side-bottom{display:none}main{padding:23px 15px 20px}.page-header{display:block;margin-bottom:18px}.page-header h1{font-size:30px}.header-right{justify-content:space-between;margin-top:20px}.sync{text-align:left;max-width:220px}.filter-box{padding:14px;gap:11px;margin:16px 0}.filter-box label{flex:1 1 calc(50% - 8px);min-width:0}.filter-box .btn{width:100%}.kpis{gap:10px}.kpi{padding:16px;min-height:127px;border-radius:17px}.kpi strong{font-size:clamp(19px,5vw,25px);margin-top:15px}.kpi small{font-size:10px}.panels{gap:10px;margin-top:11px}.panel{padding:18px;border-radius:18px}.panel.full{margin-top:11px}.barrow{grid-template-columns:minmax(85px,1fr) minmax(45px,1fr) auto;gap:7px}.barrow strong{font-size:10px}.line .right{font-size:12px}.login-card{padding:28px}}