:root{--bg:#0b0e14;--panel:#151a23;--border:#232a36;--text:#e6e9ef;--muted:#9aa4b8;--accent:#6ea8fe;--danger:#ff6b6b;--success:#58d68d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:960px;margin:0 auto;padding:32px 24px 80px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-top:16px}.muted{color:var(--muted)}.small{font-size:.85em}.danger,.error{color:var(--danger)}.success{color:var(--success)}code{background:#0f141c;border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.9em}.stack{flex-direction:column;gap:12px}.row,.stack{display:flex}.row{gap:8px;margin-top:12px}.row input{flex:1 1}.field{display:flex;flex-direction:column;gap:4px}.field>span{font-size:.85em;color:var(--muted)}button,input,select{font:inherit;border-radius:8px;border:1px solid var(--border);padding:8px 12px}input,select{background:#0f141c;color:var(--text)}button{background:var(--accent);color:#0b0e14;border-color:transparent;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.07)}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--accent);border-color:var(--border);font-weight:500}.table{width:100%;border-collapse:collapse;margin-top:12px}.table td,.table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;font-size:.85em}.list{list-style:none;padding:0;margin:8px 0 0}.list li{padding:4px 0;border-bottom:1px solid var(--border)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.app-header{justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--panel)}.app-header,.app-nav{display:flex;align-items:center}.app-nav{gap:18px}.app-nav .brand,.brand{font-weight:700;color:var(--text)}.app-user{display:flex;align-items:center;gap:12px}.admin-shell{display:flex;align-items:flex-start;min-height:100vh}.admin-sidebar{box-sizing:border-box;width:224px;flex:0 0 224px;padding:16px 12px 32px;border-right:1px solid var(--border);background:var(--panel);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-main{flex:1 1;min-width:0}.admin-main .app-nav{display:none}.admin-sidebar-brand{display:block;font-weight:700;font-size:1.05rem;color:var(--text);padding:4px 8px 12px}.admin-sidebar-brand:hover{text-decoration:none}.admin-nav-group{margin-bottom:14px}.admin-nav-title{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 8px;margin-bottom:4px}.admin-nav-group ul{list-style:none;margin:0;padding:0}.admin-nav-link{display:block;padding:6px 8px;border-radius:6px;color:var(--text);font-size:.9rem}.admin-nav-link:hover{background:#1d2430;text-decoration:none}.admin-nav-link.is-active{background:#1d2a40;color:var(--accent)}@media (max-width:860px){.admin-shell{flex-direction:column}.admin-sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-box{width:100%;max-width:380px}.auth-box h1{margin-bottom:0}.checkbox{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.85em}.checkbox input{width:auto}.block-row{display:flex;align-items:center;justify-content:space-between;gap:8px}a.ghost.small,button.small{padding:4px 10px;font-size:.85em}.ghost.danger,button.danger{color:var(--danger);border-color:var(--border);background:transparent}.ghost.is-active,button.is-active{border-color:var(--accent);color:var(--accent)}.builder{display:flex;flex-direction:column;height:100vh}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.builder-toolbar-group{display:flex;align-items:center;gap:8px}.builder-status{min-width:120px;text-align:right}.builder-body{flex:1 1;display:grid;grid-template-columns:240px 1fr 300px;min-height:0}.builder-pane{border-right:1px solid var(--border);background:var(--panel);overflow-y:auto;padding:12px}.builder-pane-right{border-right:none;border-left:1px solid var(--border)}.builder-pane-title{margin:0 0 8px;font-size:.8em;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.builder-canvas-frame{position:relative;overflow:auto;background:#070a10;display:flex;justify-content:center;padding:24px}.canvas-toolbar{position:absolute;transform:translateY(-100%);display:flex;gap:2px;padding:3px;background:#10161f;border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.35);z-index:5}.canvas-toolbar button{border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:6px;padding:3px 7px;font-size:.9em;line-height:1}.canvas-toolbar button:hover{background:#1d2a40}.canvas-toolbar button.danger:hover{background:#3a1720;color:#ff6b6b}.builder-canvas{background:#ffffff;color:#111111;min-height:600px;box-shadow:0 0 0 1px var(--border)}.builder-empty{display:block;padding:24px;text-align:center;color:#8b94a7;font-size:.85em}.builder-layout-banner{display:block;padding:6px 12px;text-align:center;background:repeating-linear-gradient(-45deg,#f4f5f7,#f4f5f7 8px,#eceef2 0,#eceef2 16px);border:1px dashed #c3c9d4;color:#5b6472}.builder-layout-banner a{color:inherit;text-decoration:underline}.builder-tree{list-style:none;margin:0;padding:0}.builder-tree-row{width:100%;text-align:left;background:transparent;border:none;border-radius:6px;color:var(--text);font-weight:500;padding:5px 8px;cursor:pointer}.builder-tree-row:hover{background:#1d2430}.builder-tree-row.is-selected{background:#1d2a40;color:var(--accent)}.builder-tree-item{display:flex;align-items:center}.builder-tree-chevron{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:2px;width:18px;flex:none;font-size:.75em}.builder-tree-filter{width:100%;margin-bottom:8px}.inspector{display:flex;flex-direction:column;gap:14px}.inspector-head{display:flex;align-items:center;justify-content:space-between}.inspector-actions{display:flex;gap:4px}.inspector-section h4{margin:0 0 8px;font-size:.85em;color:var(--muted)}.inspector-section .field{margin-bottom:8px}.inspector textarea{font:inherit;border-radius:8px;border:1px solid var(--border);background:#0f141c;color:var(--text);padding:8px 12px}.palette{display:flex;flex-wrap:wrap;gap:6px}.inspector-name-field{display:flex;align-items:flex-end;gap:8px;padding:8px 0}.inspector-name-field .field{flex:1 1;margin-bottom:0}.inspector-name-field code{white-space:nowrap;padding-bottom:8px}.style-group{border-top:1px solid var(--border);padding-top:6px;margin-top:6px}.style-group-head{width:100%;text-align:left;display:flex;align-items:center;gap:6px;font-weight:600}.style-group-chevron{display:inline-block;width:1em;color:var(--muted)}.style-group-body{padding-top:6px}.builder-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--panel);font-size:.85em}.builder-breadcrumb .is-active{font-weight:600}.builder-breadcrumb-sep{color:var(--muted)}.preview-shell{min-height:100vh;display:flex;flex-direction:column}.preview-bar{justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.preview-bar,.preview-devices{display:flex;align-items:center}.preview-devices{gap:8px}.preview-stage{flex:1 1;background:#070a10;display:flex;justify-content:center;padding:24px;overflow:auto}.preview-frame{background:#ffffff;color:#111111;min-height:400px;box-shadow:0 0 0 1px var(--border)}.qbadge{display:inline-block;border-radius:999px;padding:1px 8px;margin-right:6px;font-size:.8em;font-weight:600;border:1px solid var(--border)}.qbadge.blocking{color:#ff6b6b;border-color:#ff6b6b}.qbadge.warning{color:#ffb454;border-color:#ffb454}.qbadge.recommendation{color:var(--muted)}.palette-groups{display:flex;flex-direction:column;gap:10px}.palette-group-label{display:block;font-size:.72em;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}.palette-item{cursor:-webkit-grab;cursor:grab}.palette-item:active{cursor:-webkit-grabbing;cursor:grabbing}.color-control{display:flex;align-items:center;gap:6px}.color-control input[type=color]{width:34px;min-width:34px;height:34px;padding:2px;cursor:pointer}.color-control input:not([type=color]){flex:1 1;min-width:0}.token-picker{max-width:96px;flex:0 0 auto;font-size:.78em}.inspector-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.inspector-tabs-main{border-bottom:1px solid var(--border);padding-bottom:8px}.inspector-tabs .is-active{background:#1d2a40;color:var(--accent)}.builder-canvas [contenteditable=true]{outline:2px solid #25c2a0!important}.builder-canvas.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.builder-tree-row.drop-before{box-shadow:inset 0 2px 0 0 #25c2a0}.builder-tree-row.drop-after{box-shadow:inset 0 -2px 0 0 #25c2a0}.builder-tree-row.drop-inside{background:#14322b;box-shadow:inset 0 0 0 1px #25c2a0}.media-uploader{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-top:12px}.media-card{margin:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.media-card-ph,.media-card>img{display:block;width:100%;height:120px;object-fit:cover;background:#0f141c}.media-card-ph{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.8em;letter-spacing:.04em}.media-card figcaption{display:flex;flex-direction:column;gap:3px;padding:8px 10px}.media-name{font-weight:500;font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-status{font-size:.72em;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.media-status.status-validated{color:#25c2a0}.media-status.status-archived,.media-status.status-rejected{color:#ff6b6b}.media-actions{display:flex;gap:6px;margin-top:4px}.media-picker-backdrop{position:fixed;inset:0;background:rgba(3,6,12,.7);display:flex;align-items:center;justify-content:center;z-index:50}.media-picker{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(720px,92vw);max-height:86vh;overflow:auto;padding:16px}.media-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.media-picker .media-card{cursor:pointer}.media-picker .media-card:hover{border-color:var(--accent)}.ops-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin:16px 0}.kpi{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--border);border-radius:10px;background:#10151d}.kpi-value{font-size:1.8rem;font-weight:700;line-height:1;color:var(--text)}.kpi-label{font-size:.8rem;color:var(--muted)}.kpi-danger{border-color:#5b2a2a;background:#211014}.kpi-danger .kpi-value{color:#ff8f8f}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:600;background:#eef2f7;color:#374151;text-transform:lowercase}.pill-activated,.pill-active,.pill-healthy{background:#dcfce7;color:#166534}.pill-error,.pill-failed,.pill-offline{background:#fee2e2;color:#991b1b}.pill-deploying,.pill-provisioning,.pill-queued,.pill-warning{background:#fef9c3;color:#854d0e}.pill-degraded,.pill-rolled_back{background:#ffedd5;color:#9a3412}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot-ok{background:#22c55e}.dot-off{background:#d1d5db}.agent-line{display:inline-flex;align-items:center;margin-right:12px}.event-feed{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.event-feed li{padding:8px 10px;border-radius:8px;background:#10151d;border:1px solid var(--border);font-size:.88rem}.event-feed li.event-error{background:#211014;border-color:#5b2a2a}.event-feed li.event-warning{background:#211c10;border-color:#5b4a2a}.inline-form{display:inline-flex;gap:6px;align-items:center}.pipeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;align-items:start}.pipeline-col{background:#10151d;border:1px solid var(--border);border-radius:8px;padding:8px;min-height:60px}.pipeline-col h3{margin:0 0 6px;font-size:.72em;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.pipeline-card{background:#1a212c;border:1px solid var(--border);border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:.88rem}.pipeline-card form{margin-top:4px}.tag{padding:2px 8px;border:1px solid var(--border);font-size:.8rem;background:var(--panel)}.status-badge,.tag{display:inline-block;border-radius:999px}.status-badge{padding:1px 8px;font-size:.78rem;background:#eef2ff;border:1px solid var(--border)}