*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #020204;--bg-1: #0a0a0f;--bg-2: #111118;--bg-3: #1a1a24;--border: #1e1e2a;--border-2: #2a2a3a;--text: #e8e8f0;--text-2: #9090a8;--text-3: #5a5a72;--flowbyte: #4f9cf9;--ekospaxes: #f97b4f;--both: #a78bfa;--rcs: #f5c518;--rca: #4f9cf9;--rcb: #9090a8;--pending: #f5c518;--progress: #4f9cf9;--completed: #22c55e;--failed: #ef4444;--locked: #9090a8;--critical: #ef4444;--high: #f97b4f;--medium: #f5c518;--low: #4f9cf9;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 220px;--topbar-h: 52px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2)}h1{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--text)}h2{font-size:17px;font-weight:600;color:var(--text)}h3{font-size:14px;font-weight:500;color:var(--text)}p{color:var(--text-2);font-size:13px}.app-layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;height:100vh;overflow:hidden}.sidebar{grid-row:1 / -1;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar-logo{padding:16px 18px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-logo-mark{width:26px;height:26px;background:var(--text);display:flex;align-items:center;justify-content:center}.sidebar-logo-mark span{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--bg);line-height:1}.sidebar-logo-text{display:flex;flex-direction:column;gap:1px}.sidebar-logo-text strong{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--text);text-transform:uppercase}.sidebar-logo-text span{font-size:10px;font-family:var(--font-mono);color:var(--text-3)}.sidebar-section{padding:18px 0 4px}.sidebar-section-label{padding:0 18px 6px;font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 18px;font-size:13px;font-weight:400;color:var(--text-2);text-decoration:none;cursor:pointer;position:relative;transition:color .15s,background .15s;border:none;background:none;width:100%;text-align:left}.nav-item:hover,.nav-item.active{color:var(--text);background:var(--bg-2)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--text)}.nav-icon{width:14px;height:14px;flex-shrink:0;opacity:.7}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:12px 18px}.sidebar-user{display:flex;align-items:center;gap:10px}.sidebar-avatar{width:28px;height:28px;background:var(--bg-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text);flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:10px;font-family:var(--font-mono);color:var(--text-3)}.topbar{background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}.topbar-title{font-size:14px;font-weight:500;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:12px}.main-content{overflow-y:auto;padding:28px 32px;background:var(--bg)}.page-header{margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-header-left{display:flex;flex-direction:column;gap:4px}.page-eyebrow{font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}.card{background:var(--bg-1);border:1px solid var(--border);padding:20px}.card-accent{border-left:2px solid var(--flowbyte)}.card-grid{display:grid;gap:12px}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--bg-1);border:1px solid var(--border);padding:18px 20px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:10px;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.stat-value{font-size:28px;font-weight:600;color:var(--text);line-height:1}.stat-sub{font-size:11px;color:var(--text-3)}.stat-accent-line{width:24px;height:2px;background:var(--flowbyte);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,background .15s;white-space:nowrap}.btn:hover{opacity:.85}.btn:active{opacity:.7}.btn-primary{background:var(--text);color:var(--bg)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-2)}.btn-ghost:hover{color:var(--text);border-color:var(--border-2);background:var(--bg-2)}.btn-danger{background:#ef4444;color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-family:var(--font-mono);font-weight:500;letter-spacing:.04em;white-space:nowrap}.badge-rcs{background:#f5c5181f;color:var(--rcs)}.badge-rca{background:#4f9cf91f;color:var(--rca)}.badge-rcb{background:#9090a81f;color:var(--rcb)}.badge-flowbyte{background:#4f9cf91f;color:var(--flowbyte)}.badge-ekospaxes{background:#f97b4f1f;color:var(--ekospaxes)}.badge-both{background:#a78bfa1f;color:var(--both)}.badge-pending{background:#f5c5181f;color:var(--pending)}.badge-progress{background:#4f9cf91f;color:var(--progress)}.badge-completed{background:#22c55e1f;color:var(--completed)}.badge-failed{background:#ef44441f;color:var(--failed)}.badge-locked{background:#9090a81f;color:var(--locked)}.badge-critical{background:#ef44441f;color:var(--critical)}.badge-high{background:#f97b4f1f;color:var(--high)}.badge-medium{background:#f5c5181f;color:var(--medium)}.badge-low{background:#4f9cf91f;color:var(--low)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{padding:8px 14px;text-align:left;font-size:10px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-3);text-transform:uppercase;border-bottom:1px solid var(--border);font-weight:400;white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:hover{background:var(--bg-2)}tbody tr:last-child{border-bottom:none}tbody td{padding:11px 14px;color:var(--text-2);vertical-align:middle}tbody td.td-primary{color:var(--text);font-weight:500}tbody td.td-mono{font-family:var(--font-mono);font-size:11px}input,textarea,select{background:var(--bg-2);border:1px solid var(--border-2);color:var(--text);font-family:var(--font-body);font-size:13px;padding:8px 12px;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--text-3)}input::placeholder,textarea::placeholder{color:var(--text-3)}label{font-size:11px;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:6px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020204cc;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-1);border:1px solid var(--border-2);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:10px;text-align:center}.empty-state-title{font-size:15px;font-weight:500;color:var(--text-2)}.empty-state-sub{font-size:12px;color:var(--text-3)}.divider{height:1px;background:var(--border)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-mono{font-family:var(--font-mono)}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-muted{color:var(--text-3)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.login-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:.4}.login-card{background:var(--bg-1);border:1px solid var(--border-2);width:100%;max-width:360px;padding:36px 32px;position:relative;z-index:1}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}.login-logo-mark{width:32px;height:32px;background:var(--text);display:flex;align-items:center;justify-content:center}.login-logo-mark span{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--bg)}.login-tagline{font-size:10px;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.login-title{font-size:20px;font-weight:600;margin-bottom:4px}.login-sub{font-size:12px;color:var(--text-3);margin-bottom:28px}.error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-left:2px solid var(--failed);color:#ef4444;padding:8px 12px;font-size:12px;margin-bottom:16px}.dashboard-welcome{padding:20px 24px;background:var(--bg-1);border:1px solid var(--border);border-left:2px solid var(--text);margin-bottom:24px}.welcome-greeting{font-size:20px;font-weight:600}.welcome-sub{font-size:12px;color:var(--text-3);margin-top:2px;font-family:var(--font-mono)}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-dot{width:6px;height:6px;flex-shrink:0;background:var(--text-3);margin-top:5px}.activity-text{font-size:12px;color:var(--text-2)}.activity-time{font-size:11px;color:var(--text-3);font-family:var(--font-mono);margin-top:2px}