:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#192c49;background:#f4f6fa;font-size:14px;--blue:#246cf0;--muted:#78869c;--line:#e8edf4;--green:#139878}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid #dce3ed;background:#fff;color:#42536d;border-radius:8px;padding:10px 15px;transition:background .15s,box-shadow .15s}button:hover{background:#f1f5fc}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 7px #246cf018}button.primary:hover{background:#1c5fd8}button.quiet{background:transparent;border-color:transparent}.topbar{height:86px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;background:white;border-top:4px solid var(--blue)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;color:white;border-radius:12px;background:var(--blue);font-size:18px;padding-left:2px}.brand small{display:block;font-size:9px;color:#9aa5b7;letter-spacing:1.6px;margin-top:6px}.top-actions{display:flex;align-items:center;gap:16px}.timezone{color:var(--muted);font-size:12px}.avatar-button{background:#eef4ff;border-color:#e0eaff;color:var(--blue);font-size:12px}.navigation{height:61px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:stretch;justify-content:space-between;padding:0 4.4%}.nav-inner{display:flex;gap:30px}.navigation button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:0 8px;color:#718099;font-weight:600}.navigation button.active{border-color:var(--blue);color:var(--blue)}.navigation button span{font-size:19px;margin-right:8px}.nav-note{align-self:center;color:#9aa5b7;font-size:12px}main{max-width:1500px;margin:auto;padding:26px 4.4% 12px;min-height:calc(100vh - 210px)}.page-head{display:flex;align-items:center;justify-content:space-between;margin:23px 0 24px;gap:16px}h1{font-size:26px;letter-spacing:.5px;margin:0 0 8px;font-weight:730}h2{font-size:16px;margin:0}h3{font-size:15px;margin:0 0 16px}p{line-height:1.8}.subtitle{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:10px;color:#9ca7b8;letter-spacing:1.5px;font-weight:600;margin-bottom:7px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.banner{border:1px solid #dae7ff;background:#edf4ff;color:#5476aa;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;font-size:12px;line-height:1.7}.banner strong{color:#3466b4}.banner.warning{background:#fff8e9;color:#94712c;border-color:#f4e7c4}.banner button{padding:5px 10px;border-color:#c8dcff;color:#376bad;font-size:12px;white-space:nowrap}.filterbar{background:white;border:1px solid var(--line);border-radius:11px;padding:15px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.filterbar label{color:#7a879a;font-size:12px}.filterbar input,.filterbar select{padding:8px 11px;min-width:130px}.filterbar .grow{flex:1}.filterbar .date-hint{color:#99a4b4;font-size:11px;margin-left:auto}input,select,textarea{border:1px solid #dce3ed;border-radius:7px;background:#fff;color:#334762;padding:11px 12px;min-height:39px}input::placeholder,textarea::placeholder{color:#a1acbc}input:focus,select:focus,textarea:focus{border-color:#70a1ff;outline:2px solid #246cf015}textarea{resize:vertical;min-height:160px;line-height:1.8;width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:11px;padding:21px 23px;position:relative}.metric-label{font-size:12px;color:#718099}.metric-icon{position:absolute;right:20px;top:17px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);font-size:17px}.metric:nth-child(2) .metric-icon{background:#e9f8f3;color:#16967e}.metric:nth-child(3) .metric-icon{background:#f2edff;color:#9172d9}.metric:nth-child(4) .metric-icon{background:#fff4e7;color:#dd9a36}.metric-value{font-size:32px;letter-spacing:-.8px;font-weight:720;margin:16px 0 12px;font-variant-numeric:tabular-nums}.metric-note{color:#95a0b2;font-size:11px;display:flex;gap:8px;align-items:center}.positive{color:#159c80}.metric-note strong{font-weight:600;color:#627791}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 15px;gap:16px}.panel-head p{font-size:11px;color:#97a3b5;margin:7px 0 0}.panel-body{padding:6px 23px 23px}.charts{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:20px}.legend{display:flex;gap:12px;font-size:11px;color:#8997aa}.dot{width:7px;height:7px;background:var(--blue);display:inline-block;border-radius:50%;margin-right:5px}.dot.green{background:#28ad94}.chart{width:100%;height:220px;display:block}.chart text{fill:#9ca8b9;font-size:11px}.chart .grid{stroke:#edf1f6;stroke-dasharray:4 5}.chart .series{fill:none;stroke:#367cfa;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.chart .point{fill:white;stroke:#367cfa;stroke-width:2}.chart-notes{display:flex;align-items:center;gap:7px;font-size:10px;color:#97a3b5;margin-top:8px;line-height:1.8}.rank-row{display:flex;align-items:center;gap:12px;margin:19px 0 22px}.rank-index{font-size:11px;color:#a3afbf;width:12px}.rank-avatar{width:31px;height:31px;border-radius:9px;background:#f0f4fc;display:grid;place-items:center;color:#7e98bd;font-size:11px;font-weight:700}.rank-content{flex:1;min-width:0}.rank-title{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-title strong{font-size:12px;font-weight:600}.rank-row progress{width:100%;height:5px;border:0;background:#f0f4fb;border-radius:9px;display:block}progress::-webkit-progress-bar{background:#f0f4fb;border-radius:9px}progress::-webkit-progress-value{background:#70a5ff;border-radius:9px}.rank-row:nth-child(2) progress::-webkit-progress-value{background:#8ab6ff}.rank-row:nth-child(3) progress::-webkit-progress-value{background:#a6c8ff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{padding:13px 22px;background:#f8fafc;color:#8391a6;font-weight:500;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:16px 22px;border-bottom:1px solid #f0f3f8;white-space:nowrap;color:#52647c;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}.number{text-align:right}.tag{border-radius:5px;padding:4px 7px;background:#f0f4fa;color:#6a7e9b;font-size:10px;display:inline-block}.tag.green{background:#eaf8f2;color:#289e77}.tag.amber{background:#fff5df;color:#ba8b34}.tag.red{background:#fff0f2;color:#ce6072}.table-foot{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:#96a2b3;gap:16px}.table-foot button{padding:5px 10px;font-size:11px}.video-cell{max-width:280px;min-width:200px}.video-cell strong{display:block;color:#344d6e;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.video-cell small{display:block;color:#97a5b8;margin-top:7px;font-size:10px}.mini-button{padding:5px 8px;font-size:11px;border-radius:5px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:0 22px}.tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;font-size:12px;padding:16px 1px;color:#8b98ab}.tabs button.active{border-color:var(--blue);color:var(--blue)}.empty{text-align:center;padding:55px 24px;color:#92a0b4;line-height:1.9}.empty .empty-icon{font-size:34px;display:block;margin-bottom:10px;color:#b9c9e0}.empty strong{color:#61748f;font-size:14px;font-weight:500}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.form-grid label,.stack label{display:flex;flex-direction:column;gap:9px;color:#64748c;font-size:12px}.form-grid .wide{grid-column:1/-1}.stack{display:grid;gap:20px}.help{color:#91a0b4;font-size:11px;line-height:1.9;margin:6px 0}.step-number{background:#edf4ff;color:#5b8edc;border-radius:50%;width:24px;height:24px;font-size:11px;display:inline-grid;place-items:center;margin-right:8px}.add-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(250px,1fr);gap:20px}.info-list{list-style:none;margin:0;padding:0}.info-list li{display:flex;gap:13px;margin:24px 0}.info-list strong{display:block;font-size:12px;color:#5b708f;margin-bottom:6px}.info-list p{font-size:11px;color:#91a0b4;margin:0;line-height:1.9}.info-list .step-number{flex-shrink:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.settings-grid .full{grid-column:1/-1}.checkline{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;font-size:12px!important}.checkline input{min-height:0;width:16px;height:16px;accent-color:var(--blue)}.settings-line{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #f0f3f8;padding:13px 0;font-size:12px;color:#8291a8}.settings-line strong{font-weight:500;color:#526a89}.table-action{display:flex;gap:6px}.result-list{max-height:220px;overflow:auto;font-size:12px;color:#73829a;line-height:2;padding-top:16px}.result-list .bad{color:#c97456}.export-result{border:1px solid #cceade;background:#f1fbf7;border-radius:8px;padding:16px;margin-bottom:20px;color:#44826a;font-size:12px;overflow-wrap:anywhere}.export-result p{margin:5px 0}.export-result code{font-size:11px}footer{padding:20px;text-align:center;color:#a5afbf;font-size:10px;letter-spacing:.3px}footer span{padding:0 9px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#243c5e;color:white;padding:14px 24px;border-radius:10px;box-shadow:0 8px 40px #152c4f25;font-size:13px;z-index:20;max-width:90vw;line-height:1.7}dialog{border:1px solid var(--line);border-radius:15px;padding:34px;width:min(480px,90vw);box-shadow:0 18px 90px #21334b30;color:#304765}dialog::backdrop{background:#18294150;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-bottom:10px}dialog .subtitle{font-size:12px;margin-bottom:25px}dialog form{display:grid;gap:19px}.dialog-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:22px;color:#a0aec1}.modal-error{color:#ce6571;font-size:12px;line-height:1.7}.loading{opacity:.65;pointer-events:none}.context-note{font-size:11px;line-height:1.9;color:#93a1b4;margin:0 0 18px}.daily-figure{font-weight:650;color:#334c6e}.mobile-label{display:none}@media(min-width:1550px){.topbar,.navigation{padding-left:calc((100vw - 1368px)/2);padding-right:calc((100vw - 1368px)/2)}}@media(max-width:1050px){.metrics{gap:10px}.metric{padding:18px}.metric-value{font-size:27px}.charts{grid-template-columns:1.5fr 1fr}.nav-note{display:none}th,td{padding-left:15px;padding-right:15px}.settings-grid{grid-template-columns:1fr}.add-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.form-grid label:first-child{grid-column:1/-1}}@media(max-width:700px){.topbar{height:75px;padding:0 5%}.brand{font-size:17px}.brand small{font-size:7px}.brand-mark{width:33px;height:33px}.timezone{display:none}.top-actions{gap:3px}.top-actions button{font-size:11px;padding:7px}.navigation{padding:0 4%;height:55px}.nav-inner{width:100%;justify-content:space-between;gap:0}.navigation button{font-size:12px;padding:0 6px}.navigation button span{display:none}main{padding:18px 4%}.page-head{align-items:flex-start;flex-direction:column;margin:22px 0}h1{font-size:23px}.banner{align-items:flex-start}.banner button{margin-top:2px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-value{font-size:26px}.metric-icon{width:25px;height:25px;right:13px;top:13px;font-size:13px}.metric-label{font-size:11px}.metric-note{font-size:9px;line-height:1.8}.metric{padding:16px}.charts{grid-template-columns:1fr}.panel-head{padding:19px 17px 12px}.panel-body{padding:6px 17px 20px}.filterbar{padding:12px;gap:8px}.filterbar input,.filterbar select{font-size:11px;min-width:110px;max-width:160px}.filterbar .date-hint{width:100%;margin:0}.form-grid{grid-template-columns:1fr}.form-grid label:first-child{grid-column:auto}.page-head .actions{width:100%}.actions button{font-size:12px}.table-foot{padding:13px;line-height:1.8}.settings-grid{display:block}.legend{font-size:10px}.subtitle{font-size:12px}.chart{height:190px}}

@media(max-width:700px){.topbar{padding-left:4%;padding-right:4%}.brand{font-size:16px;gap:8px;flex-shrink:0}.top-actions{gap:1px}.top-actions button{font-size:10px;padding:6px;white-space:nowrap}.brand small{letter-spacing:1px}}