:root{--bg:#0b0f19;--panel:#121826;--muted:#8ca0b3;--brand:#3b82f6;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:#fff}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:24px}.nav{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 24px;background:#0d1424;border-bottom:1px solid #1f2a44;position:-webkit-sticky;position:sticky;top:0}.btn{border:none;border-radius:8px;padding:10px 14px;background:#1c2540;color:#dbe7ff;cursor:pointer}.btn.primary{background:var(--brand);color:#fff}.btn.ok{background:var(--ok)}.btn.warn{background:var(--warn)}.btn.danger{background:var(--danger)}.grid{grid-gap:16px}.cards,.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px}.card{background:var(--panel);padding:16px;border-radius:12px;border:1px solid #1f2a44}.badge{padding:2px 8px;border-radius:999px;background:#1c2540;color:#b6c7e4;font-size:12px}.row{display:flex;gap:12px;align-items:center}input,select,textarea{background:#0f172a;color:#e5e7eb;border:1px solid #263655;border-radius:8px;padding:10px}label{font-size:12px;color:#b6c7e4}