:root { --bg:#0b0f14; --card:#111827; --text:#e5e7eb; --muted:#9ca3af; --accent:#60a5fa; --danger:#ef4444; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--bg);color:var(--text)}
header{padding:18px 20px;border-bottom:1px solid #1f2937}
h1{margin:0;font-size:22px}
main{max-width:1000px;margin:0 auto;padding:20px}
.card{background:var(--card);border:1px solid #1f2937;border-radius:14px;padding:16px;margin-bottom:20px;box-shadow:0 4px 24px rgba(0,0,0,.2)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.row{display:flex;gap:10px;align-items:center;margin-bottom:10px}
label{width:160px;color:var(--muted)}
input[type=date],input[type=number]{flex:1;min-width:200px;padding:10px;border-radius:10px;border:1px solid #374151;background:#0f172a;color:var(--text)}
button{background:var(--accent);border:none;color:#04223f;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}
button.link{background:transparent;color:var(--accent);border:1px solid var(--accent)}
button.link.danger{color:var(--danger);border-color:var(--danger)}
#form-msg{margin-left:10px;color:var(--muted)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #1f2937}
th{text-align:left;color:var(--muted);font-weight:600}