:root{--bg-primary: #121212;--bg-secondary: #181818;--bg-surface: #1d1d1d;--bg-elevated: #242424;--bg-hover: #2a2a2a;--border-subtle: #272727;--border-medium: #363636;--border-bright: #484848;--text-primary: #e0e0e0;--text-secondary: #9e9e9e;--text-muted: #616161;--text-bright: #ffffff;--accent-cyan: #00e5ff;--accent-cyan-dim: rgba(0, 229, 255, .12);--accent-green: #00e676;--accent-green-dim: rgba(0, 230, 118, .12);--accent-amber: #ffd600;--accent-amber-dim: rgba(255, 214, 0, .12);--accent-red: #ff1744;--accent-red-dim: rgba(255, 23, 68, .12);--accent-purple: #b388ff;--accent-purple-dim: rgba(179, 136, 255, .12);--font-mono: "Consolas", "Courier New", "Fira Code", "JetBrains Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=light]{--bg-primary: #eef2f5;--bg-secondary: #e3e9ee;--bg-surface: #f8fafb;--bg-elevated: #ffffff;--bg-hover: #dcecf2;--border-subtle: #d2dce3;--border-medium: #aebfc9;--border-bright: #7e9aa8;--text-primary: #203039;--text-secondary: #536872;--text-muted: #71848d;--text-bright: #13232b;--accent-cyan: #007c91;--accent-cyan-dim: rgba(0, 124, 145, .12);--accent-green: #087f46;--accent-green-dim: rgba(8, 127, 70, .12);--accent-amber: #a05a00;--accent-amber-dim: rgba(160, 90, 0, .12);--accent-red: #bd163b;--accent-red-dim: rgba(189, 22, 59, .12);--accent-purple: #6941a5;--accent-purple-dim: rgba(105, 65, 165, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.console-box{background:var(--bg-surface);border:1px solid var(--border-medium);box-shadow:inset 0 1px #ffffff08}.console-box-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-medium);padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.btn-console{background:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn-console:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-bright);color:var(--text-bright)}.btn-console:active:not(:disabled){transform:translateY(1px)}.btn-console:disabled{opacity:.4;cursor:not-allowed}.btn-console.btn-cyan{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-console.btn-cyan:hover:not(:disabled){background:var(--accent-cyan-dim)}.btn-console.btn-green{border-color:var(--accent-green);color:var(--accent-green)}.btn-console.btn-green:hover:not(:disabled){background:var(--accent-green-dim)}.btn-console.btn-amber{border-color:var(--accent-amber);color:var(--accent-amber)}.btn-console.btn-amber:hover:not(:disabled){background:var(--accent-amber-dim)}.btn-console.btn-red{border-color:var(--accent-red);color:var(--accent-red)}.btn-console.btn-red:hover:not(:disabled){background:var(--accent-red-dim)}.btn-console.btn-sm{padding:3px 8px;font-size:10px}.badge-console{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-medium);background:var(--bg-elevated);color:var(--text-secondary)}.badge-console.badge-cyan{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--accent-cyan-dim)}.badge-console.badge-green{border-color:var(--accent-green);color:var(--accent-green);background:var(--accent-green-dim)}.badge-console.badge-amber{border-color:var(--accent-amber);color:var(--accent-amber);background:var(--accent-amber-dim)}.badge-console.badge-red{border-color:var(--accent-red);color:var(--accent-red);background:var(--accent-red-dim)}.badge-console.badge-purple{border-color:var(--accent-purple);color:var(--accent-purple);background:var(--accent-purple-dim)}.input-console,.select-console,.textarea-console{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-bright);font-family:var(--font-mono);font-size:12px;padding:6px 10px;outline:none;width:100%;transition:border-color .15s ease}.input-console:focus,.select-console:focus,.textarea-console:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan)}.input-console::placeholder,.select-console::placeholder,.textarea-console::placeholder{color:var(--text-muted)}.console-progress-track{background:var(--bg-secondary);border:1px solid var(--border-medium);height:12px;width:100%;position:relative;overflow:hidden}.console-progress-fill{height:100%;background:var(--accent-cyan);transition:width .3s ease}.console-progress-fill.fill-green{background:var(--accent-green)}.console-progress-fill.fill-amber{background:var(--accent-amber)}.console-progress-fill.fill-red{background:var(--accent-red)}.led-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.led-indicator.led-green{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.led-indicator.led-cyan{background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.led-indicator.led-amber{background:var(--accent-amber);box-shadow:0 0 6px var(--accent-amber)}.led-indicator.led-red{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}@media(max-width:900px){.header-top{flex-wrap:wrap;gap:8px}.brand-group{flex:1 1 100%;flex-wrap:wrap;gap:6px 8px}.header-actions-group{margin-left:0}.user-session-group{margin-left:auto}.telemetry-bar{flex-wrap:wrap;gap:10px 14px}.telemetry-divider{display:none}.view-header-bar{flex-wrap:wrap;gap:8px}.header-left,.form-row{flex-wrap:wrap}.kanban-columns-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}.table-container{max-width:100%;overflow-x:auto}.console-table{min-width:920px}.config-grid{grid-template-columns:1fr}.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){html,body{overflow-x:hidden}.console-app-frame,.console-main-viewport,.header-top,.brand-group,.user-session-group,.auth-lock{width:100%;min-width:0;max-width:100%}.brand-group{overflow:hidden}.brand-title{min-width:0;max-width:calc(100vw - 64px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.04em}.brand-group>.badge-console{font-size:8px}.header-actions-group,.user-session-group{flex:1 1 auto}.user-session-group{justify-content:flex-end;min-width:0;overflow:hidden}.user-session-group>.badge-console{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info{min-width:0}.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telemetry-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;padding:8px 10px;gap:10px}.telemetry-item,.completion-gauge{min-width:0;width:100%}.telemetry-value{flex-wrap:wrap}.view-title{font-size:10px}.auth-lock{width:calc(100vw - 16px);max-width:calc(100vw - 16px);overflow:hidden}.auth-lock .console-box-header{flex-wrap:wrap}.auth-lock .console-box-header>span{min-width:0;max-width:100%;overflow-wrap:anywhere}.auth-lock-body{width:100%;min-width:0}.auth-lock-body h2,.auth-lock-body p{width:100%;max-width:100%;overflow-wrap:anywhere}.auth-lock-body h2{font-size:16px;line-height:1.25}.kanban-columns-container{grid-template-columns:minmax(0,1fr)!important}.kanban-column{min-height:0}.readiness-grid{grid-template-columns:minmax(0,1fr)}.modal-dialog{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}.modal-form,.config-form{padding:12px}.form-row>.form-group,.form-row>.flex-1{flex:1 1 100%;min-width:0}.modal-actions,.form-actions-row{flex-direction:column}.modal-actions .btn-console,.form-actions-row .btn-console{justify-content:center;width:100%}.console-footer-status{font-size:9px}}