body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#07111f,#12051d);color:#f8fafc}
header{padding:24px 28px;border-bottom:1px solid #0f4f67;background:#050912}
h1{margin:0;font-size:30px}
main{padding:24px 28px}
.nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.btn,a.btn{display:inline-block;border:0;border-radius:7px;padding:12px 16px;background:linear-gradient(135deg,#2563eb,#9333ea);color:white;font-weight:900;text-decoration:none;cursor:pointer}
.green{background:linear-gradient(135deg,#22c55e,#a3e635);color:#061018}
.card{background:#101827;border:1px solid #0f4f67;border-radius:8px;padding:22px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
label{display:block;margin:0 0 6px;color:#94a3b8;font-weight:800}
input,select{width:100%;padding:12px;border-radius:7px;border:1px solid #0f4f67;background:#070b14;color:#f8fafc;font-size:16px}
table{width:100%;border-collapse:collapse;margin-top:14px}
th,td{border:1px solid rgba(148,163,184,.25);padding:10px;text-align:left;vertical-align:top}
th{background:#172036}
.small{color:#94a3b8;font-size:14px}
.msg{margin-top:12px;font-weight:800}
.hidden{display:none!important}
.section-spaced{margin-top:14px}
.small-tight{margin:6px 0 0}
.customer-picker{margin-bottom:14px}
.msg-success{color:#86efac}
.msg-error{color:#fca5a5}