/* /public/assets/app.css */
:root { --bg:#0b1320; --card:#121a2b; --muted:#8aa0c4; --line:#22314f; --ok:#22c55e; --err:#ef4444; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#fff}
a{color:#9ecbff;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:32px auto;padding:0 16px}
.nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.nav a{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.nav a.active{outline:2px solid #3b82f6}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:1fr 1fr 1fr}
label{display:grid;gap:6px;font-size:14px;color:#d4def1}
input,select,textarea,button{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0e1627;color:#fff}
input[type="date"]{color-scheme:dark}
button{cursor:pointer}
table{width:100%;border-collapse:collapse;margin-top:10px}
th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left}
th{color:#cbd7ee}
small.muted{color:var(--muted)}
.row{display:flex;gap:8px;flex-wrap:wrap}
.badge{padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#0e1627;color:#dbe7ff;font-size:12px}
.msg{margin:10px 0;padding:10px;border-radius:10px}
.msg.ok{background:#0e2b1b;border:1px solid #1b5e2b;color:#b7f3c6}
.msg.err{background:#2a1416;border:1px solid #5e1b1f;color:#fecdd3}
hr{border:none;border-top:1px solid var(--line);margin:16px 0}
footer{margin:24px 0;color:#9eb6de;font-size:13px}