*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#17243a;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.top{background:#102a4b;color:white;padding:17px max(20px,calc((100vw - 1250px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.top strong{font-size:18px}.top nav{display:flex;flex-wrap:wrap;gap:15px}.top a{color:#dceafa;text-decoration:none;font-size:13px}main{max-width:1250px;margin:30px auto;padding:0 20px;min-height:70vh}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:28px;margin:0 0 22px}h2{font-size:19px;margin:0 0 15px}.panel,.card{background:white;border:1px solid #e1e7ef;border-radius:13px;padding:22px;box-shadow:0 3px 12px #152d4b0a;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{margin:0}.card span{display:block;color:#65758b;font-size:13px}.card strong{display:block;font-size:24px;margin-top:9px}.actions{display:flex;gap:10px;margin:22px 0;flex-wrap:wrap}.button,button{display:inline-block;background:#1765b4;color:white;border:0;border-radius:8px;padding:11px 17px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.secondary{background:#e7eef7;color:#12365e}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}label{display:block;font-weight:600;font-size:13px}input,select{width:100%;padding:11px;margin-top:6px;border:1px solid #ccd6e3;border-radius:8px;background:white;font:inherit}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8edf3}th{font-size:12px;text-transform:uppercase;color:#64748b;background:#f8fafc}td{font-size:14px}a{color:#155ba5}.invoicehead{display:flex;justify-content:space-between;gap:20px}.totals{text-align:right}.auth{max-width:440px;min-height:0;margin:9vh auto;background:white;border:1px solid #dde5ef;border-radius:14px;padding:32px}.auth form{display:grid;gap:15px}.error{color:#a1122a}.success{color:#176b35}.muted{color:#64748b;font-size:13px}footer{text-align:center;color:#6e7d91;padding:30px;font-size:12px}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.top{padding:15px}.card strong{font-size:20px}}@media print{@page{size:A4;margin:13mm}body{background:white;color:black;font-size:11px}.top,.print,.noprint,.actions,footer,button{display:none!important}main{margin:0;padding:0;max-width:none;min-height:0}.panel,.card{box-shadow:none;border:1px solid #ddd;break-inside:avoid;padding:10px}.cards{gap:7px}h1{font-size:19px}h2{font-size:15px}.scroll{overflow:visible}table{min-width:0}th,td{padding:5px;font-size:9px}}
/* SEMIN identity */
:root{--semin-wine:#761f2d;--semin-dark:#45121c}
.top{background:var(--semin-dark)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;max-width:330px}
.brand img{width:100px;height:50px;object-fit:contain;background:#fff;border-radius:5px;padding:4px}
.brand span{font-weight:700;font-size:14px;line-height:1.25}
.auth-logo{display:block;width:100%;max-width:290px;height:auto;max-height:145px;object-fit:contain;margin:0 auto 18px}
.auth h1{text-align:center;font-size:27px}.auth>p{text-align:center}
.button,button{background:var(--semin-wine)}.secondary{background:#f2e9eb;color:var(--semin-dark)}
a{color:var(--semin-wine)}.print-brand{display:none}
@media(max-width:600px){.brand img{width:82px;height:42px}.brand span{font-size:12px}.auth{margin:30px 14px;padding:25px}}
@media print{.print-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;border-bottom:1px solid #ddd;padding-bottom:8px}.print-brand img{width:150px;max-height:65px;object-fit:contain}.print-brand span{font-size:14px;font-weight:700}}
