*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#1e293b;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{background:#1e3a8a;border:0;border-radius:4px;color:#fff;cursor:pointer;padding:8px 11px;transition:background .2s}button:hover{background:#1a3378}.danger{background:#dc2626}.danger:hover{background:#b91c1c}@media print{.no-print{display:none!important}}.top-nav{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding:10px 18px}.top-nav h1,.top-nav p{margin:0}.top-nav h1{font-size:18px;color:#1e3a8a}.top-nav p{color:#64748b;font-size:12px}.top-nav nav{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.top-nav a{border-radius:4px;color:#475569;font-size:13px;padding:7px 8px;text-decoration:none}.top-nav a.active,.top-nav a:hover{background:#e8edf5;color:#1e3a8a}.profile{align-items:center;display:flex;font-size:13px;gap:8px;white-space:nowrap}.notice{background:#1e3a8a;border-radius:4px;color:#fff;cursor:pointer;margin:10px auto 0;max-width:1100px;padding:9px 12px}.page{margin:0 auto;max-width:1100px;padding:16px}.page-title{margin-bottom:10px}.page-title h2{font-size:20px;margin:0;color:#1e293b}.page-title p{color:#64748b;font-size:13px;margin:3px 0 0}.cards-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:12px}.card span{color:#64748b;display:block;font-size:13px}.card strong{display:block;font-size:22px;margin-top:6px;color:#1e293b}.form-grid{background:#fff;border:1px solid #e2e8f0;border-radius:4px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr) auto;margin-bottom:10px;padding:10px}.form-grid.three{grid-template-columns:repeat(3,1fr) auto}.form-grid.four{grid-template-columns:repeat(4,1fr) auto}input,select{border:1px solid #cbd5e1;border-radius:4px;min-width:0;padding:8px}input:focus,select:focus{border-color:#1e3a8a;outline:1px solid #c5d1e8}.table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:4px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #e2e8f0;padding:8px 9px;text-align:left;white-space:nowrap}th{background:#f1f5f9;color:#475569;font-size:13px}tr:hover{background:#f8fafc}.actions{display:flex;gap:5px}.actions button{padding:5px 8px}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:15px}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;max-width:340px;padding:20px;width:100%}.auth-card h1{font-size:20px;margin:0 0 14px;text-align:center;color:#1e3a8a}.auth-form{display:grid;gap:9px}.auth-links{display:flex;justify-content:center;margin-top:2px}.auth-links a{color:#1e3a8a;text-decoration:none}.auth-links a:hover{text-decoration:underline}.form-error{background:#fef2f2;border-radius:4px;color:#dc2626;margin:0;padding:8px}.report-filters{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:14px;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.report-summary{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.report-stat{background:#e8edf5;border-radius:4px;padding:12px}.report-stat span{color:#1e3a8a;font-size:13px;display:block}.report-stat strong{display:block;font-size:20px;margin-top:4px;color:#1e3a8a}@media (max-width: 950px){.top-nav{align-items:flex-start;flex-direction:column}.cards-grid,.form-grid,.form-grid.three,.form-grid.four,.report-summary{grid-template-columns:1fr 1fr}}@media (max-width: 620px){.page{padding:12px}.cards-grid,.form-grid,.form-grid.three,.form-grid.four,.report-summary{grid-template-columns:1fr}}
