:root{--accent:#6c6fd1;--accent-hover:#5558bf;--accent-soft:#ededfb;--green:#2ecc71;--green-dark:#27ae60;--green-soft:#e8f8f0;--nav-bg:#4b3a99;--nav-bg2:#6055c8;--page-bg:#f3f4fa;--card-bg:#fff;--border:#e5e7f2;--border-light:#eef0f8;--text-1:#1c1f3a;--text-2:#6b7094;--text-3:#a8abcb;--shadow-card:0 1px 4px #1c1f3a12, 0 4px 24px #1c1f3a0d;--shadow-drop:0 8px 32px #1c1f3a24;--nav-w:64px}body.dark{--page-bg:#111320;--card-bg:#1a1c2e;--border:#2a2d48;--border-light:#21233a;--text-1:#f2f4ff;--text-2:#a8adce;--text-3:#6c709a;--shadow-card:0 1px 4px #0006, 0 4px 24px #00000040;--shadow-drop:0 8px 32px #00000080;--accent-soft:#6c6fd12e;--green-soft:#2ecc7124}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--page-bg);color:var(--text-1);height:100vh;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.app{height:100vh;display:flex;overflow:hidden}.nav-rail{width:var(--nav-w);background:linear-gradient(180deg, var(--nav-bg) 0%, var(--nav-bg2) 100%);z-index:60;flex-direction:column;flex-shrink:0;align-items:center;gap:0;padding:16px 0;display:flex}.nav-logo{color:#fff;letter-spacing:-.5px;cursor:pointer;background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:24px;font-size:16px;font-weight:800;display:flex}.nav-items{flex-direction:column;flex:1;gap:4px;width:100%;padding:0 10px;display:flex}.nav-item{cursor:pointer;color:#ffffff8c;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex;position:relative}.nav-item:hover{color:#ffffffd9;background:#ffffff1f}.nav-item.active{color:#fff;background:#fff3}.nav-item svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.nav-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:200;background:#1c1f3aeb;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.nav-item:hover .nav-tooltip{opacity:1}.nav-bottom{flex-direction:column;align-items:center;gap:8px;padding:0 10px 4px;display:flex}.nav-avatar{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.filter-bar{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:30;flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 24px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{height:0}.filter-bar .period-pills{flex-wrap:nowrap}.filter-bar .period-pill,.filter-bar .period-pill-custom{flex-shrink:0}.filter-bar .chips{flex-wrap:nowrap}.filter-bar .chip{flex-shrink:0}.filter-bar-sep{background:var(--border);flex-shrink:0;width:1px;height:20px}.filter-btn{cursor:pointer;white-space:nowrap;border:1px solid var(--border);background:var(--page-bg);color:var(--text-2);border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s;display:flex}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.fs-section{border-bottom:1px solid var(--border-light);padding:14px 16px}.fs-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-3);margin-bottom:10px;font-size:10px;font-weight:600}.date-picker{background:var(--page-bg);border:1px solid var(--border);cursor:pointer;color:var(--text-1);border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:500;transition:border-color .15s;display:flex}.date-picker:hover{border-color:var(--accent)}.date-picker-icon{color:var(--text-3);flex-shrink:0;font-size:13px}.compare-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.toggle{background:var(--border);cursor:pointer;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.toggle.on{background:var(--green)}.toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.on:after{left:16px}.toggle-label{color:var(--text-2);font-size:12px;font-weight:500}.filter-group{margin-bottom:12px}.filter-group:last-child{margin-bottom:0}.filter-group-label{color:var(--text-2);margin-bottom:7px;font-size:11px;font-weight:600}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{cursor:pointer;border:1.5px solid var(--border);color:var(--text-2);-webkit-user-select:none;user-select:none;background:#fff;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.chip.active{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.chip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.fs-collapsible{background:var(--page-bg);border:1px solid var(--border);cursor:pointer;color:var(--text-2);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:border-color .15s;display:flex}.fs-collapsible:hover{border-color:var(--accent);color:var(--text-1)}.fs-collapsible-arrow{color:var(--text-3);font-size:10px;transition:transform .15s}.fs-select{background:var(--page-bg);border:1px solid var(--border);width:100%;color:var(--text-2);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px}.fs-actions{gap:6px;padding:14px 16px;display:flex}.btn-apply{background:linear-gradient(135deg, var(--green) 0%, var(--green-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:opacity .15s;box-shadow:0 2px 8px #2ecc714d}.btn-apply:hover{opacity:.88}.btn-reset{color:var(--text-2);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:10px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.btn-reset:hover{border-color:var(--text-3);color:var(--text-1)}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:40;flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex}.topbar-sep{background:var(--border);flex-shrink:0;width:1px;height:20px}.topbar-client{border:1px solid var(--border);background:var(--page-bg);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:5px 12px 5px 8px;transition:background .15s;display:flex}.topbar-client:hover{background:var(--accent-soft);border-color:#c9caee}.client-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex}.client-name{color:var(--text-1);font-size:12px;font-weight:500}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-update{color:var(--text-3);font-size:11px}.btn-logout{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;padding:5px 12px;font-family:Inter,sans-serif;font-size:12px;transition:all .15s}.btn-logout:hover{border-color:var(--text-3);color:var(--text-1)}.content{flex-direction:column;flex:1;gap:0;padding:24px;display:flex;overflow-y:auto}.page{flex-direction:column;gap:0;display:none}.page.active{display:flex}.page-header{margin-bottom:20px}.breadcrumb{color:var(--text-3);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.breadcrumb-link{color:var(--text-3);cursor:pointer;transition:color .15s}.breadcrumb-link:hover{color:var(--accent)}.breadcrumb-sep{color:var(--border);font-size:10px}.breadcrumb-current{color:var(--accent);font-weight:500}.page-title{color:var(--text-1);margin-bottom:4px;font-size:24px;font-weight:700;line-height:1.2}.page-sub{color:var(--text-2);margin-bottom:16px;font-size:13px}.period-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.period-pill{cursor:pointer;border:1.5px solid var(--border);color:var(--text-2);-webkit-user-select:none;user-select:none;background:#fff;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:500;transition:all .15s}.period-pill:hover{border-color:var(--text-3);color:var(--text-1)}.period-pill.active{background:var(--green);border-color:var(--green);color:#fff;font-weight:600;box-shadow:0 2px 8px #2ecc714d}.period-pill-custom{cursor:pointer;border:1.5px dashed var(--border);color:var(--text-3);-webkit-user-select:none;user-select:none;background:0 0;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:500;transition:all .15s}.period-pill-custom:hover{border-color:var(--accent);color:var(--accent)}.cards-stack{flex-direction:column;gap:16px;display:flex}.cards-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{background:var(--card-bg);box-shadow:var(--shadow-card);border-radius:16px;position:relative;overflow:hidden}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title-block{flex-direction:column;gap:2px;display:flex}.card-title{color:var(--text-1);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.card-sub{color:var(--text-3);font-size:11px}.card-period-badge{background:var(--accent-soft);color:var(--accent);border-radius:20px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.info-icon{background:var(--page-bg);width:15px;height:15px;color:var(--text-3);cursor:help;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-style:italic;font-weight:700;display:inline-flex}.card-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.icon-btn{cursor:pointer;width:32px;height:32px;color:var(--text-3);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:hover{background:var(--page-bg);color:var(--text-2)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.card-body{padding:20px}.card-body-sm{padding:14px 20px}.loading-overlay{z-index:10;opacity:0;pointer-events:none;background:#ffffffbf;border-radius:16px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.loading-overlay.show{opacity:1;pointer-events:all}.spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dropdown{display:inline-flex;position:relative}.dropdown-menu{border:1px solid var(--border);box-shadow:var(--shadow-drop);z-index:200;background:#fff;border-radius:10px;min-width:180px;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.dropdown-menu.open{display:block}.dropdown-item{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:500;transition:background .1s;display:flex}.dropdown-item:hover{background:var(--page-bg);color:var(--text-1)}.dropdown-sep{background:var(--border-light);height:1px;margin:3px 0}.radio-tabs{background:var(--page-bg);border-radius:8px;gap:2px;width:fit-content;padding:3px;display:flex}.radio-tab{cursor:pointer;color:var(--text-2);-webkit-user-select:none;user-select:none;border-radius:6px;padding:5px 14px;font-size:11px;font-weight:500;transition:all .15s}.radio-tab.active{color:var(--text-1);background:#fff;font-weight:600;box-shadow:0 1px 4px #1c1f3a14}.brand-chip{cursor:pointer;border:1.5px solid var(--border);background:var(--card-bg);color:var(--text-2);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.brand-chip:hover{border-color:var(--accent);color:var(--accent)}.brand-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.brand-chip .axis-badge{color:#fff;background:var(--accent);border-radius:3px;margin-left:2px;padding:0 3px;font-size:8px;font-weight:700;line-height:14px}.hidden-brands-row{border-top:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;padding-top:8px;display:flex}.hidden-brands-label{color:var(--text-3);letter-spacing:.5px;white-space:nowrap;font-size:10px;font-weight:600}.link-sm{color:var(--accent);cursor:pointer;font-size:11px;font-weight:500}.link-sm:hover{text-decoration:underline}.slice-pills{align-items:center;gap:5px;display:flex}.slice-label{color:var(--text-3);letter-spacing:.5px;white-space:nowrap;font-size:10px;font-weight:600}.slice-pill{border:1px solid var(--border);background:var(--card-bg);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:20px;padding:4px 11px;font-size:11px;font-weight:500;transition:all .15s}.slice-pill:hover{border-color:var(--green-dark);color:var(--green-dark)}.slice-pill.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 8px #2ecc714d}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}thead th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;background:#fafbff;padding:10px 16px;font-size:10px;font-weight:600;line-height:1.4}thead th:hover{color:var(--text-2)}.table-wrap table{table-layout:fixed;width:100%}#organicTable{table-layout:auto}#organicTable td:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--accent)}thead th .sort{opacity:.5;margin-left:3px;font-size:10px}thead th.th-center{text-align:center}thead tr.group-row th{color:var(--text-3);letter-spacing:.5px;text-transform:uppercase;background:#fafbff;padding:6px 16px 4px;font-size:9px;font-weight:600}thead tr.group-row th.group-center{text-align:center;border-bottom:2px solid var(--accent-soft)}tbody tr{border-bottom:1px solid var(--border-light);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--page-bg)}tbody td{color:var(--text-1);padding:11px 16px;font-size:12px}tbody td.td-center{text-align:center}.td-url{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.td-num{font-variant-numeric:tabular-nums;font-weight:600}.col-compare{transition:opacity .2s}.hide-compare .col-compare{display:none}.tag{letter-spacing:.3px;white-space:nowrap;border-radius:4px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.tag-orange{color:#d4660e;background:#fff4ec}.tag-teal{color:#0b8b55;background:#e8faf4}.tag-purple{color:#7b44d4;background:#f3eeff}.tag-amber{color:#b07b00;background:#fffbec}.tag-gray{background:var(--page-bg);color:var(--text-2)}.badge{border-radius:20px;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-yes{background:var(--green-soft);color:var(--green-dark)}.badge-no{background:var(--page-bg);color:var(--text-3)}.delta-pos{color:#16a34a;font-weight:600}.delta-neg{color:#ef4444;font-weight:600}.delta-neu{color:var(--text-3)}.cell-val{font-variant-numeric:tabular-nums;font-weight:600}.cell-diff{vertical-align:super;margin-left:2px;font-size:.72em;font-weight:500}.diff-green{color:#2d9a5c}.diff-red{color:#d94452}.diff-zero{color:var(--text-3)}.hm-best{background:#e3f5ec}.hm-good{background:#eef8f2}.hm-mid{background:0 0}.hm-poor{background:#fef3ee}.hm-worst{background:#fde8e3}body.dark .hm-best{background:#2ecc7124}body.dark .hm-good{background:#2ecc7112}body.dark .hm-poor{background:#ef444412}body.dark .hm-worst{background:#ef444424}.table-footer{border-top:1px solid var(--border-light);background:#fafbff;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.pagination-info{color:var(--text-3);font-size:11px}.pagination-pages{gap:3px;display:flex}.page-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text-2);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:500;transition:all .15s;display:flex}.page-btn:hover{border-color:var(--accent);color:var(--accent)}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.toggle-row{border-top:1px solid var(--border-light);background:#fafbff;align-items:center;gap:8px;padding:10px 20px;display:flex}.toggle-row-label{color:var(--text-2);font-size:11px;font-weight:500}.utp-topbar{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.utp-columns{height:calc(100vh - 290px);min-height:400px;display:flex}.utp-pane{border-right:1px solid var(--border-light);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.utp-pane:last-child{border-right:none}.utp-pane-top{border-bottom:1px solid var(--border-light);flex-shrink:0;padding:14px 20px}.utp-adv-btn{cursor:pointer;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s;display:flex}.utp-adv-btn:hover{opacity:.88}.utp-scroll{flex:1;padding:0 20px 24px;overflow-y:auto}.utp-group{margin-top:20px}.utp-group:first-child{margin-top:16px}.utp-period-title{color:var(--text-1);border-left:3px solid;margin-bottom:4px;padding:4px 0 10px 12px;font-size:13px;font-weight:700}.utp-legend{border-bottom:1px solid var(--border-light);background:var(--page-bg);align-items:center;gap:16px;padding:8px 20px;display:flex}.utp-legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.utp-item{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:8px;padding:7px 0;display:flex}.utp-item:last-child{border-bottom:none}.utp-bullet{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.utp-text{color:var(--text-1);flex:1;font-size:12px;line-height:1.5}.utp-freq{color:var(--text-2);white-space:nowrap;text-align:right;min-width:52px;padding-left:8px;font-size:12px;font-weight:700}.insufficient{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.insufficient-icon{font-size:36px}.insufficient-title{color:var(--text-2);font-size:13px;font-weight:600}.insufficient-sub{text-align:center;max-width:280px;font-size:12px;line-height:1.6}.ws-table thead th{text-align:center}.ws-table thead th:first-child{text-align:left}.ws-table tbody td{text-align:center}.ws-table tbody td:first-child{text-align:left;font-weight:600}.chart-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.chart-legend{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:11px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.warning-strip{background:#fffbec;border-top:1px solid #f5e89c;align-items:center;gap:8px;padding:10px 16px;display:flex}.warning-icon{font-size:13px}.warning-text{color:#8b6a00;font-size:11px}.adv-link{color:var(--accent);cursor:pointer;border-bottom:1px dashed var(--accent);text-decoration:none}.adv-link:hover{color:var(--accent-hover);border-color:var(--accent-hover)}.adv-link-hint{color:var(--text-3);vertical-align:middle;margin-left:4px;font-size:10px}.detail-overlay{z-index:600;background:#1c1f3a59;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.detail-overlay.open{display:flex}.detail-popup{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-drop);border-radius:16px;flex-direction:column;width:560px;max-height:80vh;display:flex;overflow:hidden}.detail-head{border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.detail-head-title{color:var(--text-1);font-size:15px;font-weight:600}.detail-head-sub{color:var(--text-3);margin-top:2px;font-size:11px}.detail-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.detail-close:hover{color:var(--text-1)}.detail-body{flex:1;padding:0;overflow-y:auto}.detail-body table{border-collapse:collapse;width:100%}.detail-body thead th{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);text-align:left;background:#fafbff;padding:10px 20px;font-size:10px;font-weight:600;position:sticky;top:0}.detail-body thead th:last-child{text-align:right}.detail-body tbody td{color:var(--text-1);border-bottom:1px solid var(--border-light);padding:9px 20px;font-size:12px}.detail-body tbody td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.detail-body tbody tr:hover{background:var(--page-bg)}.detail-footer{border-top:1px solid var(--border-light);text-align:right;flex-shrink:0;padding:12px 24px}.detail-total{color:var(--text-2);font-size:11px}.detail-total b{color:var(--text-1)}.slice-section-row td{background:var(--accent-soft);color:var(--accent);letter-spacing:.3px;font-size:12px;font-weight:700;border-bottom:2px solid var(--accent)!important;padding:8px 16px!important}.slice-popup{z-index:501;border:1px solid var(--border);box-shadow:var(--shadow-drop);background:#fff;border-radius:12px;flex-direction:column;min-width:180px;padding:6px;display:none;position:fixed}.slice-popup.open{display:flex}.slice-popup-item{color:var(--text-2);cursor:pointer;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:500;transition:background .1s}.slice-popup-item:hover{background:var(--page-bg);color:var(--text-1)}.slice-popup-item.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.slice-popup-sep{background:var(--border-light);height:1px;margin:3px 6px}.profile-popup{z-index:510;background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-drop);border-radius:14px;flex-direction:column;width:240px;padding:8px 0;display:none;position:fixed}.profile-popup.open{display:flex}.profile-popup-header{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:12px 16px 10px;display:flex}.profile-popup-ava{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.profile-popup-name{color:var(--text-1);font-size:13px;font-weight:600}.profile-popup-email{color:var(--text-3);margin-top:1px;font-size:11px}.profile-popup-item{color:var(--text-2);cursor:pointer;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:500;transition:background .1s;display:flex}.profile-popup-item:hover{background:var(--page-bg);color:var(--text-1)}.profile-popup-item svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.profile-popup-sep{background:var(--border-light);height:1px;margin:4px 0}.profile-popup-item.danger{color:#e84040}.profile-popup-item.danger:hover{background:#fef2f2}.awards-overlay{z-index:600;background:#1c1f3a59;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.awards-overlay.open{display:flex}.awards-popup{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-drop);border-radius:16px;flex-direction:column;width:440px;max-height:80vh;display:flex;overflow:hidden}.awards-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.awards-head-title{color:var(--text-1);font-size:16px;font-weight:700}.awards-body{flex-direction:column;gap:12px;padding:16px 24px 20px;display:flex;overflow-y:auto}.award-card{border:1px solid var(--border-light);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s;display:flex}.award-card:hover{border-color:var(--accent)}.award-card.locked{opacity:.45}.award-icon{text-align:center;flex-shrink:0;width:44px;font-size:28px}.award-info{flex:1;min-width:0}.award-name{color:var(--text-1);font-size:13px;font-weight:600}.award-desc{color:var(--text-3);margin-top:2px;font-size:11px;line-height:1.4}.award-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.award-badge.earned{background:var(--green-soft);color:var(--green-dark)}.award-badge.progress{color:#8b6a00;background:#fff7e0}.award-badge.locked-b{background:var(--page-bg);color:var(--text-3)}.tour-backdrop{z-index:690;pointer-events:none;display:none;position:fixed;inset:0}.tour-backdrop.active{pointer-events:auto;display:block}.tour-spotlight{z-index:695;pointer-events:none;border-radius:10px;transition:all .35s cubic-bezier(.4,0,.2,1);display:none;position:fixed;box-shadow:0 0 0 9999px #1c1f3a8c}.tour-spotlight.active{pointer-events:auto;cursor:pointer;display:block}.tour-tooltip{z-index:700;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:320px;animation:.25s tourFadeIn;display:none;position:fixed;overflow:hidden;box-shadow:0 12px 40px #1c1f3a38}@keyframes tourFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip.active{display:flex}.tour-tooltip-progress{gap:3px;padding:14px 18px 0;display:flex}.tour-tooltip-bar{background:var(--border);border-radius:2px;flex:1;height:3px;transition:background .3s}.tour-tooltip-bar.done{background:var(--accent)}.tour-tooltip-bar.current{background:var(--accent);opacity:.55}.tour-tooltip-body{padding:14px 18px 12px}.tour-tooltip-title{color:var(--text-1);margin-bottom:6px;font-size:14px;font-weight:700}.tour-tooltip-text{color:var(--text-2);font-size:12px;line-height:1.55}.tour-tooltip-footer{justify-content:space-between;align-items:center;padding:10px 18px 14px;display:flex}.tour-skip{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.tour-skip:hover{color:var(--text-2)}.tour-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:background .15s}.tour-btn:hover{background:var(--accent-hover)}.tour-counter{color:var(--text-3);margin-right:8px;font-size:10px;font-weight:500}.tour-pulse{animation:1.5s ease-in-out infinite tourPulse}@keyframes tourPulse{0%,to{box-shadow:0 0 0 9999px #1c1f3a8c}50%{box-shadow:0 0 0 9999px #1c1f3a7a,0 0 0 6px #6366f159}}.daily-group-row th{text-align:center;color:var(--text-2);padding:8px 10px 4px;font-size:10px;font-weight:600}.daily-group-row th:first-child{text-align:left}.daily-sub-row th{text-align:center;font-size:9px}.daily-sub-row th:first-child{text-align:left}.daily-date{white-space:nowrap;font-weight:600}.ms-popup{z-index:501;border:1px solid var(--border);box-shadow:var(--shadow-drop);background:#fff;border-radius:16px;flex-direction:column;max-height:calc(100vh - 48px);display:none;position:fixed}.ms-popup.open{display:flex}.ms-head{border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.ms-head-left{align-items:center;gap:10px;display:flex}.ms-head-title{color:var(--text-1);font-size:14px;font-weight:600}.ms-head-count{color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.ms-search-wrap{border-bottom:1px solid var(--border-light);flex-shrink:0;padding:12px 16px}.ms-search{background:var(--page-bg);border:1px solid var(--border);width:100%;color:var(--text-1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23A8ABCB' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='6' cy='6' r='4'/%3E%3Cpath d='m13 13-3.5-3.5'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;border-radius:8px;outline:none;padding:8px 12px 8px 32px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.ms-search:focus{border-color:var(--accent)}.ms-list{flex:1;padding:8px;overflow-y:auto}.ms-grid{gap:2px;display:grid}.ms-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;transition:background .1s;display:flex}.ms-item:hover{background:var(--page-bg)}.ms-item.selected{background:var(--accent-soft)}.ms-checkbox{border:1.5px solid var(--border);background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;transition:all .15s;display:flex}.ms-item.selected .ms-checkbox{background:var(--accent);border-color:var(--accent)}.ms-checkbox-tick{color:#fff;font-size:9px;font-weight:800;line-height:1;display:none}.ms-item.selected .ms-checkbox-tick{display:block}.ms-label{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ms-empty{text-align:center;color:var(--text-3);grid-column:1/-1;padding:24px;font-size:12px}.ms-footer{border-top:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ms-footer-info{color:var(--text-3);font-size:11px}.ms-btns{gap:6px;display:flex}.ms-btn-clear{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;padding:7px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.ms-btn-clear:hover{border-color:var(--text-3);color:var(--text-1)}.ms-btn-apply{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 18px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:opacity .15s}.ms-btn-apply:hover{opacity:.88}.fs-badge{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5;display:inline-flex}.cal-overlay{z-index:500;display:none;position:fixed;inset:0}.cal-overlay.open{display:block}.cal-popup{z-index:501;border:1px solid var(--border);box-shadow:var(--shadow-drop);background:#fff;border-radius:16px;flex-direction:column;gap:16px;min-width:540px;padding:20px;display:flex;position:fixed}.cal-months{gap:28px;display:flex}.cal-month{flex:1;min-width:0}.cal-month-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-month-title{color:var(--text-1);font-size:13px;font-weight:600}.cal-nav{border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--text-2);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:11px;line-height:1;transition:all .15s;display:flex}.cal-nav:hover{border-color:var(--accent);color:var(--accent)}.cal-nav.hidden{visibility:hidden}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-dow{text-align:center;color:var(--text-3);text-transform:uppercase;padding:4px 0 6px;font-size:10px;font-weight:600}.cal-day{text-align:center;cursor:pointer;color:var(--text-1);-webkit-user-select:none;user-select:none;border-radius:6px;padding:6px 0;font-size:12px;transition:background .1s;position:relative}.cal-day:hover:not(.cal-day-empty):not(.cal-day-disabled){background:var(--page-bg)}.cal-day-empty{cursor:default}.cal-day-disabled{color:var(--text-3);cursor:default}.cal-day-start,.cal-day-end{border-radius:6px;font-weight:600;background:var(--accent)!important;color:#fff!important}.cal-day-in-range{background:var(--accent-soft);color:var(--accent);border-radius:0}.cal-day-start{border-radius:6px 0 0 6px}.cal-day-end{border-radius:0 6px 6px 0}.cal-day-start.cal-day-end{border-radius:6px}.cal-day-comp-start,.cal-day-comp-end{font-weight:600;color:#fff!important;background:#f4724a!important}.cal-day-comp-in-range{color:#d45a35;background:#f4724a21;border-radius:0}.cal-day-comp-start{border-radius:6px 0 0 6px}.cal-day-comp-end{border-radius:0 6px 6px 0}.cal-day-comp-start.cal-day-comp-end{border-radius:6px}.cal-compare-row{justify-content:space-between;align-items:center;display:flex}.cal-compare-label{color:var(--text-2);font-size:12px;font-weight:500}.cal-steps{align-items:center;gap:12px;display:none}.cal-steps.show{display:flex}.cal-step-item{color:var(--text-3);align-items:center;gap:6px;font-size:11px;font-weight:500;transition:color .15s;display:flex}.cal-step-item.active{color:var(--text-1)}.cal-step-item.done{color:var(--text-3)}.cal-step-dot{background:var(--border);border-radius:50%;width:9px;height:9px;transition:background .15s}.cal-step-item.active .cal-step-dot{background:var(--accent)}.cal-step-item.active.comp .cal-step-dot{background:#f4724a}.cal-step-item.done .cal-step-dot{background:var(--accent);opacity:.45}.cal-step-arrow{color:var(--text-3);font-size:12px}.cal-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.cal-selected-range{color:var(--text-2);font-size:12px}.cal-selected-range strong{color:var(--text-1);font-weight:600}.cal-btns{gap:8px;display:flex}.cal-btn-cancel{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;padding:7px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.cal-btn-cancel:hover{border-color:var(--text-3);color:var(--text-1)}.cal-btn-apply{background:linear-gradient(135deg, var(--green), var(--green-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 20px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:opacity .15s;box-shadow:0 2px 8px #2ecc714d}.cal-btn-apply:hover{opacity:.88}body.dark thead th{color:var(--text-3);background:#1d1f35}body.dark tbody tr:hover,body.dark .table-footer,body.dark .toggle-row,body.dark .table-ctrl-row,body.dark .utp-topbar,body.dark .radio-tabs{background:#1d1f35}body.dark .radio-tab.active{background:var(--card-bg);color:var(--text-1)}body.dark .dropdown-menu,body.dark .ms-popup,body.dark .slice-popup,body.dark .profile-popup,body.dark .awards-popup,body.dark .tour-tooltip,body.dark .cal-popup{background:var(--card-bg);border-color:var(--border)}body.dark .dropdown-item:hover{background:var(--page-bg)}body.dark .period-pill{background:var(--card-bg)}body.dark .period-pill.active{background:var(--green)}body.dark .chip{background:var(--card-bg)}body.dark .btn-sm{background:var(--card-bg);border-color:var(--border)}body.dark .icon-btn:hover,body.dark .topbar-client,body.dark .filter-btn{background:var(--page-bg)}body.dark .brand-chip,body.dark .slice-pill,body.dark .page-btn{background:var(--card-bg)}body.dark .ms-search{background:var(--page-bg);border-color:var(--border);color:var(--text-1)}body.dark .ms-btn-clear{background:var(--card-bg);border-color:var(--border)}body.dark .ms-item:hover{background:var(--page-bg)}body.dark .ms-item.selected{background:var(--accent-soft)}body.dark .ms-checkbox{background:var(--card-bg);border-color:var(--border)}body.dark .cal-nav,body.dark .cal-btn-cancel{background:var(--card-bg)}body.dark .table-ctrl-sel,body.dark .table-ctrl-input{background:var(--page-bg);color:var(--text-1);border-color:var(--border)}body.dark .utp-pane,body.dark .utp-pane-top,body.dark .utp-topbar{border-color:var(--border)}body.dark .loading-overlay{background:#111320bf}body.dark .warning-strip{background:#252000;border-color:#4a3800}body.dark .warning-text{color:#c8a800}body.dark .fs-collapsible{background:var(--page-bg)}body.dark .btn-logout{border-color:var(--border);background:0 0}body.dark .collapse-toggle{background:var(--page-bg);border-color:var(--border)}.settings-wrap{flex-direction:column;gap:16px;max-width:720px;display:flex}.settings-section{padding:20px}.settings-section+.settings-section{border-top:1px solid var(--border-light)}.settings-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-3);margin-bottom:16px;font-size:10px;font-weight:700}.setting-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.setting-row+.setting-row{border-top:1px solid var(--border-light);margin-top:20px;padding-top:20px}.setting-info{flex:1}.setting-label{color:var(--text-1);margin-bottom:4px;font-size:13px;font-weight:500}.setting-desc{color:var(--text-3);max-width:420px;font-size:11px;line-height:1.6}.setting-control{flex-shrink:0;padding-top:2px}.settings-details{background:var(--page-bg);border-radius:12px;flex-direction:column;gap:14px;margin-top:18px;padding:18px;display:flex}.settings-details.hidden{display:none}.settings-field{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-field-label{color:var(--text-2);flex-shrink:0;width:140px;font-size:12px;font-weight:500}.settings-input{background:var(--card-bg);border:1px solid var(--border);color:var(--text-1);border-radius:8px;outline:none;padding:7px 12px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.settings-input:focus{border-color:var(--accent)}.settings-input::placeholder{color:var(--text-3)}.settings-select{background:var(--card-bg);border:1px solid var(--border);color:var(--text-2);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A8ABCB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:7px 28px 7px 12px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.settings-select:focus{border-color:var(--accent);color:var(--text-1)}.theme-options{gap:10px;display:flex}.theme-option{border:2px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px 18px;transition:all .15s;display:flex}.theme-option:hover{border-color:var(--text-3)}.theme-option.active{border-color:var(--accent);background:var(--accent-soft)}.theme-preview{border:1px solid #0000001a;border-radius:7px;width:76px;height:48px;overflow:hidden}.tp-light-bar{background:#4b3a99;height:11px}.tp-light-body{background:#f3f4fa;flex-direction:column;gap:3px;padding:4px;display:flex}.tp-light-card{background:#fff;border-radius:3px;height:9px}.tp-light-card:last-child{width:65%}.tp-dark-bar{background:#3d35a8;height:11px}.tp-dark-body{background:#111320;flex-direction:column;gap:3px;padding:4px;display:flex}.tp-dark-card{background:#1a1c2e;border-radius:3px;height:9px}.tp-dark-card:last-child{width:65%}.theme-option-label{color:var(--text-2);font-size:11px;font-weight:600}.theme-option.active .theme-option-label{color:var(--accent)}.email-tags-wrap{background:var(--card-bg);border:1px solid var(--border);cursor:text;border-radius:8px;flex-wrap:wrap;flex:1;align-items:center;gap:5px;min-height:38px;padding:5px 10px;transition:border-color .15s;display:flex}.email-tags-wrap:focus-within{border-color:var(--accent)}.email-tag{background:var(--accent-soft);color:var(--accent);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:flex}.email-tag-x{cursor:pointer;opacity:.55;line-height:1}.email-tag-x:hover{opacity:1}.email-tag-field{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:180px;font-family:Inter,sans-serif;font-size:12px}.email-tag-field::placeholder{color:var(--text-3)}.tg-status{border:1px solid var(--border);background:var(--card-bg);border-radius:8px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.tg-dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s}.tg-dot.on{background:var(--green)}.tg-status-text{color:var(--text-2);font-size:11px}.threshold-grid{flex-direction:column;gap:8px;display:flex}.threshold-row{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.threshold-name{color:var(--text-1);flex:1;font-size:12px;font-weight:500}.threshold-unit{color:var(--text-3);white-space:nowrap;font-size:11px}.threshold-input{text-align:center;width:68px!important;padding:5px 8px!important}.btn-sm{cursor:pointer;border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:all .15s;display:flex}.btn-sm:hover{border-color:var(--text-3);color:var(--text-1)}.btn-sm-accent{cursor:pointer;background:var(--accent);color:#fff;white-space:nowrap;border:none;border-radius:8px;padding:6px 16px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:opacity .15s}.btn-sm-accent:hover{opacity:.85}.collapse-toggle{border:1px solid var(--border);background:var(--page-bg);cursor:pointer;width:24px;height:24px;color:var(--text-2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:flex}.collapse-toggle:hover{border-color:var(--accent);color:var(--accent)}.card-collapsible{transition:max-height .25s,opacity .2s;overflow:hidden}.card-collapsible.collapsed{opacity:0;max-height:0!important}.table-ctrl-row{border-bottom:1px solid var(--border-light);background:#fafbff;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 20px;display:flex}.table-ctrl-sel{border:1px solid var(--border);color:var(--text-2);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A8ABCB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 8px center no-repeat;border-radius:8px;outline:none;padding:6px 28px 6px 10px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.table-ctrl-sel:focus{border-color:var(--accent);outline:none}.table-ctrl-sel-accent{background:var(--accent);color:#fff;border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");font-weight:600}.table-ctrl-sel-accent:focus{border-color:var(--accent-hover)}.table-ctrl-input{border:1px solid var(--border);color:var(--text-1);background:#fff;border-radius:8px;outline:none;width:110px;padding:6px 10px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.table-ctrl-input:focus{border-color:var(--accent)}.table-ctrl-input::placeholder{color:var(--text-3)}.ctrl-sep{flex:1}.dl-btn{border:1px solid var(--border);cursor:pointer;width:22px;height:22px;color:var(--text-3);vertical-align:middle;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-left:5px;transition:all .15s;display:inline-flex}.dl-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.dl-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.banner-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.banner-stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.banner-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.banner-stat-value{color:var(--text-1);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.banner-stat-delta{font-size:11px;font-weight:600}.banner-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.banner-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.banner-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #6366f11f}.banner-preview{aspect-ratio:16/9;color:#fff;justify-content:center;align-items:center;width:100%;font-size:11px;font-weight:600;display:flex;position:relative;overflow:hidden}.banner-preview-text{text-align:center;z-index:1;text-shadow:0 1px 4px #0000004d;padding:10px;line-height:1.4}.banner-preview-format{color:#fff;letter-spacing:.3px;z-index:2;background:#00000080;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px}.banner-meta{flex-direction:column;gap:6px;padding:12px 14px;display:flex}.banner-meta-top{justify-content:space-between;align-items:center;display:flex}.banner-adv{color:var(--text-1);font-size:12px;font-weight:600}.banner-date{color:var(--text-3);font-size:10px}.banner-tags{flex-wrap:wrap;gap:4px;display:flex}.banner-tag{background:var(--page-bg);color:var(--text-2);border:1px solid var(--border-light);border-radius:4px;padding:2px 7px;font-size:10px;font-weight:500}.banner-tag.geo{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.banner-tag.target{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.banner-tag.format{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.banner-meta-row{justify-content:space-between;align-items:center;display:flex}.banner-impressions{color:var(--accent);font-size:11px;font-weight:600}.banner-domain{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:10px;overflow:hidden}.banner-profile-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.banner-profile-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.banner-profile-title{color:var(--text-1);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.banner-profile-title-icon{font-size:16px}.banner-profile-bar-wrap{flex-direction:column;gap:6px;display:flex}.banner-profile-bar-row{align-items:center;gap:8px;display:flex}.banner-profile-bar-label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:90px;font-size:11px;overflow:hidden}.banner-profile-bar-track{background:var(--border-light);border-radius:3px;flex:1;height:6px;overflow:hidden}.banner-profile-bar-fill{border-radius:3px;height:100%;transition:width .3s}.banner-profile-bar-val{color:var(--text-1);text-align:right;flex-shrink:0;width:32px;font-size:10px;font-weight:600}.utm-table{border-collapse:collapse;width:100%}.utm-table th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--page-bg);padding:10px 14px;font-size:10px;font-weight:600;position:sticky;top:0}.utm-table td{color:var(--text-1);border-bottom:1px solid var(--border-light);padding:9px 14px;font-size:12px}.utm-table tr:hover td{background:var(--page-bg)}.utm-source{font-weight:600}.utm-param{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:1px 6px;font-family:SF Mono,Fira Code,monospace;font-size:11px}.brand-gallery-overlay{z-index:600;background:#1c1f3a8c;justify-content:center;align-items:stretch;padding:24px;display:none;position:fixed;inset:0}.brand-gallery-overlay.open{display:flex}.brand-gallery{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:1100px;display:flex;overflow:hidden;box-shadow:0 20px 60px #1c1f3a40}.brand-gallery-head{border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.brand-gallery-title{color:var(--text-1);font-size:16px;font-weight:700}.brand-gallery-sub{color:var(--text-3);margin-top:2px;font-size:11px}.brand-gallery-body{flex:1;min-height:0;display:flex;overflow:hidden}.brand-gallery-main{background:var(--page-bg);flex:2;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex;position:relative}.brand-gallery-main-banner{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-height:100%;display:flex}.brand-gallery-main-preview{aspect-ratio:16/9;color:#fff;text-shadow:0 2px 8px #0000004d;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:500px;font-size:15px;font-weight:700;display:flex;position:relative;box-shadow:0 8px 32px #00000026}.brand-gallery-main-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.brand-gallery-info-chip{color:var(--text-2);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.brand-gallery-info-chip b{color:var(--text-1)}.brand-gallery-sidebar{border-left:1px solid var(--border-light);flex-direction:column;flex:1;gap:8px;max-width:320px;padding:12px;display:flex;overflow-y:auto}.brand-gallery-thumb{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;transition:border-color .15s;overflow:hidden}.brand-gallery-thumb.active,.brand-gallery-thumb:hover{border-color:var(--accent)}.brand-gallery-thumb-preview{aspect-ratio:16/9;color:#fff;text-shadow:0 1px 3px #0000004d;justify-content:center;align-items:center;width:100%;font-size:10px;font-weight:600;display:flex;position:relative}.brand-gallery-thumb-meta{background:var(--card-bg);justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.brand-gallery-thumb-format{color:var(--text-3);font-size:9px;font-weight:600}.brand-gallery-thumb-date{color:var(--text-3);font-size:9px}