*{box-sizing:border-box}
body{font-family:Arial,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;background:#f6f7fb;color:#1f2937}
.container{max-width:1040px;margin:30px auto;padding:20px;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
h1,h2{margin:0 0 16px}
label{display:block;margin:.5rem 0 .25rem}
input[type=text],input[type=password],input[type=date],select,textarea{width:100%;padding:.7rem .9rem;border:1px solid #e5e7eb;border-radius:10px;outline:none}
button{padding:.6rem 1rem;border:0;border-radius:10px;background:#111827;color:#fff;cursor:pointer}
button.secondary{background:#6b7280}
.table{width:100%;border-collapse:collapse;margin-top:12px}
.table th,.table td{padding:.6rem;border-bottom:1px solid #e5e7eb;text-align:left}
.nav{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.nav a{display:inline-block;padding:.6rem .8rem;border-radius:10px;background:#111827;color:#fff;text-decoration:none}
.badge{display:inline-block;padding:.2rem .5rem;border-radius:8px;background:#eef2ff;color:#3730a3;font-size:12px}
.alert{padding:.7rem 1rem;border-radius:10px;background:#fef3c7;color:#92400e;margin-bottom:12px}
.login-card{max-width:420px;margin:12vh auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.footer{margin-top:24px;color:#6b7280;font-size:12px;text-align:center}
.preview{border:1px dashed #e5e7eb;padding:8px;border-radius:8px;background:#fafafa}
.proforma-box{border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:12px;background:#fbfbfd}
@media print{ body{background:#fff} .container{box-shadow:none} }