:root{--font-sans: "Manrope", "Avenir Next", "Segoe UI Variable", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Iosevka Term", "SF Mono", Menlo, Monaco, Consolas, monospace;--bg: #f3f6fa;--bg-elevated: #f8fafc;--panel: #ffffff;--panel-alt: #f7f9fc;--text: #102133;--muted: #5f7288;--border: #d5deea;--border-strong: #b8c6d8;--accent: #1771e6;--accent-strong: #095dca;--accent-soft: #deebff;--danger: #d04747;--danger-soft: #ffe7e7;--ok: #138f5f;--ok-soft: #e6f8ef;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgb(9 24 43 / .06);--shadow-md: 0 12px 28px rgb(10 35 60 / .07)}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable both-edges;text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);line-height:1.45;letter-spacing:.01em;background:radial-gradient(1200px 600px at -5% -10%,#e7f0ff 0%,transparent 65%),radial-gradient(1000px 500px at 110% -20%,#edf5ff 0%,transparent 60%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:0}h1{font-size:clamp(1.3rem,1vw + 1rem,1.9rem);font-weight:700}h2{font-size:1.1rem;font-weight:700}h3{font-size:1rem;font-weight:700}p{margin-top:0}.container{width:min(100%,1500px);margin:0 auto;padding:clamp(var(--space-4),2vw,var(--space-6))}.panel{background:linear-gradient(180deg,#ffffff 0%,var(--panel-alt) 100%);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.grid{display:grid;gap:var(--space-4)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:#fff;color:var(--text);transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}textarea{min-height:128px;resize:vertical;line-height:1.45}input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;border-radius:5px;accent-color:var(--accent)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 3px #1771e633}button{min-height:42px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#f8fbff;color:var(--text);cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,background-color .14s ease,border-color .14s ease}button:hover{background:#eef4fd}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(180deg,#2a82f4 0%,var(--accent) 100%);color:#fff;border-color:var(--accent-strong);box-shadow:0 8px 18px #0a50a647}button.primary:hover{background:linear-gradient(180deg,#2980ef 0%,var(--accent-strong) 100%)}button.danger{background:linear-gradient(180deg,#fef2f2 0%,var(--danger-soft) 100%);color:#7d2222;border-color:#e4b3b3}button.danger:hover{background:#ffe1e1}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.sidebar-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto;padding:var(--space-5);border-right:1px solid var(--border);background:linear-gradient(180deg,#f6faff,#eef3fb)}.sidebar h2{margin-bottom:var(--space-2);color:#0b2742}.nav-list{display:grid;gap:6px;margin-top:var(--space-4)}.nav-item{display:flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:10px;border:1px solid transparent;color:#26435f;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.nav-item:hover{background:#ebf3ff;border-color:#c6d9f5}.nav-item.active{background:linear-gradient(180deg,#2c81f2,#1a70e4);color:#fff;border-color:#145bb9;font-weight:700;box-shadow:0 8px 18px #0f4fa347}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-4)}.kpi{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#f5f8fc);padding:var(--space-4);box-shadow:var(--shadow-sm)}.kpi small{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.kpi strong{display:block;margin-top:var(--space-2);font-size:clamp(1.4rem,2vw,2rem);line-height:1.1}pre.data{margin:0;white-space:pre-wrap;word-break:break-word;max-height:min(420px,55vh);overflow:auto;scrollbar-gutter:stable;font-family:var(--font-mono);font-size:.8rem;background:#0f1c2e;color:#d8ecff;padding:12px;border-radius:var(--radius-sm);border:1px solid #1d3553}.alert{padding:10px 12px;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid transparent}.alert.error{background:var(--danger-soft);color:#7d2222;border-color:#efb8b8}.alert.ok{background:var(--ok-soft);color:#11693e;border-color:#a9e5c8}.meta{color:var(--muted);font-size:.84rem}.studio-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto;max-height:min(500px,60vh);background:#fff;scrollbar-gutter:stable}.studio-table-wrap:focus-visible{outline:2px solid rgb(23 113 230 / .35);outline-offset:2px}.studio-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.83rem}.studio-table th,.studio-table td{text-align:left;border-bottom:1px solid #e8eef6;padding:10px 12px;white-space:nowrap}.studio-table-compact th,.studio-table-compact td{padding:6px 8px;font-size:.78rem}.studio-table-comfortable th,.studio-table-comfortable td{padding:10px 12px}.studio-table-spacious th,.studio-table-spacious td{padding:13px 14px;font-size:.86rem}.studio-table th{position:sticky;top:0;background:#f4f8fe;z-index:1;font-weight:700;color:#27425c}.studio-table tbody tr{transition:background-color .12s ease}.studio-table tbody tr:hover{background:#f5f9ff}.studio-table tbody tr.selected{background:#e8f1ff}.studio-inspector{border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto;max-height:min(440px,58vh);background:#fff;scrollbar-gutter:stable}.studio-inspector-row{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);border-bottom:1px solid #e8eef6}.studio-inspector-key{padding:9px 12px;color:var(--muted);background:#f5f8fd;border-right:1px solid #e8eef6;word-break:break-word}.studio-inspector-value{padding:9px 12px;word-break:break-word}pre.studio-json{margin:0;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto;scrollbar-gutter:stable;font-family:var(--font-mono);font-size:.78rem;border-radius:var(--radius-sm);border:1px solid #d7e2ef;background:#f5f9ff;color:#16314c;padding:10px}.auth-shell{padding-block:var(--space-8)}.auth-card{max-width:500px;box-shadow:var(--shadow-md)}@media(max-width:1200px){.sidebar-layout{grid-template-columns:250px minmax(0,1fr)}.container{width:100%}}@media(max-width:1080px){.sidebar-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-wrap:wrap;align-items:flex-start}.kpis{grid-template-columns:repeat(2,minmax(140px,1fr))}.grid.cols-2,.grid.cols-4,.studio-inspector-row{grid-template-columns:1fr}.studio-inspector-key{border-right:0;border-bottom:1px solid #e8eef6}}@media(max-width:680px){.container,.sidebar{padding:var(--space-4)}.nav-list{grid-template-columns:1fr}.panel{padding:var(--space-4)}.kpis{grid-template-columns:1fr}}