/* /public/assets/style.css */
:root{
  --bg:#0f172a; --card:#111827; --muted:#9ca3af; --text:#e5e7eb; --accent:#22d3ee; --ok:#34d399; --warn:#f59e0b; --bad:#ef4444;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--accent);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:16px}
.card{background:linear-gradient(180deg,#111827,#0b1220);border:1px solid #1f2937;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3);padding:20px;margin:16px 0}
h1,h2,h3{margin:8px 0 12px}
label{display:block;margin:8px 0 4px;color:#cbd5e1}
input,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #334155;background:#0b1220;color:var(--text)}
button,.btn{display:inline-block;background:linear-gradient(90deg,#22d3ee,#06b6d4);border:none;padding:10px 16px;border-radius:12px;color:#0b1220;font-weight:700;cursor:pointer}
.btn-secondary{background:#1f2937;color:#e5e7eb;border:1px solid #334155}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.flash{padding:10px 12px;border-radius:10px;margin:12px 0}
.flash.success{background:#052e2b;border:1px solid #065f46}
.flash.error{background:#3c0d0d;border:1px solid #7f1d1d}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #1f2937}
thead th{position:sticky;top:0;background:#0b1220}
.tag{display:inline-block;padding:2px 8px;border:1px solid #334155;border-radius:999px;font-size:12px;color:#cbd5e1;margin-right:6px}
footer{opacity:.7;text-align:center;margin:24px 0 12px;font-size:12px}
.small{font-size:12px;color:#9ca3af}
.center{text-align:center}