@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");*{margin:0;padding:0}body,html{height:100%}.app{--font-body:"Inter",-apple-system,system-ui,sans-serif;--font-display:"Space Grotesk",var(--font-body);--font-mono:"JetBrains Mono",ui-monospace,monospace;min-height:100vh;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app.dark{--bg:#0c0f16;--surface:#141922;--surface-2:#1a2029;--surface-3:#10151d;--border:#232b37;--border-2:#2e3846;--text:#e7eaf0;--text-2:#98a2b3;--text-3:#6a7484;--accent:#7c7cf0;--accent-2:#8e8ef5;--accent-soft:#1d2033;--up:#2dd4bf;--down:#f1707a;--warn:#facc15;--shadow:0 12px 40px rgba(0,0,0,.5)}.app.light{--bg:#f5f6f9;--surface:#fff;--surface-2:#fafbfd;--surface-3:#f0f2f6;--border:#e6e9ef;--border-2:#d6dae2;--text:#171a21;--text-2:#59606e;--text-3:#8a909c;--accent:#5b5bd6;--accent-2:#4f4fcb;--accent-soft:#ededfb;--up:#0e9384;--down:#e5484d;--warn:#ca8a04;--shadow:0 12px 36px rgba(30,35,50,.12)}.app *{box-sizing:border-box}.app button,.app input,.app select{font-family:inherit}.layout{display:grid;grid-template-columns:260px 1fr;height:100vh}.rail{--rail-bg:#14161d;--rail-bg-2:#1c1f28;--rail-line:#2a2e3a;--rail-ink:#e9eaee;--rail-mut:#8a8f9e;background:var(--rail-bg);color:var(--rail-ink);border-right:1px solid var(--rail-line);display:flex;flex-direction:column;height:100%;overflow-y:auto}.rail-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;flex-shrink:0}.rail-brand-text{display:flex;flex-direction:column;min-width:0}.rail-brand-name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--rail-ink);letter-spacing:-.01em}.rail-brand-sub{font-size:11px;color:var(--rail-mut);font-weight:500;margin-top:1px}.domlist{flex:1 1;overflow-y:auto;padding:4px 10px 12px;display:flex;flex-direction:column;gap:2px}.domlist-empty{color:var(--rail-mut);font-size:12.5px;padding:14px 10px;white-space:pre-line}.domitem{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;cursor:pointer;border:none;background:transparent;color:var(--rail-ink);font-size:13.5px;text-align:left;font-family:var(--font-body);transition:background .12s}.domitem.active,.domitem:hover{background:var(--rail-bg-2)}.domitem.active{box-shadow:inset 2px 0 0 var(--accent)}.domitem-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.domitem-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.domitem-count{font-family:var(--font-mono);font-size:11px;color:var(--rail-mut);flex-shrink:0}.rail-foot{padding:12px;border-top:1px solid var(--rail-line);flex-shrink:0}.rail-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:8px;border:1px dashed var(--rail-line);background:transparent;color:var(--rail-ink);cursor:pointer;font-size:12.5px;font-family:var(--font-body);transition:.15s}.rail-add-btn:hover{background:var(--rail-bg-2);border-color:var(--accent)}.rail-backdrop{display:none}.hamburger-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer}.main{height:100vh;overflow-y:auto}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 24px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.content{padding:26px 24px 80px;max-width:1100px}.content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.content-head h2{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.02em}.content-lead{color:var(--text-3);margin-top:4px;font-size:13px;font-family:var(--font-mono)}.client-sites{display:flex;flex-direction:column;gap:18px;margin-top:18px}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--accent),var(--accent-2));box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 45%,transparent)}.brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em}.search{flex:1 1;max-width:420px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 12px;height:38px;color:var(--text-3)}.search input{flex:1 1;border:none;background:none;outline:none;color:var(--text);font-size:13.5px}.search input::placeholder{color:var(--text-3)}.hdr-actions{gap:10px;margin-left:auto}.hdr-actions,.sync-btn{display:flex;align-items:center}.sync-btn{gap:7px;height:38px;padding:0 13px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;transition:.15s}.sync-btn:hover{color:var(--text);border-color:var(--accent)}.sync-btn.on{color:var(--accent);border-color:var(--accent)}.sync-btn span{font-family:var(--font-mono);font-size:12px;letter-spacing:-.01em}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.add-wrap{position:relative}.primary-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;border-radius:10px;border:none;cursor:pointer;background:var(--accent);color:#fff;font-size:13.5px;font-weight:600;transition:.15s}.primary-btn:hover{background:var(--accent-2)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.menu-scrim{position:fixed;inset:0;z-index:30}.menu{position:absolute;right:0;top:46px;z-index:31;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:184px}.menu button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;border:none;background:none;cursor:pointer;color:var(--text);font-size:13.5px;border-radius:8px;text-align:left}.menu button:hover{background:var(--surface-3)}.menu button:disabled{opacity:.5;cursor:default}.menu button svg{color:var(--text-3)}.menu-sep{height:1px;background:var(--border);margin:5px 4px}.icon-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:.15s}.icon-btn:hover{color:var(--text);border-color:var(--border-2)}.icon-btn.sm{width:28px;height:28px;border-radius:7px;background:none;border:none}.icon-btn.del{opacity:0;color:var(--text-3)}.kw-row:hover .icon-btn.del,.site-head:hover .icon-btn.del{opacity:1}.icon-btn.del:hover{color:var(--down)}.icon-btn.ok,.icon-btn.ok:hover{color:var(--up)}.edit-btn{opacity:0;color:var(--text-3);flex-shrink:0}.kw-row:hover .edit-btn,.site-head:hover .edit-btn{opacity:1}.edit-btn:hover{color:var(--accent)}.avatar{width:34px;height:34px;border-radius:50%;border:none;padding:0;cursor:pointer;display:grid;place-items:center;font-weight:600;font-size:13px;color:#fff;background:linear-gradient(140deg,#8e4ec6,#5b5bd6)}.stats{display:grid;grid-template-columns:repeat(3,130px) 1fr;grid-gap:12px;gap:12px;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:15px 17px;display:flex;flex-direction:column;gap:3px}.stat-num{font-family:var(--font-mono);font-size:26px;font-weight:600;letter-spacing:-.02em}.stat-lbl{font-size:11.5px;color:var(--text-3);font-weight:500}.sync-stat{justify-content:center}.stat-sync{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:14px;color:var(--text)}.stat-sync svg{color:var(--text-3)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 22%,transparent)}.live-dot.pulse{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}.empty{text-align:center;padding:60px;color:var(--text-3);font-size:14px}.client-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.client-info-bar{gap:22px;padding:12px 18px;margin-bottom:0;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.client-info-bar,.info-item{display:flex;align-items:center}.info-item{gap:6px}.info-item .muted-ic,.info-lbl{color:var(--text-3)}.info-lbl{font-size:11px;font-weight:500}.info-val{font-family:var(--font-mono);font-size:12.5px;color:var(--text);font-weight:600}.site{padding:4px 14px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);box-shadow:0 1px 2px color-mix(in srgb,#000 4%,transparent)}.site-head{display:flex;align-items:center;gap:8px;padding:10px 2px;margin-bottom:4px;border-bottom:1px solid var(--border);border-radius:8px 8px 0 0}.site-head.clickable{cursor:pointer}.site-head.clickable:hover{background:color-mix(in srgb,var(--surface) 60%,transparent)}.site-head input.edit-input{cursor:text}.muted-ic{color:var(--text-3);flex-shrink:0}.site-domain{font-family:var(--font-mono);font-size:15.5px;color:var(--text);font-weight:700;letter-spacing:-.01em}.site-domain.mobile-only{display:none}.site-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-3);background:var(--surface-3);padding:2px 7px;border-radius:20px;border:1px solid var(--border)}.site-stats-panel{display:flex;flex-direction:column;gap:10px;margin:10px 0 22px}.dstat.goal-cell{gap:6px;justify-content:center}.goal-cell .goal-bar-track{height:10px;border-radius:5px}.goal-cell .goal-bar-meta{font-size:10.5px}.dstat.dstat-sync{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.dstat-sync .dstat-col{display:flex;flex-direction:column;gap:4px;min-width:0}.drag-grip,.dstat-sync .ghost-btn{flex-shrink:0}.drag-grip{color:var(--text-3);opacity:0;cursor:-webkit-grab;cursor:grab;margin-right:-2px}.site-head:hover .drag-grip{opacity:1}.site-head[draggable=true]{cursor:-webkit-grab;cursor:grab}.site-head[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.kw-row.dragging,.site.dragging{opacity:.4}.site.drag-over{box-shadow:0 -2px 0 0 var(--accent);border-radius:2px}.kw-row.drag-over{box-shadow:inset 0 2px 0 0 var(--accent)}.edit-input{height:30px;border-radius:7px;border:1px solid var(--accent);background:var(--surface-2);padding:0 9px;color:var(--text);outline:none;font-family:inherit}.edit-input.client-edit{font-family:var(--font-display);font-weight:600;font-size:15.5px;width:220px}.edit-input.site-edit{font-family:var(--font-mono);font-size:13px;width:200px}.kw-edit-input{height:28px;font-size:13.5px}.geo-edit-select,.kw-edit-input{width:100%;font-family:var(--font-mono)}.geo-edit-select{height:26px;border-radius:6px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);font-size:10px;padding:0 2px;outline:none}.edit-input:focus,.geo-edit-select:focus{border-color:var(--accent)}.geo-edit-select.wide{width:auto;height:32px;font-size:12px;padding:0 8px}.kw-list{display:flex;flex-direction:column;padding:0 2px}.kw-row{display:grid;align-items:center;grid-template-columns:22px 1fr 68px 44px 110px 66px 128px 44px 56px 88px;grid-gap:12px;gap:12px;padding:8px 6px;border-radius:8px}.kw-row:not(.head)+.kw-row:not(.head){border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.kw-row:hover:not(.head){background:var(--surface)}.kw-row.clickable{cursor:pointer}.kw-row input.edit-input,.kw-row select.geo-edit-select{cursor:default}.kw-row.head{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:4px}.kw-row.head .col-delta,.kw-row.head .col-geo,.kw-row.head .col-spark,.kw-row.head .col-started,.kw-row.head .col-val,.kw-row.head .col-volume,.kw-row.head .col-vspark{font-family:var(--font-body);font-size:10.5px;font-weight:500;color:var(--text-3)}.col-geo{text-align:center}.col-started{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.col-val{font-family:var(--font-mono);font-size:12px;font-weight:600}.col-delta,.col-val,.col-volume{text-align:right}.col-volume{font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.tr-ic{display:grid;place-items:center}.tr-ic.up{color:var(--up)}.tr-ic.down{color:var(--down)}.kw-term{font-family:var(--font-mono);font-size:13.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.geo{font-size:10.5px;color:var(--text-2);background:var(--surface-3);border:1px solid var(--border);padding:2px 6px;border-radius:6px}.delta,.geo{font-family:var(--font-mono);font-weight:500}.delta{display:inline-flex;align-items:center;gap:2px;font-size:12px}.delta.up{color:var(--up)}.delta.down{color:var(--down)}.delta.neutral{color:var(--text-3);font-style:italic}.inline-add{display:flex;align-items:center;gap:8px;padding:8px 4px 10px;flex-wrap:wrap}.inline-add.site-add{padding:8px 2px 10px;margin-top:2px}.inline-add input{flex:1 1 140px;min-width:0;height:34px;border-radius:8px;border:1px dashed var(--border-2);background:transparent;padding:0 11px;color:var(--text);font-size:13px;outline:none}.inline-add input:focus{border-style:solid;border-color:var(--accent)}.inline-add input::placeholder{color:var(--text-3)}.inline-add select{flex:0 1 110px;min-width:0;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:12px;padding:0 8px;outline:none;font-family:var(--font-mono)}.add-toggle-btn{display:flex;align-items:center;gap:6px;width:100%;height:32px;margin:2px 0 6px;border-radius:8px;border:1px dashed var(--border-2);background:transparent;color:var(--text-3);font-size:12.5px;font-weight:500;cursor:pointer;transition:.15s;justify-content:flex-start;padding:0 8px}.add-toggle-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.add-toggle-btn.site-add-toggle{justify-content:center;height:38px;margin:0;width:100%}.ghost-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;transition:.15s}.ghost-btn:hover{color:var(--text);border-color:var(--accent)}.ghost-btn.sm{height:34px;padding:0 12px;font-size:12.5px}.ghost-btn.dashed{border-style:dashed;width:100%;justify-content:center}.overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,#060810 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .15s ease}.overlay.elevated{z-index:70}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);max-height:88vh;display:flex;flex-direction:column;animation:rise .18s ease}.modal.wide{max-width:560px}.modal.detail-modal{max-width:640px}.modal.wide.detail-modal{max-width:760px}@keyframes rise{0%{transform:translateY(10px);opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-family:var(--font-display);font-size:17px;font-weight:600}.modal-body{padding:20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.detail-head-main{flex:1 1;min-width:0}.detail-head-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.detail-edit-row{display:flex;align-items:center;gap:8px}.detail-edit-row .kw-edit-input,.detail-edit-row .site-edit{width:auto;flex:1 1;height:32px;font-size:14px}.icon-btn.danger{color:var(--text-2)}.icon-btn.danger:hover{color:var(--down);border-color:var(--down)}.modal.confirm-modal{max-width:420px}.modal.confirm-modal .modal-body p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-2)}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.ghost-btn.danger{color:var(--down);border-color:color-mix(in srgb,var(--down) 40%,var(--border-2))}.ghost-btn.danger:hover{background:var(--down);color:#fff;border-color:var(--down)}.detail-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:16px}.detail-title svg{color:var(--text-3);flex-shrink:0}.detail-sub{margin-top:3px;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.dstat{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.dstat-num{font-family:var(--font-mono);font-size:17px;font-weight:600;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.metric-delta{font-size:11.5px}.dstat-lbl{font-size:10.5px;color:var(--text-3);font-weight:500}.goal-section{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.goal-head{justify-content:space-between;gap:10px;flex-wrap:wrap}.goal-head,.goal-label{display:flex;align-items:center}.goal-label{gap:6px;font-size:12.5px;font-weight:600;color:var(--text-2)}.goal-edit-row{display:flex;align-items:center;gap:6px}.goal-edit-input{width:120px;height:30px;border-radius:8px;border:1px solid var(--border-2);background:var(--surface);padding:0 10px;color:var(--text);font-family:var(--font-mono);font-size:13px;outline:none}.goal-edit-input:focus{border-color:var(--accent)}.goal-bar-track{height:14px;border-radius:7px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.goal-bar-fill{height:100%;border-radius:5px;background:var(--accent);transition:width .25s ease}.goal-bar-fill.reached{background:var(--up)}.goal-bar-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11.5px;color:var(--text-3)}.range-chips{display:flex;gap:6px;flex-wrap:wrap}.range-chip{height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);font-family:var(--font-mono);font-size:12px;font-weight:500;cursor:pointer;transition:.15s}.range-chip:hover{color:var(--text);border-color:var(--accent)}.range-chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.trend-chart-wrap{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px 14px 10px}.trend-chart-inner{position:relative}.trend-chart-inner svg{width:100%;display:block;cursor:crosshair}.grid-line{stroke:var(--border);stroke-width:1;opacity:.7}.axis-label{fill:var(--text-3);font-size:10px;font-family:JetBrains Mono,monospace}.hover-line{stroke:var(--text-3);stroke-width:1;stroke-dasharray:3 3;opacity:.6}.hover-dot{fill:var(--surface)}.trend-tooltip{position:absolute;top:4px;transform:translateX(-50%);background:var(--surface);border:1px solid var(--border-2);border-radius:8px;padding:6px 10px;box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;z-index:5}.trend-tooltip-date{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);margin-bottom:2px}.trend-tooltip-val{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text)}.trend-tooltip-val span{font-size:10.5px;font-weight:500;color:var(--text-3);margin-left:1px}.trend-chart-axis{display:flex;justify-content:space-between;margin-top:6px;padding-left:34px;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.trend-empty{padding:44px 20px;text-align:center;color:var(--text-3);font-size:13px}.trend-empty.small{padding:10px 4px 2px;font-size:12px}.empty.small{padding:24px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field-label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--text-2)}.field input,.field select{height:40px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface-2);padding:0 12px;color:var(--text);font-size:14px;outline:none;width:100%;min-width:0;box-sizing:border-box}.field input:focus,.field select:focus{border-color:var(--accent)}.row-2{grid-template-columns:1fr 1fr;grid-gap:12px}.row-2,.row-3{display:grid;gap:12px;min-width:0}.row-3{grid-template-columns:1fr 1fr 1fr;grid-gap:12px}.row-2 .field,.row-3 .field{min-width:0}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.site-block{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:10px;min-width:0}.site-block-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.domain-input{flex:1 1 160px;min-width:0;height:36px;border-radius:8px;border:1px solid var(--border-2);background:var(--surface);padding:0 11px;color:var(--text);font-family:var(--font-mono);font-size:13px;outline:none}.domain-input:focus{border-color:var(--accent)}.goal-input-wrap{display:flex;align-items:center;gap:6px;flex:1 1 140px;min-width:0;max-width:150px;height:36px;border-radius:8px;border:1px solid var(--border-2);background:var(--surface);padding:0 10px}.goal-input-wrap:has(input:focus){border-color:var(--accent)}.goal-input{flex:1 1;width:100%;min-width:0;border:none;background:none;outline:none;color:var(--text);font-size:13px}.goal-input::-webkit-inner-spin-button,.goal-input::-webkit-outer-spin-button{margin-left:4px}.kw-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:500}.chip svg{opacity:.8}.chip button{border:none;background:none;cursor:pointer;color:var(--accent);display:grid;place-items:center;padding:0;opacity:.7}.chip button:hover{opacity:1}.kw-add{display:flex;gap:8px;flex-wrap:wrap}.kw-add input{flex:1 1 160px;min-width:0;height:36px;border-radius:8px;border:1px solid var(--border-2);background:var(--surface);padding:0 11px;color:var(--text);font-size:13px;outline:none}.kw-add input:focus{border-color:var(--accent)}.kw-add select{flex:1 1 100px;min-width:0;max-width:140px;height:36px;border-radius:8px;border:1px solid var(--border-2);background:var(--surface);padding:0 8px;color:var(--text-2);font-size:12px;font-family:var(--font-mono);outline:none}.kw-add .ghost-btn{flex:0 0 auto}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:11px;background:var(--text);color:var(--bg);font-size:13.5px;font-weight:500;box-shadow:var(--shadow);animation:rise .2s ease}.toast svg{color:var(--up)}.toast.error svg{color:var(--down)}.toast.error{border:1px solid color-mix(in srgb,var(--down) 45%,transparent)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:22px}.auth-title{font-family:var(--font-display);font-weight:700;font-size:20px;margin-bottom:4px}.auth-sub{font-size:13px;color:var(--text-3);margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-error{font-size:12.5px;color:var(--down);background:color-mix(in srgb,var(--down) 12%,transparent);border:1px solid color-mix(in srgb,var(--down) 30%,transparent);border-radius:8px;padding:8px 10px}.auth-toggle{text-align:center;font-size:12.5px;color:var(--text-3);margin-top:16px}.auth-toggle button{border:none;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0;margin-left:4px}@media (hover:none){.edit-btn,.icon-btn.del{opacity:1}.icon-btn.sm{width:32px;height:32px}.row-actions{gap:4px}.kw-row:hover:not(.head){background:none}.kw-row.clickable:active{background:var(--surface-2)}.site-head.clickable:hover{background:none}.site-head.clickable:active{background:var(--surface-2)}}@media (max-width:720px){.search,.sync-btn span{display:none}.sync-btn{width:38px;justify-content:center;padding:0}.stats{grid-template-columns:1fr 1fr}.stat-sync{font-size:12.5px}.kw-row{grid-template-columns:18px 1fr 44px 48px;gap:8px}.col-geo,.col-spark,.col-started,.col-volume,.col-vspark,.kw-row.head .col-geo,.kw-row.head .col-spark,.kw-row.head .col-started,.kw-row.head .col-volume,.kw-row.head .col-vspark,.row-actions,.site-count,.site-domain.full-only{display:none}.site-domain.mobile-only{display:inline}.kw-row.clickable{padding-right:4px}.detail-stats{grid-template-columns:1fr 1fr}.layout,.row-3{grid-template-columns:1fr}.rail{position:fixed;top:0;bottom:0;left:0;width:260px;z-index:80;transform:translateX(-100%);transition:transform .22s ease}.rail.open{transform:translateX(0);box-shadow:20px 0 40px rgba(0,0,0,.35)}.rail-backdrop{display:block;position:fixed;inset:0;background:rgba(6,8,16,.55);z-index:79}.hamburger-btn{display:flex}.topbar{padding:12px 16px}.auth-brand .brand-name{display:none}.content{padding:20px 16px 60px}.content-head h2{font-size:18px}.client-info-bar{flex-wrap:wrap;gap:14px 20px}.overlay.overlay-full{padding:0}.overlay.overlay-full .modal{position:absolute;inset:0;width:auto;max-width:none;height:auto;max-height:none;border-radius:0;border:none;animation:none}.overlay.overlay-full .modal-head{flex:0 0 auto}.overlay.overlay-full .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}