:root{--bg: #F6F6F7;--surface: #FFFFFF;--surface-2: #FBFBFC;--surface-hover: #F4F4F5;--surface-sunken: #F0F0F2;--border: #ECECEE;--border-strong: #E1E1E5;--border-focus: #C9C9D1;--text: #0A0A0B;--text-secondary: #5B5B63;--text-tertiary: #8E8E96;--text-muted: #B4B4BC;--accent: #5E6AD2;--accent-soft: #EEF0FB;--accent-hover: #4E5AC2;--success: #15803D;--success-soft: #E8F5EC;--warning: #B45309;--warning-soft: #FDF4E6;--warning-border: #F3D9A8;--danger: #B91C1C;--danger-soft: #FCEBEB;--heat-good-1: #F3F9F4;--heat-good-2: #E5F2E8;--heat-good-3: #D2EAD8;--heat-bad-1: #FBF1F1;--heat-bad-2: #F7E1E1;--heat-bad-3: #F1CECE;--radius: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(15, 15, 17, .04);--shadow-md: 0 2px 6px rgba(15, 15, 17, .06), 0 1px 2px rgba(15, 15, 17, .04);--shadow-lg: 0 12px 32px -8px rgba(15, 15, 17, .16), 0 2px 6px rgba(15, 15, 17, .04);--row-h: 48px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}#root{min-height:100vh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.login-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.login-card{width:100%;max-width:360px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.login-brand-mark{width:28px;height:28px;border-radius:7px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:13px;letter-spacing:-.02em}.login-brand-name{font-weight:600;font-size:15px;letter-spacing:-.01em}.login-brand-tag{color:var(--text-tertiary);font-size:13px;margin-left:auto}.login-title{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:0 0 6px}.login-subtitle{color:var(--text-secondary);font-size:13.5px;margin:0 0 24px}.login-form{display:flex;flex-direction:column;gap:10px}.login-label{font-size:12px;color:var(--text-secondary);font-weight:500}.login-input-wrap{position:relative}.login-input{width:100%;height:38px;padding:0 36px 0 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-size:14px;letter-spacing:.01em;transition:border-color .12s,box-shadow .12s}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-input.error{border-color:var(--danger)}.login-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;color:var(--text-tertiary);border-radius:4px}.login-eye:hover{background:var(--surface-hover);color:var(--text-secondary)}.login-error{color:var(--danger);font-size:12px;margin:-2px 0 0;display:flex;align-items:center;gap:4px}.login-btn{height:38px;background:var(--text);color:var(--bg);border-radius:var(--radius);font-weight:500;font-size:14px;margin-top:8px;transition:opacity .12s,transform 60ms}.login-btn:hover{opacity:.88}.login-btn:active{transform:translateY(.5px)}.login-btn:disabled{opacity:.5;cursor:default}.login-foot{margin-top:18px;text-align:center;color:var(--text-tertiary);font-size:12px}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.topbar{height:48px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:14px}.topbar-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;letter-spacing:-.005em}.topbar-brand-mark{width:20px;height:20px;border-radius:5px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:11px}.topbar-divider{width:1px;height:16px;background:var(--border-strong)}.topbar-page{font-size:13px;color:var(--text-secondary);font-weight:500}.topbar-spacer{flex:1}.topbar-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.topbar-meta-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.topbar-user{width:26px;height:26px;border-radius:50%;background:var(--surface-sunken);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border)}.page-header{padding:22px 24px 16px;background:var(--bg)}.page-title-row{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.page-title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em}.page-sub{color:var(--text-tertiary);font-size:13px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:13px;color:var(--text);font-weight:500;transition:background .12s,border-color .12s;position:relative;white-space:nowrap}.filter-chip:hover{background:var(--surface-hover)}.filter-chip[aria-expanded=true]{border-color:var(--border-focus);background:var(--surface-hover)}.filter-chip-icon{color:var(--text-tertiary);display:inline-flex}.filter-chip-label{color:var(--text-tertiary);font-weight:500}.filter-chip-value{color:var(--text)}.filter-chip-chev{color:var(--text-tertiary);margin-left:2px}.filter-spacer{flex:1}.filter-segment{display:inline-flex;height:32px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:2px;gap:1px}.filter-segment>button{padding:0 10px;height:100%;border-radius:4px;font-size:13px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.filter-segment>button[data-active=true]{background:var(--surface-sunken);color:var(--text);box-shadow:var(--shadow-sm)}.btn-icon{height:32px;width:32px;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius);display:grid;place-items:center;color:var(--text-secondary);transition:background .12s}.btn-icon:hover{background:var(--surface-hover);color:var(--text)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text);transition:background .12s}.btn-ghost:hover{background:var(--surface-hover)}.popover{position:absolute;top:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;min-width:220px;z-index:50;animation:pop 90ms ease-out}.popover.right{left:auto;right:0}@keyframes pop{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.popover-row{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:4px;font-size:13px;color:var(--text);cursor:pointer}.popover-row:hover{background:var(--surface-hover)}.popover-row[data-active=true]{background:var(--surface-hover);color:var(--text);font-weight:500}.popover-row-hint{color:var(--text-tertiary);font-size:12px;margin-left:auto;font-variant-numeric:tabular-nums}.popover-title{padding:4px 8px 6px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary)}.date-popover{padding:12px;min-width:280px}.date-presets{display:grid;grid-template-columns:1fr 1fr;gap:4px}.date-preset{height:28px;border-radius:4px;padding:0 8px;font-size:13px;text-align:left;color:var(--text)}.date-preset:hover{background:var(--surface-hover)}.date-preset[data-active=true]{background:var(--accent-soft);color:var(--accent);font-weight:500}.date-custom{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:center}.date-custom-input{flex:1;height:30px;padding:0 8px;border:1px solid var(--border-strong);border-radius:4px;font-size:12.5px;background:var(--surface);font-variant-numeric:tabular-nums}.date-custom-input:focus{outline:none;border-color:var(--accent)}.banner{margin:0 24px 14px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:var(--radius);font-size:13px;color:var(--text)}.banner-icon{color:var(--warning);display:inline-flex;flex-shrink:0}.banner-text{flex:1}.banner-text strong{font-weight:600}.banner-link{color:var(--text);font-weight:500;text-decoration:underline;text-decoration-color:var(--warning);text-underline-offset:2px;cursor:pointer}.banner-close{color:var(--text-tertiary);padding:4px;border-radius:4px}.banner-close:hover{background:#0000000a}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 24px 16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.kpi-label{font-size:12px;color:var(--text-tertiary);font-weight:500;letter-spacing:.005em}.kpi-value{font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}.kpi-value-unit{font-size:14px;font-weight:500;color:var(--text-tertiary);margin-left:3px;letter-spacing:0}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:500;color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:2px}.kpi-delta-up{color:var(--success)}.kpi-delta-down{color:var(--danger)}.kpi-card.empty .kpi-value,.kpi-card.empty .kpi-delta{color:var(--text-muted)}.table-wrap{margin:0 24px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;position:relative}.table-scroll{overflow-x:auto;overflow-y:visible;max-width:100%;scrollbar-width:thin}.table-scroll::-webkit-scrollbar{height:10px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.dt{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;font-variant-numeric:tabular-nums}.dt th,.dt td{padding:0 12px;white-space:nowrap;border-bottom:1px solid var(--border);background:var(--surface);vertical-align:middle;height:var(--row-h)}.dt thead th{position:sticky;top:0;z-index:3;background:var(--surface-2);height:36px;font-weight:500;font-size:11.5px;letter-spacing:.025em;text-transform:uppercase;color:var(--text-tertiary);text-align:right;border-bottom:1px solid var(--border-strong)}.dt thead th.col-utm,.dt thead th.col-date{text-align:left}.dt thead th .th-inner{display:inline-flex;align-items:center;gap:4px;cursor:default}.dt thead th .th-help{color:var(--text-muted);font-size:11px;display:inline-flex}.dt tbody td{color:var(--text)}.dt tbody tr:hover td{background:var(--surface-2)}.dt tbody tr.selected td{background:var(--accent-soft)!important}.dt tbody tr.totals td{background:var(--surface-sunken);font-weight:600;border-bottom:1px solid var(--border-strong)}.dt tbody tr.totals td.col-utm{color:var(--text)}.col-date{position:sticky;left:0;z-index:2}.col-utm{position:sticky;z-index:2;min-width:320px;max-width:380px}.dt thead th.col-date,.dt thead th.col-utm{z-index:4}.col-utm:after,.col-date:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:var(--border)}.table-scrolled .col-utm:after,.table-scrolled .col-date:after{box-shadow:4px 0 6px -3px #0f0f1114;width:1px;background:var(--border-strong)}.dt td.num{text-align:right}.dt td .danger-soft{color:var(--danger);font-weight:500}.dt td .em-dash{color:var(--text-muted)}.dt td.heat{position:relative}.dt td.heat.good-1{background:var(--heat-good-1)}.dt td.heat.good-2{background:var(--heat-good-2)}.dt td.heat.good-3{background:var(--heat-good-3)}.dt td.heat.bad-1{background:var(--heat-bad-1)}.dt td.heat.bad-2{background:var(--heat-bad-2)}.dt td.heat.bad-3{background:var(--heat-bad-3)}.utm-cell{display:flex;align-items:center;height:100%;position:relative}.utm-indent{display:inline-block;flex-shrink:0;position:relative;height:100%}.utm-cell .guide{position:absolute;top:0;width:1px;height:100%;background:var(--border);opacity:.7}.utm-chev{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-tertiary);flex-shrink:0;margin-right:4px;transition:transform .14s,background .12s}.utm-chev:hover{background:var(--surface-hover);color:var(--text)}.utm-chev.expanded{transform:rotate(90deg)}.utm-chev.leaf{visibility:hidden}.utm-label{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1;font-weight:400}.utm-label .badge{flex-shrink:0;font-size:10.5px;font-weight:500;padding:2px 6px;border-radius:3px;background:var(--surface-sunken);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-variant-numeric:tabular-nums}.utm-label .badge.src-yandex{background:#fff4e5;color:#b45309}.utm-label .badge.src-organic{background:#e8f5ec;color:#15803d}.utm-label .badge.src-unknown{background:var(--surface-sunken);color:var(--text-tertiary)}.utm-label .badge.tag-untagged{background:transparent;border:1px dashed var(--border-strong);color:var(--text-tertiary)}.utm-label .badge.tag-id{background:transparent;border:1px solid var(--border-strong);color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px;padding:1px 5px;text-transform:none;letter-spacing:0}.utm-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.utm-text.dim{color:var(--text-tertiary)}.utm-text.bold{font-weight:600}.dt tbody tr[data-depth="0"] td{font-weight:500}.dt tbody tr[data-depth="0"] td.col-utm .utm-text{font-weight:600}.dt tbody tr[data-depth="1"] td.col-utm .utm-text{font-weight:500}.date-cell{font-variant-numeric:tabular-nums;color:var(--text)}.date-cell.weekend{color:var(--text-tertiary)}.state-block{margin:0 24px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:360px;display:grid;place-items:center;padding:40px;text-align:center}.state-icon{width:44px;height:44px;border-radius:10px;background:var(--surface-sunken);display:grid;place-items:center;color:var(--text-tertiary);margin:0 auto 14px}.state-title{font-size:16px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.state-text{color:var(--text-secondary);font-size:13.5px;max-width:320px;margin:0 auto 16px}.state-actions{display:inline-flex;gap:8px}.skel{background:linear-gradient(90deg,var(--surface-sunken) 0%,var(--surface-hover) 50%,var(--surface-sunken) 100%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:4px;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}