:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#161922;background:#f7f9fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--line: #dde3ea;--line-soft: #edf1f5;--muted: #697383;--panel: #ffffff;--ink: #161922;--teal: #008a96;--blue: #1265ff;--green: #009f57;--red: #ff2626}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,select,input{border:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:82px minmax(0,1fr);background:radial-gradient(circle at 24% 0%,rgba(0,138,150,.08),transparent 28%),#f7f9fb}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 16px;border-right:1px solid var(--line);background:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark{width:44px;height:44px;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:10px;border-radius:8px;background:linear-gradient(140deg,#0aa3a9,#03727f);box-shadow:0 14px 28px #00828c38}.brand-mark span{width:5px;border-radius:4px;background:#fff}.brand-mark span:nth-child(1){height:11px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:25px}.theme-switch{display:grid;gap:8px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff}.theme-switch button{width:38px;height:38px;border-radius:8px;background:#f7fafb;color:var(--teal);cursor:default}.page-shell{width:min(100%,1480px);margin:0 auto;padding:16px 24px 28px}.topbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}h1,h2{margin:0;letter-spacing:0;color:var(--ink)}h1{font-size:28px;line-height:1.1}h2{font-size:17px;line-height:1.2}.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.month-filter,.select-filter{height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:#343b46}.month-filter input,.select-filter select{min-width:130px;background:transparent;color:#343b46;outline:none}.segmented{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.segmented button,.mini-tabs button{min-height:36px;padding:0 14px;border-radius:6px;background:transparent;color:#343b46}.segmented button.active,.mini-tabs button.active{color:#fff;background:linear-gradient(180deg,#0699a4,#007785);box-shadow:0 8px 20px #00829133}.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;margin-bottom:12px}.metric-card,.panel,.state-panel,.error-panel{border:1px solid var(--line);border-radius:8px;background:#ffffffe6;box-shadow:0 12px 28px #111b270a}.metric-card{min-height:146px;display:grid;grid-template-rows:auto auto auto 1fr;gap:7px;padding:14px 14px 10px}.metric-head{display:flex;align-items:flex-start;gap:9px;color:#343b46;font-size:13px;line-height:1.2;min-height:42px}.metric-label{display:block;min-width:0;max-width:130px;overflow-wrap:anywhere}.metric-icon{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;background:color-mix(in srgb,currentColor 12%,white);font-size:20px;font-weight:800}.metric-card strong{font-size:25px;line-height:1}.metric-delta{display:flex;align-items:baseline;gap:10px;font-size:13px}.metric-delta span{color:var(--muted)}.positive{color:var(--green)}.negative{color:var(--red)}.sparkline{width:100%;height:42px;align-self:end}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,.9fr);gap:12px;margin-bottom:12px}.panel{padding:16px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chart-legend,.conversion-legend,.legend-note{display:flex;align-items:center;gap:20px;color:#404b59;font-size:12px}.chart-legend span,.conversion-legend button,.legend-note span{display:inline-flex;align-items:center;gap:8px}.legend-square{width:12px;height:12px;border-radius:2px;background:#b9d8ff}.legend-line{width:24px;height:3px;border-radius:4px;background:var(--blue)}.trend-chart{position:relative;min-height:218px}.bars{position:relative;height:200px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:12px;padding:18px 18px 0;border-bottom:1px solid #cfd7df;background-image:linear-gradient(to bottom,transparent 24%,rgba(207,215,223,.6) 25%,transparent 25%,transparent 49%,rgba(207,215,223,.6) 50%,transparent 50%,transparent 74%,rgba(207,215,223,.6) 75%,transparent 75%)}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;color:#5e6876;font-size:11px}.bar{width:min(36px,78%);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#8fc3ff,#d7e9ff)}.average-line{position:absolute;top:18px;right:18px;bottom:18px;left:18px;width:calc(100% - 36px);height:calc(100% - 36px);pointer-events:none}.bottleneck-panel{display:grid;gap:10px;align-content:start}.bottleneck-main{min-height:80px;display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px 16px;padding:14px 18px;border:1px solid #ffd2d2;border-radius:8px;background:linear-gradient(90deg,#fff5f5,#fff)}.bottleneck-main span,.insight-row span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;font-size:28px;color:var(--red);background:#ffe1e1}.bottleneck-main strong{font-size:25px}.bottleneck-main small{grid-column:2;color:var(--muted)}.insight-row{min-height:56px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:8px 16px;border:1px solid var(--line-soft);border-radius:8px;background:#fff}.insight-row span{width:40px;height:40px;font-size:22px;color:var(--green);background:#e6f8ee}.insight-row.neutral span{color:#657081;background:#eef2f6}.conversion-chart{min-height:230px}.conversion-legend{flex-wrap:wrap;margin-bottom:12px;gap:7px}.conversion-legend button{width:188px;min-height:36px;justify-content:flex-start;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#3e4855;cursor:pointer;font-size:12px;line-height:1.15;text-align:left;white-space:normal}.conversion-legend button.active{border-color:color-mix(in srgb,var(--teal) 55%,white);color:var(--teal);background:#edfafa}.conversion-legend i{flex:0 0 auto;width:16px;height:3px;border-radius:4px}.conversion-plot{width:100%;max-height:230px;aspect-ratio:5.7 / 1;display:grid;place-items:center;overflow:hidden}.conversion-chart svg{width:100%;height:100%;max-height:230px;display:block}.grid-line{stroke:#dfe5ec;stroke-dasharray:4 5}.month-axis{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:4px;color:#596273;font-size:11px;text-align:center}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:12px;margin-top:12px}.table-wrap{overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th,td{height:34px;padding:7px 10px;border-bottom:1px solid #e9edf2;text-align:right;white-space:nowrap;font-size:13px}th:first-child,td:first-child{text-align:left}th{color:#616b78;font-weight:600}.manager-cell{display:inline-flex;align-items:center;gap:8px}.avatar{width:26px;height:26px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#1b2029;font-size:10px;font-weight:800;background:#e6edf5}.avatar-0,.avatar-3{background:#ffd9c3}.avatar-1,.avatar-4{background:#d7ecff}.avatar-2,.avatar-5{background:#dcefdc}.heat{font-weight:700}.heat.good{background:#bcebcf}.heat.mid{background:#ffe4a3}.heat.bad{background:#ffb5b0}.heat.neutral{background:#eef2f6}.legend-note{justify-content:center;margin-top:14px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%}.dot.good{background:#43bd7a}.dot.mid{background:#ffcf6e}.dot.bad{background:#ff4e55}.leaders-title{align-items:center}.mini-tabs{display:inline-flex;padding:3px;border-radius:8px;background:#f2f4f7}.mini-tabs button{min-width:92px;min-height:30px;color:#596273}.leaders-list{display:grid}.leader-row{min-height:48px;display:grid;grid-template-columns:34px 32px minmax(120px,1fr) 90px 80px 88px;align-items:center;gap:8px;border-bottom:1px solid #e9edf2;font-size:14px}.leader-row:last-child{border-bottom:0}.leader-row b,.leader-row span:not(.rank):not(.avatar),.leader-row em{text-align:right;font-style:normal}.rank{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#27303b;background:#e8edf3;font-weight:800;font-size:12px}.rank-1{background:#ffc857}.rank-2{background:#d5dbe2}.rank-3{background:#d6a16c}.state-panel,.error-panel{min-height:76px;display:grid;align-content:center;gap:6px;padding:18px;color:var(--muted)}.state-panel strong{color:var(--ink)}.error-panel{border-color:#e1b6b2;background:#fff7f5;color:#9a3d35;margin-bottom:14px}@media(max-width:1240px){.metrics-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;padding:10px}.theme-switch{grid-auto-flow:column}.page-shell{padding:14px 10px 24px}.topbar{display:grid;align-items:start}h1{font-size:24px}.toolbar,.month-filter,.select-filter,.segmented,.month-filter input,.select-filter select{width:100%}.segmented{justify-content:stretch}.segmented button{flex:1}.metrics-grid{grid-template-columns:1fr}.leader-row{grid-template-columns:28px 28px minmax(110px,1fr) 70px}.leader-row span:not(.rank):not(.avatar),.leader-row em{display:none}}