:root{font:15px/1.5 Inter,Segoe UI,Arial,sans-serif;color:#172b42;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}header{background:#17375c;color:white;padding:19px max(24px,calc((100vw - 1220px)/2));display:flex;justify-content:space-between;align-items:center}.brand{font-size:24px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-weight:500;font-size:11px;letter-spacing:2px;color:#dbeafe}main{max-width:1220px;margin:30px auto;padding:0 20px}.panel{background:white;padding:26px;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 6px 28px #17375c0c;margin:20px 0}.login{max-width:560px;margin:70px auto;padding:40px}.login p{color:#64748b}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#3b82f6}h1{margin:5px 0;font-size:29px}h2{margin:0 0 15px;font-size:22px}p{margin:7px 0 16px}.muted{color:#64748b;font-size:13px}button,.file-button{background:#1e4776;color:white;border:1px solid #1e4776;border-radius:8px;padding:10px 17px;cursor:pointer;font-weight:650;font-size:14px}button:hover,.file-button:hover{filter:brightness(1.1)}button.secondary,.file-button{background:white;color:#1e4776;border-color:#cbd5e1}button.icon{border:0;background:#e2e8f0;color:#475569;padding:6px 12px}.topbar,.bar,.actions,.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.split{text-align:center;border-top:1px solid #eee;padding-top:20px;margin:25px 0 15px;color:#64748b}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:10px;font:inherit;background:white;color:#172b42}label{display:block;font-size:13px;font-weight:650;margin-bottom:12px}label input,label select,label textarea{display:block;margin-top:5px}b,.required{color:#dc2626}.tabs{margin-bottom:10px}nav{display:flex;gap:8px;border-bottom:1px solid #cbd5e1;padding-bottom:9px}nav button{background:#e2e8f0;color:#1e4776;border:0}nav button.current{background:#1e4776;color:white}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.stat strong{display:block;font-size:25px;color:#17375c}.stat span{font-size:12px;color:#64748b}.bar input{max-width:410px}.bar select{max-width:220px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:17px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e2e8f0;white-space:nowrap}th{font-size:12px;color:#64748b;background:#f8fafc}.badge{display:inline-block;padding:5px 9px;border-radius:30px;background:#eff6ff;color:#1d4ed8;font-size:12px}.thumb{width:42px;height:42px;object-fit:cover;border-radius:6px;background:#e2e8f0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}.grid>*{min-width:0}dialog{border:0;border-radius:14px;box-shadow:0 20px 80px #0004;width:min(900px,95vw);max-height:90vh;padding:24px}dialog::backdrop{background:#0f172a99}.accordion details{border:1px solid #e2e8f0;border-radius:9px;margin:10px 0;padding:12px}.accordion summary{cursor:pointer;font-weight:750;padding:6px}.accordion details>div:not(.grid){padding:10px}.actions{margin-top:20px;border-top:1px solid #e2e8f0;padding-top:17px}.file-button{display:inline-block}.remark{background:#f8fafc;border-left:3px solid #f59e0b;padding:12px;margin:8px 0}#toast{position:fixed;bottom:20px;right:20px;background:#172b42;color:white;padding:14px 20px;border-radius:8px;display:none;max-width:400px}#toast.visible{display:block}#bulk-preview{margin-top:20px;max-height:280px;overflow:auto}@media(max-width:650px){.grid{grid-template-columns:1fr}.login{margin-top:25px;padding:22px}.panel{padding:15px}h1{font-size:23px}}
