:root{--ops-bg:#0b0f14;--ops-surface:#111827;--ops-card:#1a2332d9;--ops-border:#2a3548;--ops-text:#e2e8f0;--ops-muted:#64748b;--ops-accent:#22d3ee;--ops-accent-hover:#38bdf8;--font-mono:"JetBrains Mono", "Fira Code", monospace}.ops-card{background:var(--ops-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ops-border);border-radius:.75rem;padding:1.25rem;box-shadow:0 8px 32px #00000040}.ops-btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.ops-btn:disabled{opacity:.5;cursor:not-allowed}.ops-btn-primary{background:var(--ops-accent);color:#0b0f14}.ops-btn-primary:hover:not(:disabled){background:var(--ops-accent-hover)}.ops-btn-secondary{background:var(--ops-surface);color:var(--ops-text);border:1px solid var(--ops-border)}.ops-btn-secondary:hover:not(:disabled){background:var(--ops-card)}.ops-btn-danger{color:#fff;background:#dc2626}.ops-btn-danger:hover:not(:disabled){background:#ef4444}.ops-input{background:var(--ops-bg);border:1px solid var(--ops-border);width:100%;color:var(--ops-text);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.ops-input:focus{border-color:var(--ops-accent);box-shadow:0 0 0 1px var(--ops-accent);outline:none}.ops-label{color:#94a3b8;margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:block}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:.15rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-success{color:#4ade80;background:#22c55e33}.badge-danger{color:#f87171;background:#ef444433}.badge-warning{color:#fbbf24;background:#f59e0b33}.badge-info{color:#22d3ee;background:#22d3ee33}.badge-critical{color:#fca5a5;background:#dc26264d}.badge-muted{color:#94a3b8;background:#64748b33}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ops-muted);border-bottom:1px solid var(--ops-border);padding:.75rem 1rem;font-size:.7rem}.data-table td{color:#cbd5e1;border-bottom:1px solid #2a354880;padding:.75rem 1rem}.data-table tr:hover td{background:#ffffff05}.terminal{border:1px solid var(--ops-border);font-family:var(--font-mono);background:#0009;border-radius:.75rem;max-height:600px;padding:1rem;font-size:.75rem;line-height:1.6;overflow-y:auto}.terminal-line{gap:.75rem;margin-bottom:.25rem;display:flex}.terminal-time{color:var(--ops-muted);min-width:60px}.terminal-level{text-transform:uppercase;min-width:70px}.terminal-level.info{color:#22d3ee}.terminal-level.warning{color:#fbbf24}.terminal-level.error{color:#f87171}.terminal-level.critical{color:#ef4444}.terminal-meta{color:var(--ops-muted)}.terminal-msg{flex:1}.stat-card .stat-label{color:var(--ops-muted);margin-bottom:.25rem;font-size:.8rem}.stat-card .stat-value{color:#fff;font-size:2rem;font-weight:700}.stat-card .stat-value.warn{color:#fbbf24}.stat-card .stat-value.danger{color:#f87171}.dialog-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:.75rem;width:90%;max-width:420px;padding:1.5rem}.dialog h3{color:#fff;margin-bottom:.5rem}.dialog p{color:var(--ops-muted);margin-bottom:1.25rem;font-size:.875rem}.dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--ops-bg);color:var(--ops-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}a{color:var(--ops-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.app-loading{min-height:100vh;color:var(--ops-muted);justify-content:center;align-items:center;display:flex}.page-header{margin-bottom:1.5rem}.page-title{color:#fff;font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--ops-muted);margin-top:.25rem;font-size:.8rem}.grid-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.form-grid{gap:1rem;display:grid}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-actions{gap:.75rem;margin-top:.5rem;display:flex}.alert{border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e4d}.alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.alert-warning{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b4d}.token-box{font-family:var(--font-mono);word-break:break-all;color:#fcd34d;background:#0006;border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:.75rem}.kanban-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.kanban-column h3{text-transform:uppercase;letter-spacing:.05em;color:var(--ops-muted);margin-bottom:1rem;font-size:.75rem}.kanban-card{background:var(--ops-card);border:1px solid var(--ops-border);border-radius:.5rem;margin-bottom:.75rem;padding:.75rem}.kanban-card h4{color:#fff;margin-bottom:.5rem;font-size:.875rem}.kanban-card-footer{color:var(--ops-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.placeholder-page{text-align:center;color:var(--ops-muted);padding:3rem}.placeholder-page h2{color:#fff;margin-bottom:.5rem}.progress-bar-wrap{min-width:100px}.progress-bar-header{color:var(--ops-muted);justify-content:space-between;margin-bottom:.25rem;font-size:.7rem;display:flex}.progress-bar-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:999px;height:100%;transition:width .3s}.progress-bar-muted{color:var(--ops-muted);font-size:.75rem}.agent-install-block{border:1px solid var(--ops-border);background:#00000040;border-radius:.5rem;margin-top:1rem;padding:1rem;font-size:.8rem}.agent-install-block h4{color:#fff;margin-bottom:.75rem}.agent-install-block pre{font-family:var(--font-mono);color:#94a3b8;background:#0006;border-radius:.5rem;margin:.5rem 0;padding:.75rem;font-size:.7rem;overflow-x:auto}.sidebar{background:var(--ops-surface);border-right:1px solid var(--ops-border);z-index:40;flex-direction:column;width:256px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand{border-bottom:1px solid var(--ops-border);align-items:center;gap:.75rem;padding:1.25rem;display:flex}.sidebar-logo{width:40px;height:40px;color:var(--ops-accent);background:#22d3ee33;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.sidebar-brand h1{color:#fff;font-size:.875rem;font-weight:700}.sidebar-brand p{color:var(--ops-muted);font-size:.7rem}.sidebar-nav{flex:1;padding:.75rem;overflow-y:auto}.sidebar-link{color:var(--ops-muted);border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.15rem;padding:.6rem .75rem;font-size:.875rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--ops-card);color:var(--ops-text);text-decoration:none}.sidebar-link.active{background:var(--ops-card);color:var(--ops-accent)}.sidebar-icon{opacity:.7;text-align:center;width:1.25rem}.sidebar-footer{color:var(--ops-muted);border-top:1px solid var(--ops-border);padding:1rem;font-size:.7rem}.dashboard-layout{min-height:100vh;margin-left:256px}.dashboard-main{padding:1.5rem}.topbar{z-index:30;border-bottom:1px solid var(--ops-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827f2;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-user{text-align:right}.topbar-user .name{color:#fff;font-size:.875rem;font-weight:500}.topbar-user .role{color:var(--ops-muted);font-size:.7rem}.auth-layout{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{width:100%;max-width:400px}.auth-brand{text-align:center;margin-bottom:1.5rem}.auth-logo{width:56px;height:56px;color:var(--ops-accent);background:#22d3ee33;border-radius:.75rem;justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.5rem;font-weight:700;display:flex}.auth-brand h1{color:#fff;font-size:1.25rem}.auth-brand p{color:var(--ops-muted);margin-top:.25rem;font-size:.875rem}.auth-hint{text-align:center;color:var(--ops-muted);margin-top:1.5rem;font-size:.75rem}@media (width<=768px){.sidebar{width:64px}.sidebar-brand div:last-child,.sidebar-link span:not(.sidebar-icon),.sidebar-footer{display:none}.dashboard-layout{margin-left:64px}}