:root{--bg-dark: #070d19;--bg-card: #0c182b;--bg-card-hover: #11223b;--bg-card-subtle: #0f1f36;--bg-glass: rgba(12, 24, 43, .85);--border-subtle: #192d4a;--border-medium: #223f66;--border-active: #0284c7;--cyan-primary: #0ea5e9;--cyan-bright: #38bdf8;--cyan-glow: rgba(14, 165, 233, .25);--blue-deep: #0369a1;--blue-surface: #1e3a8a;--emerald-success: #10b981;--emerald-bg: rgba(16, 185, 129, .12);--amber-warning: #f59e0b;--amber-bg: rgba(245, 158, 11, .12);--rose-danger: #ef4444;--rose-bg: rgba(239, 68, 68, .12);--indigo-info: #6366f1;--indigo-bg: rgba(99, 102, 241, .12);--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--text-bright: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(14, 165, 233, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.font-mono,.num-metric{font-family:JetBrains Mono,monospace;font-feature-settings:"tnum" on,"zero" on}.app-container{display:flex;min-height:100vh;background-color:var(--bg-dark)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:all .3s ease}.page-wrapper{flex:1;padding:1.75rem 2rem;max-width:1600px;width:100%;margin:0 auto}@media (max-width: 768px){.page-wrapper{padding:1rem}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--cyan-primary)}.card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-medium)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--cyan-primary);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.card-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem}.grid-cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.grid-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.grid-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}@media (max-width: 1200px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit}.btn-primary{background-color:var(--cyan-primary);color:#04101e;box-shadow:0 0 15px #0ea5e959}.btn-primary:hover{background-color:var(--cyan-bright);box-shadow:0 0 20px #0ea5e980}.btn-secondary{background-color:var(--bg-card-subtle);border-color:var(--border-medium);color:var(--text-main)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--cyan-primary);color:var(--cyan-bright)}.btn-danger{background-color:var(--rose-bg);border-color:#ef444466;color:#fca5a5}.btn-danger:hover{background-color:var(--rose-danger);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.75rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge-emerald{background-color:var(--emerald-bg);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-amber{background-color:var(--amber-bg);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-rose{background-color:var(--rose-bg);color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-cyan{background-color:var(--cyan-glow);color:var(--cyan-bright);border:1px solid rgba(14,165,233,.4)}.badge-indigo{background-color:var(--indigo-bg);color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.form-group{margin-bottom:1.1rem}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem}.form-input,.form-select,.form-textarea{width:100%;padding:.6rem .85rem;background-color:var(--bg-dark);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-main);font-size:.875rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--cyan-primary);box-shadow:0 0 0 3px #0ea5e933}.form-hint{font-size:.75rem;color:var(--text-subtle);margin-top:.35rem}.form-error{font-size:.75rem;color:#f87171;margin-top:.35rem}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.table th{background-color:var(--bg-card-subtle);color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;border-bottom:1px solid var(--border-medium)}.table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-main);vertical-align:middle}.table tr:hover td{background-color:#0ea5e90a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a14cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);max-width:650px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg),var(--shadow-glow);animation:modalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.875rem}.alert-amber{background-color:var(--amber-bg);border:1px solid rgba(245,158,11,.4);color:#fde68a}.alert-rose{background-color:var(--rose-bg);border:1px solid rgba(239,68,68,.4);color:#fecaca}.alert-cyan{background-color:var(--cyan-glow);border:1px solid rgba(14,165,233,.4);color:#bae6fd}.alert-emerald{background-color:var(--emerald-bg);border:1px solid rgba(16,185,129,.4);color:#a7f3d0}
