@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@layer base{:root{--bg:#0f1c33;--surface:#162135;--fg:#e0e6ed;--muted:#94a3b8;--border:#2a3b5a;--accent:#c9a84c;--success:#2ecc71;--warning:#f39c12;--danger:#e74c3c;--font-display:"Space Grotesk", sans-serif;--font-body:"Space Grotesk", sans-serif;--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;--space-12:3rem;--radius-sm:.25rem;--radius:.5rem;--radius-lg:.75rem;--radius-full:9999px}.dark{--bg:#0f1c33;--surface:#162135;--fg:#e0e6ed;--muted:#94a3b8;--border:#2a3b5a;--accent:#c9a84c}}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);min-height:100vh;margin:0}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.mr-2{margin-right:var(--space-2)}.ml-2{margin-left:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.btn{border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-family:var(--font-body);cursor:pointer;border:none;align-items:center;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#d4b55f}.btn-secondary{background-color:var(--border);color:var(--fg)}.btn-secondary:hover{background-color:#3a4d70}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-sm{padding:calc(var(--space-1) + 1px) var(--space-2);font-size:.875rem}.btn-icon{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.card{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:var(--space-4);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card:hover{border-color:var(--accent)}.input,.select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--fg);font-family:var(--font-body);background-color:#1a2b4a;width:100%}.input:focus,.select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c9a84c33}.label{margin-bottom:var(--space-1);color:var(--fg);font-weight:500;display:block}.badge{border-radius:var(--radius-full);text-transform:uppercase;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-green{color:var(--success);background-color:#2ecc7133}.badge-orange{color:var(--warning);background-color:#f39c1233}.badge-red{color:var(--danger);background-color:#e74c3c33}.table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--space-4) 0}.table th{text-align:left;padding:var(--space-3);border-bottom:2px solid var(--border);color:var(--fg);font-weight:600}.table td{padding:var(--space-3);border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:none}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-6);display:flex}.tab{padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--muted);font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.tab:hover{color:var(--fg)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}@media print{.no-print{display:none!important}body{color:#000;background:#fff}.card{box-shadow:none;border:1px solid #ccc}@page{margin:1cm}}@media (width<=768px){.container{padding:0 var(--space-2)}.tabs{flex-direction:column}.tab{padding:var(--space-3)}.table{display:block;overflow-x:auto}}