@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700;800&display=swap";:root{color-scheme:dark;--bg: #050810;--panel: rgba(10, 15, 24, .94);--panel-strong: rgba(12, 18, 28, .98);--line: rgba(142, 160, 190, .14);--text: #e7edf9;--muted: #96a4ba;--cyan: #6bd8ff;--lime: #9dea95;--amber: #f0c36b;--rose: #ef8d9e;--shadow: 0 22px 70px rgba(0, 0, 0, .45);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;font-family:Space Grotesk,Segoe UI,sans-serif}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 12%,rgba(107,216,255,.08),transparent 22%),radial-gradient(circle at 88% 18%,rgba(157,234,149,.07),transparent 20%),radial-gradient(circle at 82% 86%,rgba(240,195,107,.05),transparent 18%),linear-gradient(180deg,#04070c,#070c14)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(144,162,192,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(144,162,192,.035) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(180deg,#00000073,#00000014);mask-image:linear-gradient(180deg,#00000073,#00000014)}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid rgba(130,169,255,.14);border-radius:14px;background:#060b14cc;color:var(--text);padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:#66e2ff80;box-shadow:0 0 0 4px #66e2ff1f}textarea{resize:vertical}.app-shell{position:relative;min-height:100vh;overflow:hidden}.backdrop{position:absolute;border-radius:999px;filter:blur(34px);opacity:.28;animation:drift 24s ease-in-out infinite}.backdrop-a{top:8%;left:8%;width:240px;height:240px;background:#6bd8ff1f}.backdrop-b{top:18%;right:10%;width:280px;height:280px;background:#9dea951a;animation-delay:-5s}.backdrop-c{right:16%;bottom:6%;width:300px;height:300px;background:#f0c36b14;animation-delay:-10s}.shell-grid{position:relative;z-index:1;width:min(1480px,calc(100% - 32px));margin:0 auto;padding:18px 0 40px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.command-bar{border-radius:var(--radius-xl);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.command-bar-copy{display:grid;gap:6px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.82rem;letter-spacing:.04em}.command-bar-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.command-bar-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.command-search{width:min(420px,46vw)}.rail{border-radius:var(--radius-xl);padding:22px;display:flex;flex-direction:column;gap:18px;min-height:calc(100vh - 58px)}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#66e2ff38,#95f28d2e);border:1px solid rgba(255,255,255,.12);font-weight:800;color:var(--text)}.brand-lockup p,.brand-lockup h1,.rail-copy,.metric-card p,.service-row p,.integration-card p,.ticket-card p{margin:0}.brand-lockup p{color:var(--muted);font-size:.86rem;margin-bottom:2px}.brand-lockup h1{font-size:1.12rem;letter-spacing:-.03em}.rail-copy{color:var(--muted);line-height:1.65}.rail-stack{display:grid;gap:12px}.rail-chip{padding:14px;border-radius:18px;background:#070c15b8;border:1px solid rgba(130,169,255,.12)}.rail-chip strong{display:block;margin-bottom:6px;font-size:1.2rem}.rail-chip span{color:var(--muted);line-height:1.5}.rail-footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:#66e2ff1f;border:1px solid rgba(102,226,255,.18);color:var(--cyan);font-size:.82rem}.badge-muted{background:#90a2c014;color:var(--muted);border-color:#90a2c029}.canvas{display:grid;gap:18px}.hero,.section-card{border-radius:var(--radius-xl);padding:22px}.hero{display:grid;gap:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:linear-gradient(180deg,#0c121cfa,#0a0f18f2)}.hero-copy{display:grid;align-content:start;gap:12px}.eyebrow,.section-label{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;color:var(--cyan);font-weight:700}.hero-copy h2{margin:0;font-size:clamp(2.2rem,4vw,4.9rem);line-height:.94;letter-spacing:-.06em}.hero-copy p{max-width:62ch;color:var(--muted);line-height:1.7}.hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{padding:18px;border-radius:22px;background:#080d16e6;border:1px solid rgba(130,169,255,.13)}.metric-card span{display:block;color:var(--muted);font-size:.88rem}.metric-card strong{display:block;margin:12px 0 8px;font-size:clamp(1.6rem,2vw,2.2rem)}.metric-card p{color:var(--muted);line-height:1.55}.notice{border-radius:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.1)}.notice.error{background:#ff8fa014;border-color:#ff8fa02e;color:#ffc0c8}.grid-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.section-card{background:linear-gradient(180deg,#0d1628f0,#090f1cdb)}.section-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h3{margin:8px 0 0;font-size:1.42rem;letter-spacing:-.03em}.ghost-button,.primary-button{border:0;cursor:pointer;border-radius:999px;min-height:44px;padding:0 16px;transition:transform .14s ease,filter .14s ease,background .14s ease}.ghost-button{color:var(--text);background:#90a2c01f;border:1px solid rgba(144,162,192,.16)}.primary-button{color:#04111b;font-weight:800;background:linear-gradient(135deg,#6bd8fff5,#9dea95f5)}.ghost-button:hover,.primary-button:hover{transform:translateY(-1px)}.stack-form,.ticket-list,.service-list,.action-list{display:grid;gap:14px}.stack-form label{display:grid;gap:8px}.stack-form span{color:var(--muted);font-size:.9rem}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.service-row,.ticket-card,.action-card,.integration-card{border-radius:var(--radius-md);padding:15px 16px;background:#080d16e0;border:1px solid rgba(142,160,190,.12)}.action-card-button{width:100%;display:grid;gap:10px;text-align:left;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.action-card-button.active{border-color:#66e2ff52;background:#0a121fe6}.ticket-card-button{width:100%;text-align:left;color:inherit;cursor:pointer}.ticket-card-button.active{border-color:#66e2ff52;background:#0a121fe6}.service-row,.ticket-head,.integration-head{display:flex;justify-content:space-between;gap:14px}.service-row strong,.ticket-head strong,.integration-head strong{display:block;margin-bottom:6px}.service-row p,.ticket-card p,.integration-card p{color:var(--muted);line-height:1.58}.action-result{margin:12px 0 0;color:var(--muted)}.action-result.error{color:#ffb0ba}.action-ledger-layout{display:grid;gap:14px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.action-detail-panel{display:grid;gap:14px;align-content:start}.detail-drawer,.empty-state-card{display:grid;gap:14px}.detail-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card,.policy-card{display:grid;gap:10px;padding:16px;border-radius:18px;background:#080d16e6;border:1px solid rgba(130,169,255,.12)}.detail-card strong{font-size:1rem}.detail-card p{margin:0;color:var(--muted);line-height:1.58}.key-value-list{display:grid;gap:10px;margin:0}.key-value-list div{display:grid;gap:3px}.key-value-list dt{color:var(--muted);font-size:.82rem}.key-value-list dd{margin:0;color:var(--text);line-height:1.4;word-break:break-word}.json-block{margin:0;padding:14px;border-radius:16px;background:#04080ef2;border:1px solid rgba(130,169,255,.12);color:#cfe5ff;font-size:.84rem;line-height:1.55;overflow:auto;max-height:280px}.drawer-actions,.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.vm-action-note{display:grid;gap:8px}.vm-action-note strong{font-size:1rem}.vm-action-note p{margin:0;color:var(--muted);line-height:1.58}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:18px;background:#02050ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(980px,100%);max-height:min(90vh,980px);overflow:auto;border-radius:var(--radius-xl);padding:22px;background:var(--panel-strong);border:1px solid rgba(130,169,255,.16);box-shadow:var(--shadow)}.modal-card .detail-grid{margin-bottom:10px}.empty-state-card{padding:18px;border-radius:18px;background:#080d16e0;border:1px dashed rgba(130,169,255,.16)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.proxmox-layout{display:grid;gap:14px;grid-template-columns:.9fr 1.1fr}.proxmox-list,.proxmox-detail{display:grid;gap:12px}.proxmox-row{width:100%;text-align:left;padding:14px 15px;border-radius:18px;background:#080d16e0;border:1px solid rgba(130,169,255,.12);color:var(--text);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.proxmox-row:hover,.proxmox-row.active{transform:translateY(-1px);border-color:#66e2ff47;background:#0a121fdb}.proxmox-row-head,.proxmox-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.proxmox-row p,.proxmox-subtitle{margin:6px 0 0;color:var(--muted)}.proxmox-detail{padding:16px;border-radius:22px;background:#080d16eb;border:1px solid rgba(130,169,255,.12)}.proxmox-stat-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-bar{padding:14px;border-radius:16px;background:#080e18c7;border:1px solid rgba(130,169,255,.1);display:grid;gap:10px}.stat-bar-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.stat-bar-head span{color:var(--muted);font-size:.88rem}.stat-bar-track{width:100%;height:10px;border-radius:999px;background:#82a9ff14;overflow:hidden}.stat-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#66e2ffeb,#95f28deb)}.proxmox-actions{display:flex;flex-wrap:wrap;gap:10px}.cloudflare-layout{display:grid;gap:14px;grid-template-columns:.82fr 1.18fr;margin-top:14px}.cloudflare-list,.cloudflare-detail,.cloudflare-events{display:grid;gap:12px}.cloudflare-events{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.cloudflare-detail{padding:16px;border-radius:22px;background:#080d16eb;border:1px solid rgba(130,169,255,.12)}.cloudflare-record-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.cloudflare-record-card{display:grid;gap:10px;padding:14px;border-radius:16px;background:#080e18c7;border:1px solid rgba(130,169,255,.1)}.cloudflare-record-card strong{display:block;margin-bottom:6px}.cloudflare-section{grid-column:1 / -1}.proxmox-notice{background:#ffca7714;border-color:#ffca772e;color:#ffdeab}.traffic-light{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#82a9ff14;color:var(--text);text-transform:capitalize;white-space:nowrap}.traffic-light span{width:10px;height:10px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 4px #90a2c01a}.traffic-running span,.traffic-online span{background:var(--lime);box-shadow:0 0 0 4px #95f28d29}.traffic-stopped span,.traffic-offline span{background:var(--rose);box-shadow:0 0 0 4px #ff8fa029}.traffic-degraded span,.traffic-paused span,.traffic-maintenance span{background:var(--amber);box-shadow:0 0 0 4px #ffca7729}.traffic-error span,.traffic-unknown span{background:var(--rose);box-shadow:0 0 0 4px #ff8fa029}.integration-card small{display:block;margin-top:8px;color:var(--muted)}.status-overview-grid,.status-service-grid,.incident-list{display:grid;gap:12px}.status-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.status-overview-card,.status-service-card,.incident-card{border-radius:var(--radius-md);padding:16px;background:#080d16e0;border:1px solid rgba(130,169,255,.12)}.status-overview-card span,.status-overview-card p,.status-service-card p,.incident-card p,.incident-update p{margin:0;color:var(--muted)}.status-overview-card strong{display:block;margin:10px 0 8px;font-size:1.1rem;text-transform:capitalize}.status-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.status-service-head,.incident-card .ticket-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.status-service-head strong,.incident-card strong{display:block;margin-bottom:6px}.status-service-head p{margin:0}.status-service-card small,.incident-update small{display:block;margin-top:8px;color:var(--muted)}.statuspage-form{margin:14px 0}.status-page-section{grid-column:1 / -1}.incident-card{display:grid;gap:14px}.incident-updates{display:grid;gap:10px}.incident-update{padding:12px;border-radius:14px;background:#080e18c2;border:1px solid rgba(130,169,255,.1)}.incident-update strong{display:block;margin-bottom:6px;color:var(--cyan)}.incident-editor{border-radius:16px;border:1px solid rgba(130,169,255,.14);background:#080e18c2;padding:12px 14px}.incident-editor summary{cursor:pointer;color:var(--text);font-weight:700}.incident-editor .stack-form{margin-top:12px}.incident-actions{display:flex;flex-wrap:wrap;gap:10px}.ticket-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:var(--muted);font-size:.88rem}.ticket-detail-panel{margin-top:16px;display:grid;gap:14px}.ticket-detail{display:grid;gap:16px;padding:16px;border-radius:18px;background:#080d16e6;border:1px solid rgba(130,169,255,.12)}.ticket-title{margin:0;font-size:1.1rem;color:var(--text)}.ticket-actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ticket-columns{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-column{display:grid;gap:12px}.ticket-column h4,.ticket-admin-form h4{margin:0;font-size:1rem}.ticket-comment-list{display:grid;gap:10px}.ticket-comment{display:grid;gap:8px;padding:12px;border-radius:14px;background:#080d16e0;border:1px solid rgba(130,169,255,.1)}.ticket-comment p{margin:0;color:var(--text);line-height:1.55}.ticket-admin-form{display:grid;gap:12px;padding-top:4px}.ticket-form-note{border-radius:14px;padding:12px;background:#080e18c2;border:1px solid rgba(130,169,255,.1)}.ticket-form-note p{margin:0;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid transparent;text-transform:capitalize;white-space:nowrap}.status-healthy,.status-succeeded,.status-approved{background:#95f28d1f;color:var(--lime);border-color:#95f28d2e}.status-degraded,.status-in_progress,.status-open,.status-triage,.status-pending{background:#ffca771f;color:var(--amber);border-color:#ffca772e}.status-maintenance,.status-running,.status-awaiting_approval{background:#66e2ff1f;color:var(--cyan);border-color:#66e2ff2e}.status-draft,.status-investigating,.status-identified{background:#ffca771f;color:var(--amber);border-color:#ffca772e}.status-monitoring{background:#66e2ff1f;color:var(--cyan);border-color:#66e2ff2e}.status-resolved{background:#95f28d1f;color:var(--lime);border-color:#95f28d2e}.status-failed,.status-closed,.status-cancelled{background:#ff8fa01f;color:var(--rose);border-color:#ff8fa02e}.status-NEW,.status-WAITING_ON_REQUESTER,.status-UNDER_REVIEW,.status-SCHEDULED,.status-BLOCKED{background:#ffca771f;color:var(--amber);border-color:#ffca772e}.status-COMPLETED{background:#95f28d1f;color:var(--lime);border-color:#95f28d2e}.status-CANCELLED{background:#ff8fa01f;color:var(--rose);border-color:#ff8fa02e}.action-result{margin:10px 0 0;color:var(--text);font-size:.92rem}.action-result.error{color:var(--rose)}.admin-shell{display:grid;gap:18px}.admin-intro{margin:10px 0 0;color:var(--muted);line-height:1.65;max-width:74ch}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px}.admin-tab{border:1px solid rgba(144,162,192,.16);background:#0a111cbd;color:var(--muted);border-radius:999px;padding:10px 14px;cursor:pointer}.admin-tab.active{color:var(--text);border-color:#66e2ff5c;background:#66e2ff1f}.admin-panel{display:grid;gap:18px}.admin-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card{border-radius:var(--radius-md);padding:16px;background:#080d16e0;border:1px solid rgba(130,169,255,.12);display:grid;gap:14px}.admin-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.admin-card-head p{margin:6px 0 0;color:var(--muted)}.admin-kv{display:grid;gap:4px}.admin-kv span{color:var(--muted);font-size:.85rem}.admin-kv strong{font-size:1rem}.admin-stack{display:grid;gap:10px}.admin-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;padding:12px;background:#080e18c7;border:1px solid rgba(130,169,255,.1)}.admin-inline p{margin:6px 0 0;color:var(--muted)}.admin-form{display:grid;gap:12px}.toggle-row{display:flex;align-items:center;gap:10px;color:var(--muted)}.admin-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(130,169,255,.12)}.admin-table{width:100%;border-collapse:collapse;background:#060b14b8}.admin-table th,.admin-table td{padding:12px 14px;border-bottom:1px solid rgba(130,169,255,.08);text-align:left;vertical-align:top}.admin-table th{color:var(--muted);font-weight:600}.admin-table-row{cursor:pointer}.admin-table-row:hover td,.admin-table-row.active td{background:#0a121fc7}.audit-log-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.audit-detail-panel{display:grid;gap:14px;align-content:start}.badge-low{background:#9dea951f;color:var(--lime);border-color:#9dea952e}.badge-medium{background:#f0c36b1f;color:var(--amber);border-color:#f0c36b2e}.badge-high{background:#ffae5424;color:#ffcc8a;border-color:#ffae542e}.badge-critical{background:#ef8d9e24;color:#ffb3c0;border-color:#ef8d9e38}.placeholder-lines{display:grid;gap:12px}.placeholder-lines span{height:72px;border-radius:16px;background:linear-gradient(90deg,#82a9ff14,#82a9ff2e,#82a9ff14);background-size:240% 100%;animation:shimmer 1.8s ease-in-out infinite}.bottom-card{margin-bottom:8px}@keyframes shimmer{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.04)}}@media(max-width:1180px){.shell-grid{grid-template-columns:1fr}.rail{min-height:unset}.command-bar{flex-direction:column;align-items:stretch}.command-bar-tools,.command-search{width:100%}}@media(max-width:920px){.hero,.grid-grid,.form-grid,.integration-grid,.status-overview-grid,.status-service-grid,.ticket-columns,.admin-grid,.proxmox-layout,.cloudflare-layout,.cloudflare-record-grid,.cloudflare-events,.proxmox-stat-grid,.action-ledger-layout,.audit-log-layout,.detail-grid,.filter-bar{grid-template-columns:1fr}}@media(max-width:640px){.shell-grid{width:min(100% - 18px,1480px);padding-top:10px}.hero,.section-card,.rail{border-radius:22px;padding:18px}.hero-copy h2{font-size:clamp(2rem,14vw,3.2rem)}.incident-actions,.approval-actions,.proxmox-actions{flex-direction:column}}.sidebar-nav{display:grid;gap:8px;margin-top:6px}.sidebar-link{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:42px;padding:0 14px;border-radius:14px;border:1px solid transparent;background:#070c15b8;color:var(--text);text-decoration:none;cursor:pointer}.sidebar-link:hover,.sidebar-link.active{border-color:#66e2ff47;background:#66e2ff14}.dashboard-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.timeline,.approval-list,.audit-preview-list{display:grid;gap:12px}.timeline-item,.approval-row,.audit-preview-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border-radius:16px;background:#080d16e6;border:1px solid rgba(130,169,255,.12)}.timeline-item strong,.approval-row strong,.audit-preview-row strong{display:block;margin-bottom:4px}.timeline-item p,.approval-row p,.audit-preview-row p{margin:0;color:var(--muted);line-height:1.55}.timeline-item time{color:var(--muted);font-size:.82rem}.timeline-dot{width:12px;height:12px;margin-top:4px;border-radius:999px;background:var(--muted);box-shadow:0 0 0 4px #90a2c014}.timeline-success .timeline-dot{background:var(--lime);box-shadow:0 0 0 4px #95f28d1f}.timeline-warning .timeline-dot{background:var(--amber);box-shadow:0 0 0 4px #ffca771f}.timeline-danger .timeline-dot{background:var(--rose);box-shadow:0 0 0 4px #ff8fa01f}.approval-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ghost-button.danger{color:var(--rose);border-color:#ff8fa02e}.empty-state{margin:0;color:var(--muted)}.access-nav{margin:8px 0 18px}.access-nav .sidebar-link{width:auto}.monitoring-stack{display:grid;gap:14px;margin-top:18px}.monitoring-services,.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.monitoring-card,.server-card{padding:16px;border-radius:18px;background:#080d16e6;border:1px solid rgba(130,169,255,.12)}.monitoring-summary{margin-top:14px;padding:16px;border-radius:18px;background:#080d16e6;border:1px solid rgba(130,169,255,.12)}.filter-bar{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.filter-bar input,.filter-bar select{min-height:42px}.action-lock{display:grid;gap:8px}.action-lock small{color:var(--muted)}.monitoring-alerts{display:grid;gap:12px}@media(max-width:1240px){.shell-grid{grid-template-columns:1fr}.rail{min-height:auto}.dashboard-highlights,.monitoring-services,.server-grid{grid-template-columns:1fr}}@media(max-width:920px){.grid-grid,.dashboard-highlights,.hero{grid-template-columns:1fr}.timeline-item,.approval-row,.audit-preview-row{grid-template-columns:18px minmax(0,1fr)}.monitoring-services,.server-grid{grid-template-columns:1fr}}:root{color-scheme:dark;--bg: #0a0f18;--bg-elevated: #111827;--bg-panel: #0f1624;--bg-panel-strong: #141c2d;--border: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .28);--text: #e5eef9;--text-muted: #92a0b5;--text-dim: #6c7a91;--accent: #8bb3ff;--accent-strong: #5f8fff;--green: #4ade80;--amber: #f5c75b;--red: #ef6b73;--grey: #94a3b8;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(95,143,255,.14),transparent 24%),radial-gradient(circle at top right,rgba(74,222,128,.08),transparent 18%),var(--bg);color:var(--text);font-family:var(--font-body, inherit)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}*{box-sizing:border-box}.app-shell{min-height:100vh}.app-console{display:grid;grid-template-columns:290px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--border);background:#070b13f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.brand-lockup{display:flex;gap:var(--space-3);align-items:center}.brand-mark{width:2.5rem;height:2.5rem;border-radius:.85rem;display:grid;place-items:center;background:linear-gradient(180deg,#5f8fff47,#5f8fff1f);border:1px solid rgba(139,179,255,.35);color:var(--accent);font-weight:700}.brand-lockup p,.brand-lockup h1{margin:0}.brand-lockup h1{font-size:1.05rem;line-height:1.1}.sidebar-description{margin:0;color:var(--text-muted);line-height:1.6}.sidebar-groups{display:grid;gap:var(--space-5)}.sidebar-group-label{margin:0 0 var(--space-2);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.sidebar-nav{display:grid;gap:.35rem}.sidebar-nav a{display:flex;align-items:center;gap:var(--space-2);padding:.78rem .95rem;border-radius:.85rem;border:1px solid transparent;color:var(--text-muted);background:#ffffff05}.sidebar-nav a.active,.sidebar-nav a:hover{color:var(--text);border-color:var(--border-strong);background:#5f8fff1a}.shell-main{min-width:0;display:grid;grid-template-rows:auto auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--border);background:#0a0f18d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.topbar-kicker{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.topbar-title{display:flex;gap:var(--space-3);align-items:center}.topbar-title span{color:var(--text-muted)}.mode-banner{display:inline-flex;align-items:center;width:fit-content;margin-top:.35rem;padding:.3rem .65rem;border-radius:999px;border:1px solid rgba(245,158,11,.28);background:#f59e0b1f;color:#fbbf24;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.topbar-tools{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.command-search,.filter-bar input,.filter-bar select,.stack-form input,.stack-form select,.stack-form textarea,.stack-links input{min-height:2.6rem;padding:.65rem .85rem;border-radius:.8rem;border:1px solid var(--border);background:#070b13e6;color:var(--text)}.shell-breadcrumbs{padding:var(--space-4) var(--space-8) 0}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.9rem}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs-separator{margin:0 var(--space-1);color:var(--text-dim)}.page-region{padding:var(--space-6) var(--space-8) var(--space-8)}.page{display:grid;gap:var(--space-6)}.fullscreen-state{min-height:100vh;display:grid;place-items:center;padding:var(--space-8)}.hero-state{max-width:54rem}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.panel-grid.two-column{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}@media(max-width:1200px){.app-console{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.panel-grid,.panel-grid.two-column{grid-template-columns:1fr}.topbar{position:relative}}@media(max-width:780px){.page-region,.shell-breadcrumbs,.topbar{padding-left:var(--space-4);padding-right:var(--space-4)}.topbar{align-items:flex-start;flex-direction:column}}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#111827eb,#0f1624eb);box-shadow:var(--shadow);padding:var(--space-6)}.state-banner{display:grid;gap:.35rem;margin:0 0 var(--space-4);padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#080c14e6}.state-banner strong{color:var(--text)}.state-banner span{color:var(--text-muted);line-height:1.45}.state-banner-error{border-color:#f8717173;background:#330e0ebf}.help-callout{padding:var(--space-5);background:#080d15e6}.help-callout h3,.help-section h3{margin:0 0 var(--space-2)}.help-callout .panel-copy{margin-bottom:var(--space-3)}.help-toc{display:flex;flex-wrap:wrap;gap:var(--space-2)}.help-toc a{padding:.45rem .7rem;border:1px solid var(--border);border-radius:999px;background:#ffffff08;color:var(--text-muted)}.help-toc a:hover{color:var(--text);border-color:var(--border-strong)}.help-section-grid{display:grid;gap:var(--space-5)}.help-section{scroll-margin-top:7rem}.help-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.help-detail-grid p{margin:var(--space-2) 0 0;color:var(--text-muted);line-height:1.55}.help-detail-wide{grid-column:1 / -1}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:#0f1624e6}.page-header h1,.section-head h3,.topbar-title strong,.brand-lockup h1{margin:0}.page-header h1{font-size:1.8rem}.page-header p{color:var(--text-muted);line-height:1.55;max-width:70ch}.page-header-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-label{margin:0 0 var(--space-2);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.metric-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4)}.metric-card,.mini-card,.detail-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#060a12ad;padding:var(--space-4)}.metric-card span,.mini-card p,.detail-card p,.detail-card small,.row-subtitle,.empty-state,.notice p,.list-row p{color:var(--text-muted)}.metric-card strong{display:block;font-size:1.45rem;margin:var(--space-2) 0}.panel-copy{margin:0 0 var(--space-4);color:var(--text-muted);line-height:1.6}.form-hint{margin:calc(var(--space-1) * -1) 0 var(--space-4);color:var(--text-dim);font-size:.86rem;line-height:1.5}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.setup-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:#080c14b8;color:var(--text)}.card-grid.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.table-shell{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.ops-table{width:100%;border-collapse:collapse;min-width:760px}.ops-table th,.ops-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;vertical-align:top}.ops-table th{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;background:#ffffff05}.clickable-row{cursor:pointer}.clickable-row:hover{background:#5f8fff0f}.list-stack{display:grid;gap:var(--space-3)}.list-row,.status-incident{border:1px solid var(--border);border-radius:var(--radius-md);background:#060a12a8;padding:var(--space-4)}.status-incident-head{display:flex;justify-content:space-between;gap:var(--space-4)}.ticket-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;color:var(--text-dim);font-size:.88rem}.ticket-meta span{padding:.2rem .45rem;border-radius:999px;background:#ffffff0a}.ghost-button,.primary-button{min-height:2.55rem;padding:.65rem .95rem;border-radius:.85rem;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer}.primary-button{border-color:#5f8fff73;background:#5f8fff24}.ghost-button:hover,.primary-button:hover{background:#5f8fff2e}.ghost-button.danger{border-color:#ef6b7359;color:#ffb9c0}.status-badge,.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border-radius:999px;border:1px solid transparent;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.status-green,.badge{background:#4ade801f;color:#bbf7d0;border-color:#4ade8038}.status-amber,.badge-muted{background:#f5c75b1f;color:#fde68a;border-color:#f5c75b38}.status-red{background:#ef6b731f;color:#fecdd3;border-color:#ef6b7338}.status-grey{background:#94a3b81f;color:#cbd5e1;border-color:#94a3b838}.traffic-light{display:inline-flex;align-items:center;gap:.45rem;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;color:var(--text-muted)}.traffic-light span{width:.6rem;height:.6rem;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px #ffffff08}.traffic-green span{background:var(--green)}.traffic-amber span{background:var(--amber)}.traffic-red span{background:var(--red)}.traffic-grey span{background:var(--grey)}.notice{border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--space-4);background:#0f1624cc}.notice-degraded{border-color:#f5c75b38}.stack-form,.filter-bar{display:grid;gap:var(--space-3)}.filter-bar{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:var(--space-4)}.stack-form label,.filter-bar label{display:grid;gap:.35rem}.stack-form span,.filter-bar span{color:var(--text-muted);font-size:.88rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.key-value-list{margin:0;display:grid;gap:var(--space-3)}.key-value-list div{display:grid;gap:.15rem}.key-value-list dt{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.key-value-list dd{margin:0;color:var(--text);word-break:break-word}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:end;background:#00000080;z-index:50}.drawer-panel{width:min(100%,980px);height:100vh;overflow:auto;background:var(--bg-panel);border-left:1px solid var(--border);padding:var(--space-6)}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.drawer-body{display:grid;gap:var(--space-4)}.drawer-actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}.timeline{display:grid;gap:var(--space-3)}.timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:start;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md)}.timeline-dot{width:.75rem;height:.75rem;border-radius:999px;margin-top:.35rem;background:var(--accent)}.code-block{overflow:auto;padding:var(--space-3);border-radius:var(--radius-sm);background:#00000040;border:1px solid var(--border);color:#dce7f7;font-size:.84rem}.stack-links{display:grid;gap:var(--space-2)}.action-lock{display:grid;gap:.35rem}.empty-state{margin:0;padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);text-align:center}.panel-grid>.panel,.page>.panel{min-width:0}