.page{padding:24px;color:#e5e7eb}h1{font-size:28px;margin:0 0 16px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px}.cards,.grid-2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:14px;box-shadow:0 1px #ffffff0d inset}.card-title{font-weight:600;margin-bottom:8px;color:#cbd5e1}.kpi .kpi-title{font-size:12px;color:#9ca3af}.kpi .kpi-value{font-size:22px;font-weight:700;color:#f3f4f6}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{border-bottom:1px solid #1f2937;padding:8px;font-size:14px}.table th{color:#9ca3af;text-align:left}input,select,textarea{background:#0b1220;color:#e5e7eb;border:1px solid #1f2937;border-radius:8px;padding:8px}input:focus,select:focus,textarea:focus{outline:1px solid #2563eb}.row{display:flex;gap:8px}.grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.grid>textarea{grid-column:1 / -1}.actions{display:flex;gap:8px;margin-top:8px}button{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}button.danger{background:#ef4444}button:disabled{opacity:.6;cursor:default}.progress{position:relative;height:10px;background:#0b1220;border:1px solid #1f2937;border-radius:999px}.progress .bar{height:100%;border-radius:999px}.progress .pct{position:absolute;right:8px;top:-22px;font-size:12px;color:#9ca3af}body{background:#0b1221;color:#e5e7eb;font-family:sans-serif;margin:0}.container{max-width:1200px;margin:0 auto;padding:1rem}.nav{display:flex;gap:1rem;padding:1rem;background:rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.nav a{color:#9ca3af;text-decoration:none;padding:4px 8px;border-radius:6px}.nav a.active{color:#f3f4f6;background:rgba(255,255,255,.05)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-wrap .card{width:100%;max-width:400px}.error{background:#ff000020;color:#ff8f8f;padding:8px 12px;border-radius:8px}
