:root{--ink: #0f172a;--slate: #1e293b;--muted: #64748b;--canvas: #f1f5f9;--surface: #ffffff;--line: #e2e8f0;--teal: #0f766e;--teal-hover: #0d9488;--amber: #b45309;--rose: #be123c;--ok: #15803d;--font-sans: "Poppins", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, monospace;--radius: 6px;--radius-lg: 8px;--sidebar-w: 192px;--sidebar-w-collapsed: 46px;--fs: 13px;--fs-sm: 12px;--fs-xs: 10.5px;--fs-title: 15px;--fs-kpi: 18px;--control-h: 26px;--row-pad-y: .28rem;--row-pad-x: .5rem;--primary: #2563eb;--primary-rgb: 37, 99, 235;--border: var(--line);--bg-card: var(--surface);--text: var(--ink);--text-muted: var(--muted);--danger: var(--rose);--success: var(--ok)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;font-family:var(--font-sans);font-size:var(--fs);font-weight:400;line-height:1.35;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a.text-teal:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;height:var(--control-h);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 .55rem;font-size:var(--fs-sm);font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;border-radius:2px;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}.btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:scale(1.01)}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 1px 3px #0f766e2e}.btn-primary:hover:not(:disabled){background:var(--teal-hover);border-color:var(--teal-hover);box-shadow:0 2px 6px #0f766e40}.btn:disabled{opacity:.45;cursor:not-allowed}.input{height:var(--control-h);border:1px solid var(--line);background:var(--surface);padding:0 .45rem;min-width:140px;font-size:var(--fs-sm);line-height:1;border-radius:var(--radius)}.input:focus{outline:none;border-color:var(--teal);box-shadow:inset 0 1px 3px #0f766e1f;transition:border-color .15s,box-shadow .15s}select.input{padding-right:1.4rem}.card{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 3px #0000000f;padding:.65rem .75rem;border-radius:var(--radius)}.card:before{content:none!important}.card>strong{font-size:var(--fs-sm);font-weight:600;letter-spacing:.01em}.mono{font-family:var(--font-mono);font-size:.95em}.muted{color:var(--muted);font-size:var(--fs-sm)}.page-title+.muted{margin:0 0 .65rem}.text-rose{color:var(--rose)}.text-amber{color:var(--amber)}.text-teal{color:var(--teal)}.text-ok{color:var(--ok)}.badge{display:inline-flex;align-items:center;height:20px;padding:0 .5rem;border:1px solid var(--line);font-size:var(--fs-xs);font-weight:500;letter-spacing:.02em;background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:12px}.badge-ok{color:var(--ok);border-color:#86efac;background:#f0fdf4}.badge-amber{color:var(--amber);border-color:#fcd34d;background:#fffbeb}.badge-rose{color:var(--rose);border-color:#fecdd3;background:#fff1f2}.badge-teal{color:var(--teal);border-color:#99f6e4;background:#f0fdfa}.link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:600;text-decoration:underline;padding:0;font-size:inherit}.link-btn:hover{opacity:.7}.btn-sm{padding:2px 8px;font-size:var(--fs-sm)}.badge-muted{color:var(--muted)}.app-shell{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,#1e293b,#0f172a);color:#e2e8f0;display:flex;flex-direction:column;flex-shrink:0;transition:width .15s ease}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar.collapsed .sidebar-header{flex-direction:column;align-items:center;padding:.4rem .2rem .3rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-height:40px;padding:.35rem .4rem;border-bottom:1px solid #334155;font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em}.sidebar-brand{display:flex;align-items:center;gap:.4rem;min-width:0;flex:1}.brand-logo{display:block;flex-shrink:0}.brand-logo-full{height:40px;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.brand-logo-mark{width:28px;height:28px;-o-object-fit:cover;object-fit:cover;-o-object-position:6% 50%;object-position:6% 50%}.brand-logo-login{height:64px;width:auto;max-width:100%}.sidebar-header .btn{height:22px;min-width:22px;padding:0 .35rem;background:transparent;border-color:#475569;color:#e2e8f0;font-size:var(--fs-xs)}.sidebar-header .btn:hover:not(:disabled){background:#334155}.sidebar nav{display:flex;flex-direction:column;padding:.25rem 0;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.45rem;min-height:30px;padding:.3rem .55rem;margin:1px 6px;border-radius:4px;color:#94a3b8;font-size:var(--fs-sm);font-weight:500;transition:background .12s,color .12s}.sidebar.collapsed .nav-item{justify-content:center;padding-left:.35rem;padding-right:.35rem}.nav-item:hover{background:#334155;color:#e2e8f0}.nav-item.active{background:var(--teal);color:#fff}.nav-icon{width:.95rem;text-align:center;flex-shrink:0;font-size:11px;opacity:.9}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:38px;padding:.25rem .75rem;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 1px 2px #0000000a;font-size:var(--fs-sm)}.topbar strong{font-size:13.5px;font-weight:600;letter-spacing:-.01em}.content{flex:1;padding:.65rem .75rem .85rem;min-height:0;overflow:hidden;display:flex;flex-direction:column}.page{flex:1;min-height:0;display:flex;flex-direction:column}.page>.muted,.page>.error{flex-shrink:0}.page-title{margin:0 0 .15rem;font-size:var(--fs-title);font-weight:600;letter-spacing:-.01em;line-height:1.25;flex-shrink:0}.kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.35rem 0 .45rem;flex-shrink:0}.kpi-row-6{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi{cursor:pointer;padding:.5rem .65rem}.kpi .label{color:var(--muted);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.kpi .value{font-size:var(--fs-kpi);font-weight:600;margin-top:.15rem;line-height:1.15;font-variant-numeric:tabular-nums}.data-table{flex:1;min-height:0;display:flex;flex-direction:column}.toolbar{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.45rem;flex-shrink:0}.toolbar .spacer,.tree-toolbar .spacer{flex:1;min-width:.5rem}.table-wrap{flex:1;min-height:0;background:var(--surface);border:1px solid var(--line);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 1px 3px #0000000f;overflow:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.data th,table.data td{border-bottom:1px solid var(--line);padding:var(--row-pad-y) var(--row-pad-x);text-align:left;white-space:nowrap;vertical-align:middle;line-height:1.3}table.data th{background:#f1f5f9;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;font-size:var(--fs-xs);color:#0f172a;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0;z-index:1;border-bottom:2px solid #cbd5e1;box-shadow:0 1px 2px #0000000a}table.data tbody tr:nth-child(2n) td{background:#f8fafc}table.data tbody tr:hover td{background:#f0fdfa}table.data th .sort{color:var(--muted);margin-left:.2rem;font-size:9px}table.data .btn{height:22px;padding:0 .4rem;font-size:var(--fs-xs)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem;border:1px solid var(--line);background:var(--surface);font-size:var(--fs-xs);color:var(--muted);flex-shrink:0}.pagination .btn{height:22px;font-size:var(--fs-xs)}.pagination select.input{min-width:56px;height:22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.admin-bg,.login-page{background-color:#0f172a;background-image:radial-gradient(at 10% 10%,rgba(37,99,235,.15) 0px,transparent 50%),radial-gradient(at 90% 80%,rgba(6,182,212,.12) 0px,transparent 50%),linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px}.login-page{min-height:100%;overflow:auto;display:grid;place-items:center;padding:1rem}.login-card{width:100%;max-width:340px;background:var(--surface);border:1px solid rgba(148,163,184,.25);padding:0 1.1rem 1.15rem;box-shadow:0 24px 48px #0006}.login-brand{background:#0f172a;margin:0 -1.1rem .75rem;padding:1rem .85rem;display:flex;justify-content:center}.login-back{text-align:center;margin:-.35rem 0 .5rem;font-size:var(--fs-sm)}.login-back a{color:var(--muted);text-decoration:none}.login-back a:hover{color:var(--teal)}.login-card label:first-of-type{margin-top:.15rem}.login-tagline{text-align:center;margin:0 0 .35rem}.login-card h1{margin:0 0 .1rem;font-size:16px;font-weight:600;text-align:center}.login-card label{display:block;margin:.55rem 0 .2rem;font-size:var(--fs-xs);font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.login-card .input{width:100%;min-width:0}.login-card .btn{width:100%;margin-top:.75rem;height:28px}.error{color:var(--rose);font-size:var(--fs-sm);margin-top:.45rem}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 3px #0000000f;border-radius:var(--radius);padding:.65rem .75rem;max-width:480px;margin-bottom:.65rem;flex-shrink:0}.panel-wide{max-width:720px}.panel>strong{display:block;margin-bottom:.35rem;font-size:var(--fs-sm);font-weight:600}.field{margin-top:.45rem}.field label{display:block;margin-bottom:.15rem;font-size:var(--fs-xs);font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.field .input,.field input[type=file]{width:100%;min-width:0}.row-2{display:flex;gap:.35rem}.row-2>*{flex:1;min-width:0}.device-strip{flex-shrink:0;margin-bottom:.45rem;padding:.45rem .55rem}.device-strip .muted{margin:.1rem 0 0}.device-grid{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.device-tile{display:inline-flex;align-items:center;gap:.28rem;border:1px solid var(--line);background:var(--surface);padding:.15rem .35rem;font-size:var(--fs-xs);border-radius:4px;box-shadow:0 1px 2px #0000000a;transition:box-shadow .12s,background .12s}.device-tile:hover{background:#f0fdfa;box-shadow:0 2px 4px #00000014}.device-tile .dot{display:block;width:7px;height:7px;border:1px solid currentColor;background:currentColor;flex-shrink:0}.device-tile.online{color:var(--ok)}.device-tile.warning{color:var(--amber)}.device-tile.offline{color:var(--rose)}.tree-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:.5rem}.tree-pane,.tree-inspector{background:var(--surface);border:1px solid var(--line);min-height:0;display:flex;flex-direction:column}.tree-toolbar{display:flex;gap:.35rem;align-items:center;padding:.35rem .45rem;border-bottom:1px solid var(--line);flex-shrink:0}.tree-scroll{flex:1;overflow:auto}.tree-row{display:flex;align-items:center;gap:.2rem;min-height:26px;padding:0 .4rem 0 .15rem;cursor:pointer;border-bottom:1px solid #f1f5f9}.tree-row:hover{background:#f8fafc}.tree-row.selected{background:#f0fdfa;box-shadow:inset 2px 0 0 var(--teal)}.tree-toggle{width:18px;height:22px;border:0;background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0;font-size:10px;padding:0}.tree-toggle.leaf{visibility:hidden}.tree-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-meta{color:var(--muted);font-size:var(--fs-xs);margin-left:.35rem}.tree-row-actions{display:none;gap:.15rem;margin-left:.25rem}.tree-row:hover .tree-row-actions,.tree-row.selected .tree-row-actions{display:flex}.tree-inspector{padding:.65rem .75rem}.tree-inspector .input{width:100%;min-width:0}.tree-empty{padding:1rem .75rem;color:var(--muted)}.inline-add{display:flex;gap:.25rem;align-items:center;padding:.2rem .4rem .3rem}.inline-add .input{min-width:0;flex:1}@media(max-width:1100px){.tree-layout{grid-template-columns:1fr}.kpi-row-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.kpi-row,.kpi-row-6,.grid-2{grid-template-columns:1fr 1fr}.content{padding:.55rem}}.kpi{position:relative;transition:transform .12s,box-shadow .12s}.kpi:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.kpi-accent-teal{border-left:3px solid var(--teal)}.kpi-accent-amber{border-left:3px solid var(--amber)}.kpi-accent-rose{border-left:3px solid var(--rose)}.kpi-accent-ok{border-left:3px solid var(--ok)}.analytics-page{overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.analytics-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;flex-shrink:0}.analytics-filter{display:flex;flex-direction:column;gap:4px;min-width:160px}.analytics-filter span{font-size:var(--fs-xs);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.analytics-export-actions{display:flex;align-items:flex-end;gap:8px;margin-left:auto}.report-table{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.report-table th,.report-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.report-table th{background:#f8fafc;font-weight:600;color:var(--slate)}.report-table tbody tr:last-child td{border-bottom:none}.report-table tbody tr:hover{background:#00000005}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.chart-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 3px #0000000f;padding:.5rem 0}.chart-panel>strong{display:block;padding:0 .75rem .35rem;font-size:var(--fs-sm);font-weight:600}.chart-body{width:100%}.chart-panel-full{margin-bottom:.5rem}.chart-panel-full .data-table{min-height:180px}.hbar-row{display:flex;align-items:center;gap:.5rem;padding:.2rem 0}.hbar-label{width:120px;font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.hbar-track{flex:1;height:14px;background:#f1f5f9;border-radius:3px;overflow:hidden}.hbar-fill{height:100%;background:var(--teal);border-radius:3px;transition:width .3s}.hbar-value{width:32px;text-align:right;font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0}@media(max-width:900px){.chart-grid{grid-template-columns:1fr}}.login-card{border-radius:var(--radius-lg)}.pagination{border-radius:0 0 var(--radius) var(--radius)}.tab-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;overflow:hidden}.tab-bar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;padding:0 16px 0 8px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--line);flex-shrink:0}.tab-bar-tabs{display:flex;align-items:stretch;gap:2px}.tab-item{position:relative;padding:0 22px;min-height:44px;display:inline-flex;align-items:center;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:.01em;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.tab-item:hover{color:var(--text);background:#ffffff8c}.tab-item-active{color:var(--primary);font-weight:600;background:var(--surface);border-bottom-color:var(--primary);box-shadow:inset 0 1px #fffc}.tab-bar-actions{display:flex;align-items:center;gap:8px;padding:6px 0;flex-shrink:0}.tab-content{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-dialog{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0000002e;width:100%;max-width:520px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;animation:modalIn .2s ease}.modal-dialog-wide{max-width:720px}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);flex-shrink:0;background:linear-gradient(180deg,#fafbfc 0%,var(--surface) 100%)}.modal-title{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.modal-close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);padding:4px 10px;border-radius:var(--radius);transition:background .15s,color .15s}.modal-close:hover{background:#0000000f;color:var(--text)}.modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.modal-form{display:flex;flex-direction:column}.modal-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);flex-shrink:0}.ads-page{flex:1;min-height:0;display:flex;flex-direction:column}.ads-header{margin-bottom:16px;flex-shrink:0}.ads-header .page-title{margin-bottom:2px}.ads-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;flex-shrink:0}.ads-kpi-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #0f172a14;transition:transform .12s,box-shadow .12s,border-color .12s}.ads-kpi-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a1f;border-color:#cbd5e1}.ads-kpi-value{font-size:1.55rem;font-weight:700;color:var(--ink);line-height:1.2;font-variant-numeric:tabular-nums}.ads-kpi-label{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.ads-error{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);padding:10px 14px;color:var(--danger);font-size:var(--fs-sm);margin-bottom:16px}.ads-section{animation:fadeIn .2s ease;min-height:0}.ads-layouts-section{display:flex;flex-direction:column;gap:16px}.ads-layouts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.ads-layouts-toolbar p{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ads-cell-name{display:flex;flex-direction:column;gap:1px}.ads-cell-sub{font-size:var(--fs-sm);color:var(--text-muted);font-weight:400}.ads-metric{font-weight:600;font-variant-numeric:tabular-nums}.ads-campaign-link{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.ads-campaign-link:hover{text-decoration:underline}.ads-pricing{display:flex;align-items:center;gap:6px}.ads-rate{font-weight:600;color:var(--text)}.ads-slot-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.ads-back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer;font-size:var(--fs-sm);color:var(--text-muted);transition:all .15s}.ads-back-btn:hover{border-color:var(--primary);color:var(--primary)}.ads-slot-title{flex:1}.ads-slot-title h3{margin:0 0 4px;font-size:1.1rem}.ads-slot-meta{display:flex;align-items:center;gap:12px}.ads-slot-meta-item{font-size:var(--fs-sm);color:var(--text-muted)}.ads-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;border:2px dashed var(--border);border-radius:var(--radius-lg)}.ads-empty p{margin:12px 0 4px;font-weight:500}.ads-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ads-slot-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s}.ads-slot-card:hover{box-shadow:0 2px 12px #0000000f}.ads-slot-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:#00000004}.ads-slot-priority{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:1px 6px}.ads-slot-card-body{padding:12px 14px}.ads-slot-content-name{font-weight:600;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ads-slot-details{display:flex;gap:10px;font-size:var(--fs-sm);color:var(--text-muted)}.ads-slot-card-footer{padding:8px 14px;border-top:1px solid var(--border);background:#00000004}.ads-layouts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:28px}.ads-layout-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0f172a0f;transition:box-shadow .15s,border-color .15s}.ads-layout-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a1a}.ads-layout-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--line)}.ads-layout-card-header strong{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.ads-layout-preview-wrap{padding:12px 14px;background:#e2e8f0;border-bottom:1px solid var(--line)}.ads-layout-preview{display:flex;gap:4px;height:72px;padding:6px;background:#0f172a;border:2px solid #334155;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 8px #00000059}.ads-layout-zone{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:3px;border:1px solid rgba(255,255,255,.25);font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;overflow:hidden}.ads-layout-zone span{padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ads-layout-zone:nth-child(1){background:#3b82f6;color:#eff6ff;border-color:#60a5fa}.ads-layout-zone:nth-child(2){background:#10b981;color:#ecfdf5;border-color:#34d399}.ads-layout-zone:nth-child(3){background:#f59e0b;color:#fffbeb;border-color:#fbbf24}.ads-layout-zone:nth-child(4){background:#8b5cf6;color:#f5f3ff;border-color:#a78bfa}.ads-layout-zone-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ads-layout-zone-tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;color:var(--slate);background:var(--surface);border:1px solid var(--line);border-radius:999px}.ads-layout-card-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface)}.ads-layout-card-footer .muted{font-size:var(--fs-sm);color:var(--muted);font-weight:500}.ads-layout-card-actions{display:flex;align-items:center;gap:8px}.ads-delete-btn{background:none;border:1px solid transparent;color:var(--rose);font-size:var(--fs-sm);font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--radius);transition:background .15s,border-color .15s}.ads-delete-btn:hover{background:#be123c14;border-color:#be123c40}.ads-layout-add{border:2px dashed #cbd5e1;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--muted);min-height:160px;border-radius:var(--radius-lg);transition:border-color .15s,color .15s,background .15s}.ads-layout-add:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.ads-assign-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.ads-assign-header{margin-bottom:14px}.ads-assign-header h4{margin:0 0 4px}.ads-assign-controls{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}.ads-assign-controls .field{flex:1;max-width:280px}.ads-device-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ads-device-list-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#00000005;border-bottom:1px solid var(--border)}.ads-device-list-body{max-height:280px;overflow-y:auto}.ads-device-row{display:flex;align-items:center;gap:12px;padding:8px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.ads-device-row:last-child{border-bottom:none}.ads-device-row:hover{background:rgba(var(--primary-rgb, 37,99,235),.04)}.ads-device-row-selected{background:rgba(var(--primary-rgb, 37,99,235),.06)}.ads-device-name{flex:1;font-weight:500}.ads-device-uid{font-size:var(--fs-sm);color:var(--text-muted)}.ads-check-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.ads-selected-count{font-size:var(--fs-sm);color:var(--primary);font-weight:500}.ads-form-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.ads-form-title{margin:0 0 16px;font-size:1rem}.ads-form-actions{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.ads-zone-editor{margin-top:14px}.ads-zone-editor-title{font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);display:block;margin-bottom:8px}.ads-zone-grid-header{display:flex;gap:6px;padding:0 4px;margin-bottom:4px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ads-zone-grid-header span{min-width:52px}.ads-zone-row{display:flex;gap:6px;margin-bottom:6px;align-items:center}.ads-zone-row .input{min-width:52px}.ads-zone-remove{background:none;border:none;color:var(--danger);font-size:18px;cursor:pointer;padding:4px 8px;opacity:.5}.ads-zone-remove:hover{opacity:1}.ads-layout-preview-large{position:relative;height:120px;margin-top:14px;background:#00000008;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ads-preview-zone{position:absolute;background:rgba(var(--primary-rgb, 37,99,235),.12);border:1px solid rgba(var(--primary-rgb, 37,99,235),.3);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--primary)}