:root{--bg:#09090b;--surface:#131316;--surface-2:#18181b;--border:#27272a;--border-strong:#3f3f46;--text:#fafafa;--text-2:#a1a1aa;--text-3:#71717a;--accent:#38bdf8;--accent-strong:#0ea5e9;--accent-soft:#38bdf81f;--up:#10b981;--down:#f87171;--warn:#fbbf24;--font:"Inter", system-ui, -apple-system, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #0006, 0 8px 24px #00000040;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}.tnum{font-variant-numeric:tabular-nums}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:22px}h2{font-size:16px}h3{color:var(--text-2);font-size:14px;font-weight:500}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root[data-theme=light]{--bg:#f4f4f5;--surface:#fff;--surface-2:#fafafa;--border:#e4e4e7;--border-strong:#d4d4d8;--text:#18181b;--text-2:#52525b;--text-3:#71717a;--accent:#0284c7;--accent-strong:#0369a1;--accent-soft:#0284c71a;--up:#059669;--down:#dc2626;--warn:#d97706;--shadow:0 1px 2px #0000000f, 0 8px 24px #0000000f}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.boot{height:100vh;color:var(--text-3);place-items:center;display:grid}.sidebar{gap:var(--sp-6);padding:var(--sp-6) var(--sp-4);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;padding:0 var(--sp-2);font-size:20px;font-weight:700}.brand sup{color:var(--text-3);font-size:10px}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);padding-top:var(--sp-4);flex-direction:column;gap:2px;margin-top:auto;display:flex}.user-card{padding:var(--sp-3) var(--sp-2) 0;align-items:center;gap:10px;display:flex}.user-card strong{font-size:13px;display:block}.user-card .last-sync{color:var(--text-3);font-size:11px}.avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.content{padding:var(--sp-8);width:100%;max-width:1240px;margin:0 auto}.page-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.period-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;display:inline-flex}.period-chip select{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none}.kpi-grid{gap:var(--sp-4);margin-bottom:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kpi-grid,.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4) var(--sp-5);flex-direction:column;gap:6px;display:flex}.kpi-label{color:var(--text-3);font-size:12px}.kpi-value{letter-spacing:-.01em;font-size:22px;font-weight:650}.kpi-delta{border-radius:999px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600}.kpi-delta.up{color:var(--up);background:#10b9811f}.kpi-delta.down{color:var(--down);background:#f871711f}.kpi-delta.neutral{color:var(--text-3);background:var(--surface-2)}.note-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);margin-bottom:var(--sp-6);padding:8px 14px;font-size:11.5px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);margin-bottom:var(--sp-5)}.chart-card header{margin-bottom:var(--sp-4);flex-direction:column;gap:2px;display:flex}.chart-period{color:var(--text-3);font-size:12px}.chart-body{min-height:260px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);padding:12px}.data-table tr:last-child td{border-bottom:none}.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}.data-table th.num{text-align:right}.empty-state{align-items:center;gap:var(--sp-3);padding:var(--sp-10);text-align:center;color:var(--text-2);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);flex-direction:column;display:flex}.empty-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 24px var(--accent);border-radius:50%}.empty-state p{color:var(--text-3);max-width:420px;margin:0;font-size:13px}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-art{display:none}}.auth-form{padding:var(--sp-10);justify-content:center;gap:var(--sp-4);flex-direction:column;width:100%;max-width:440px;margin:0 auto;display:flex}.auth-art{border-left:1px solid var(--border);background:linear-gradient(160deg,#0c1420,#09090b 60%);position:relative;overflow:hidden}.auth-art:after{content:"";background:radial-gradient(circle at 30% 30%, var(--accent-soft), transparent 55%);position:absolute;inset:-40%}.auth-form h1{font-size:26px}.auth-form .sub{color:var(--text-3);font-size:12.5px}label.field{color:var(--text-2);flex-direction:column;gap:6px;font-size:12.5px;display:flex}input.input,select.input,textarea.input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:inherit;padding:10px 12px;font-size:13.5px}input.input:focus,select.input:focus{border-color:var(--accent);outline:none}.btn{background:var(--accent);color:#06222f;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:11px 18px;font-size:13.5px;font-weight:600}.btn:hover{background:var(--accent-strong)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong)}.btn.danger{color:var(--down);background:#f8717124;border:1px solid #f871714d}.form-error{color:var(--down);font-size:12.5px}.form-ok{color:var(--up);font-size:12.5px}.modal-overlay{z-index:50;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);width:min(560px,92vw);max-height:88vh;padding:var(--sp-6);gap:var(--sp-4);flex-direction:column;display:flex;overflow:auto}.modal h2{font-size:17px}.modal .row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=560px){.modal .row{grid-template-columns:1fr}}.modal footer{justify-content:flex-end;gap:var(--sp-3);display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6);margin-bottom:var(--sp-5)}.panel h2{margin-bottom:var(--sp-4)}.info-grid{gap:var(--sp-4) var(--sp-8);grid-template-columns:1fr 1fr;display:grid}.info-grid .lbl{color:var(--text-3);font-size:11.5px;display:block}.info-grid strong{font-size:14px}.wa{color:var(--up)}.creatives-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.creative-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.creative-thumb{aspect-ratio:1;background:var(--bg);position:relative;overflow:hidden}.creative-thumb img{object-fit:cover;width:100%;height:100%;display:block}.creative-noimg{width:100%;height:100%;color:var(--text-3);place-items:center;font-size:12px;display:grid}.creative-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);text-transform:lowercase;background:#0009;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.creative-meta{padding:var(--sp-3);flex-direction:column;gap:3px;display:flex}.creative-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.creative-meta span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}