*{box-sizing:border-box}body{margin:0;background:#eef1f5;font-family:Arial,sans-serif;color:#222}.top{background:#182230;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;font-weight:700}.wrap{max-width:1400px;margin:22px auto;padding:0 18px}.grid{display:grid;grid-template-columns:300px 1fr;gap:20px}.panel,.paper{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0001}.panel{padding:16px}.panel h3{margin-top:0}.btn{border:0;border-radius:6px;padding:9px 13px;cursor:pointer;font-weight:600}.primary{background:#1769aa;color:white}.success{background:#198754;color:white}.danger{background:#b42318;color:white}.muted{background:#e9edf2}.row{display:flex;gap:8px;margin:8px 0}.row>*{flex:1}.search{width:100%;padding:10px;border:1px solid #ccd3db;border-radius:6px}.list{margin-top:12px;max-height:620px;overflow:auto}.item{padding:10px;border-bottom:1px solid #e5e7eb;cursor:pointer}.item:hover{background:#f4f7fa}.paper{padding:28px;min-height:900px}.header{border-bottom:2px solid #222;padding-bottom:12px;margin-bottom:18px}
.brand-row{display:grid;grid-template-columns:180px 1fr 220px;gap:18px;align-items:center;margin-bottom:10px}
.brand-logo img{max-width:165px;height:auto;display:block}
.brand-info{font-size:13px;line-height:1.35}
.brand-info .company{font-size:17px;margin-bottom:2px}
.brand-sign{text-align:center}
.brand-sign img{width:185px;max-height:72px;object-fit:contain;display:block;margin:0 auto -4px}
.sign-name{font-size:10px;font-weight:700}
.headergrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.company{font-weight:bold}.title{text-align:center;font-size:19px;font-weight:bold;margin:18px 0}.section{font-weight:bold;font-size:14px;background:#e8edf2;padding:7px;margin:14px 0 8px}.field{display:grid;grid-template-columns:220px 1fr;gap:8px;align-items:start;margin:5px 0}.field label{font-weight:bold}.yellow{background:#fff3a6}.red{background:#ffd5d5}.input{border:1px solid #cbd5df;border-radius:4px;padding:6px;width:100%;font-family:inherit}.area{min-height:90px}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.note{font-size:12px;color:#667085}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid #d8dee6;padding:7px;text-align:left}.badge{font-size:11px;padding:3px 7px;border-radius:10px;background:#e9edf2}.footer-sign{margin-top:35px;text-align:center;display:flex;flex-direction:column;align-items:center}.footer-signature{width:250px;height:105px;object-fit:contain;display:block;margin:0 auto -6px}.footer-name{line-height:1.15}.print-only{display:none}
@media(max-width:900px){.grid{grid-template-columns:1fr}.field{grid-template-columns:1fr}.headergrid{grid-template-columns:1fr}.brand-row{grid-template-columns:1fr;text-align:center}.brand-logo img,.brand-sign img{margin-left:auto;margin-right:auto}}
@media print{body{background:#fff}.top,.panel,.tools,.no-print{display:none!important}.wrap{margin:0;padding:0}.grid{display:block}.paper{box-shadow:none;padding:0;border-radius:0}.print-only{display:block}@page{size:A4;margin:12mm}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#eef1f5}.login-card{width:min(420px,100%);background:#fff;border-radius:12px;box-shadow:0 8px 30px #0002;padding:34px}.login-logo{display:block;max-width:210px;max-height:100px;object-fit:contain;margin:0 auto 16px}.login-card h1{text-align:center;margin:8px 0 4px;font-size:24px}.login-subtitle{text-align:center;color:#667085;margin:0 0 22px}.login-card form{display:flex;flex-direction:column;gap:8px}.login-card label{font-weight:700;margin-top:6px}.login-btn{margin-top:10px;width:100%;padding:11px}.login-error{background:#fde8e8;color:#b42318;border:1px solid #f5c2c2;border-radius:6px;padding:10px;margin-bottom:14px}.login-help{text-align:center;color:#667085;font-size:12px;margin-top:18px}.top-user{display:flex;align-items:center;gap:12px}.logout-link{color:#fff;text-decoration:none;border:1px solid #ffffff55;border-radius:5px;padding:6px 9px}.logout-link:hover{background:#ffffff18}
@media print{.top-user{display:none!important}}

.admin-wrap{max-width:900px;margin:35px auto;padding:0 18px}.admin-card{background:#fff;border-radius:12px;box-shadow:0 2px 14px #0001;padding:30px}.admin-head{display:flex;align-items:center;gap:24px;border-bottom:1px solid #e5e7eb;padding-bottom:22px;margin-bottom:24px}.admin-head img{width:150px;max-height:90px;object-fit:contain}.admin-head h1{margin:0 0 7px;font-size:26px}.admin-head p{margin:0;color:#667085}.admin-form{max-width:650px}.admin-form h2{margin:0 0 18px;font-size:20px}.admin-form label{display:block;font-weight:700;margin:14px 0 6px}.admin-form small{display:block;color:#667085;font-size:12px;margin-top:4px}.admin-form .input{padding:10px}.admin-actions{display:flex;gap:10px;margin-top:24px}.admin-actions a{text-decoration:none;display:inline-block}.admin-success{background:#e7f6ec;color:#166534;border:1px solid #b7e0c2;border-radius:6px;padding:10px;margin-bottom:16px}.admin-note{margin-top:26px;padding:13px;background:#f5f7fa;border-left:4px solid #1769aa;color:#475467;font-size:13px;line-height:1.45}@media(max-width:700px){.admin-head{flex-direction:column;text-align:center}.admin-head img{margin:auto}.admin-card{padding:20px}}