:root{--bg-primary:#090d16;--bg-surface:#0f172a;--bg-card:rgba(30,41,59,0.7);--bg-card-hover:rgba(51,65,85,0.8);--border-color:rgba(255,255,255,0.12);--border-light:rgba(255,255,255,0.08);--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--brand-green:#22c55e;--brand-green-bg:rgba(34,197,94,0.12);--brand-green-border:rgba(34,197,94,0.35);--accent-blue:#38bdf8;--accent-blue-bg:rgba(56,189,248,0.12);--warning-amber:#f59e0b;--warning-amber-bg:rgba(245,158,11,0.12);--warning-amber-border:rgba(245,158,11,0.35);--danger-rose:#f43f5e;--danger-rose-bg:rgba(244,63,94,0.12);--danger-rose-border:rgba(244,63,94,0.35);--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}body{background-color:var(--bg-primary);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:.85rem 2rem;justify-content:space-between;position:sticky;top:0;z-index:50}.app-header,.brand-section{display:flex;align-items:center}.brand-section{gap:1rem}.brand-title{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:#fff;display:flex;align-items:center;gap:.5rem}.brand-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;border-radius:9999px;background:var(--brand-green-bg);color:var(--brand-green);border:1px solid var(--brand-green-border)}.nav-links{display:flex;gap:1.5rem;margin-left:2rem}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color .15s ease}.nav-link.active,.nav-link:hover{color:#fff;text-decoration:none}.header-user-section{display:flex;align-items:center;gap:1rem}.user-pill{display:flex;align-items:center;gap:.75rem;background:var(--bg-surface);border:1px solid var(--border-color);padding:.35rem .85rem;border-radius:9999px;font-size:.825rem}.role-tag{background:rgba(56,189,248,.2);color:var(--accent-blue);padding:.15rem .45rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.05em}.app-main{flex:1 1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}.app-footer{border-top:1px solid var(--border-color);padding:1.5rem 2rem;text-align:center;font-size:.8rem;color:var(--text-dim);background:rgba(15,23,42,.5)}.grid-cols-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.2)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1.05rem;font-weight:700;color:#fff}.card-subtitle{font-size:.8rem;color:var(--text-muted)}.kpi-card{display:flex;flex-direction:column;gap:.5rem}.kpi-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.kpi-value{font-size:2rem;font-weight:800;color:#fff;line-height:1}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.badge-success{background:var(--brand-green-bg);color:var(--brand-green);border:1px solid var(--brand-green-border)}.badge-warning{background:var(--warning-amber-bg);color:var(--warning-amber);border:1px solid var(--warning-amber-border)}.badge-danger{background:var(--danger-rose-bg);color:var(--danger-rose);border:1px solid var(--danger-rose-border)}.badge-neutral{background:rgba(148,163,184,.15);color:#cbd5e1;border:1px solid rgba(148,163,184,.25)}.badge-info{background:var(--accent-blue-bg);color:var(--accent-blue);border:1px solid rgba(56,189,248,.3)}.table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card)}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{background:rgba(30,41,59,.7);padding:.75rem 1rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:.725rem;letter-spacing:.05em}td{padding:.85rem 1rem;border-bottom:1px solid var(--border-light);color:#e2e8f0}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-card-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-primary{background:var(--brand-green);color:#064e3b}.btn-primary:hover{background:#059669;text-decoration:none}.btn-secondary{background:var(--bg-surface);color:#e2e8f0;border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);text-decoration:none}.btn-danger{background:var(--danger-rose);color:#fff}.btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--border-color)}.btn-outline:hover{background:rgba(255,255,255,.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}label{font-size:.825rem;font-weight:600;color:var(--text-muted)}input,select,textarea{background:rgba(15,23,42,.8);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.6rem .85rem;color:#fff;font-size:.9rem;outline:none;transition:border-color .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(56,189,248,.2)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;max-width:600px;width:100%;box-shadow:0 20px 25px -5px rgba(0,0,0,.5)}.workspace-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto}.workspace-tab{padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;background:transparent;border:none;border-bottom:2px solid transparent;white-space:nowrap}.workspace-tab.active{color:#fff;border-bottom-color:var(--brand-green)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.825rem;background:rgba(0,0,0,.3);padding:.15rem .35rem;border-radius:4px;border:1px solid var(--border-light);color:#38bdf8}