:root{font-family:system-ui,Segoe UI,sans-serif;color:#24232b;background:#f7f6f9}*{box-sizing:border-box}body{margin:0}a{color:#8e1838;text-decoration:none}header{background:#67152c;color:white;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}header a{color:white}nav{display:flex;flex-wrap:wrap;gap:8px;background:#fff;padding:14px 20px;border-bottom:1px solid #eee}nav a{padding:9px 12px;border-radius:7px}nav a.active,nav a:hover{background:#f7e8ed}main.content{max-width:1200px;margin:auto;padding:24px}h1{font-size:1.6rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.card,.panel{background:white;padding:20px;border-radius:12px;border:1px solid #e8e4e8;box-shadow:0 2px 8px #00000005}.card strong{font-size:1.5rem;display:block;margin-top:8px}.panel{margin-top:20px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}th{background:#faf7f9}input,select,textarea{width:100%;padding:10px;border:1px solid #cfc9ce;border-radius:7px;margin:5px 0 12px}label{display:block;font-weight:600}button,.btn{border:0;border-radius:7px;padding:11px 18px;background:#801a3b;color:white;cursor:pointer;display:inline-block}button:hover{background:#5c1229}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.login{max-width:430px;margin:8vh auto;background:white;border-radius:14px;padding:30px;box-shadow:0 10px 40px #0001}.error{color:#a60028}.notice{background:#fff6dc;padding:12px;border-radius:7px}.muted{color:#716d76;font-size:.9rem}@media(max-width:600px){main.content{padding:12px}header{padding:14px}nav{padding:10px}table{font-size:.85rem}}

.print-tools {display:flex;justify-content:flex-end;margin-bottom:12px}
.table-scroll {overflow-x:auto}
.actions {white-space:nowrap}
.actions form {display:inline-block;margin:0 0 0 8px}
.actions a {margin-right:8px}
button.danger {background:#9e2636;padding:7px 11px}
@media print {
 @page {size:A4 landscape;margin:12mm}
 body {background:white!important;color:black!important;font-size:10pt}
 header,nav,form,.print-tools,.no-print,button,.muted {display:none!important}
 main.content {margin:0!important;padding:0!important;max-width:none!important;width:100%!important}
 .panel,.card {box-shadow:none!important;break-inside:avoid}
 table {width:100%;border-collapse:collapse;font-size:8pt}
 th,td {border:1px solid #bbb;padding:5px;overflow-wrap:anywhere}
 h1:after {content:" — SEMIN ERP";font-size:11pt;color:#555}
}

.marketing-nav{display:inline-block;padding:8px 12px;font-weight:700}