:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#172033;background:#f5f7fb;line-height:1.45}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.muted{color:#7b879b;font-size:13px}.error{color:#c0392b;min-height:20px;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e9f5ff,#f8fbff)}.login-card{width:min(410px,calc(100% - 32px));background:#fff;padding:34px;border-radius:18px;box-shadow:0 18px 50px #16385b18}.login-card h1{font-size:22px;margin:16px 0 6px}.brand-mark{width:42px;height:42px;border-radius:12px;background:#1488d1;color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800}.brand-mark.small{width:30px;height:30px;border-radius:9px;font-size:18px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#536178;margin-top:16px}input,select,textarea{border:1px solid #d9e1ec;border-radius:9px;padding:10px 11px;font:inherit;background:#fff;color:#172033;min-width:0}textarea{resize:vertical}button{border:0;border-radius:9px;padding:10px 14px;font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:#1687cf;color:#fff}.secondary{background:#eef3f8;color:#36506d}.ghost{background:transparent;color:#a9bdd0;width:100%;text-align:left}.compact{align-self:end}.login-card button.primary{width:100%;margin-top:22px}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;background:#11283b;color:#d9e8f4;display:flex;flex-direction:column;padding:22px 14px;flex-shrink:0}.brand{font-size:18px;font-weight:700;display:flex;gap:10px;align-items:center;padding:0 10px 24px}.sidebar nav{display:grid;gap:6px}.nav-item{background:transparent;color:#b7c9d8;text-align:left;padding:11px 12px}.nav-item.active,.nav-item:hover{background:#1c4866;color:#fff}.sidebar-bottom{margin-top:auto}.user-chip{padding:12px;color:#d9e8f4;font-size:13px;border-top:1px solid #28465e;margin-bottom:4px}.content{flex:1;min-width:0;padding:26px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h2{margin:0 0 3px;font-size:26px}.filter-card,.summary-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.filter-card,.table-card,.form-card{background:#fff;border:1px solid #e3eaf2;border-radius:14px;padding:16px;box-shadow:0 5px 20px #1e3a5a08}.filter-card{align-items:end}.summary-grid{margin:16px 0}.summary-card{background:#fff;border:1px solid #e3eaf2;border-radius:14px;padding:16px}.summary-card strong{display:block;font-size:22px;margin-top:6px}.table-status{min-height:20px;margin-bottom:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1050px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf1f5;font-size:13px;white-space:nowrap}th{color:#728098;background:#fbfcfe;font-weight:600}.status{padding:4px 8px;border-radius:99px;background:#eef3f8;font-size:12px}.status.approved{background:#e6f7ed;color:#237a45}.status.pending{background:#fff5d8;color:#9b6b00}.status.rejected{background:#fdecec;color:#af3333}.row-action{padding:6px 9px;background:#eef3f8;color:#36506d;font-size:12px;white-space:nowrap}.row-action:hover{background:#dce8f2}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h3,.form-card h3{margin:0}.form-card{margin-top:16px;max-width:760px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{margin-top:0}.wide-field{grid-column:1/-1}.inline-check{display:flex;flex-direction:row;align-items:center;gap:8px}.inline-check input{margin:0}.form-actions{display:flex;gap:8px;margin-top:20px}.records-heading{margin-top:18px;margin-bottom:12px}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.actions-cell{display:flex;gap:5px;align-items:center}.negative{color:#b42318}.dashboard-grid{margin-bottom:18px}.dashboard-card{background:#fff;border:1px solid #e3eaf2;border-radius:14px;padding:18px;min-height:112px}.dashboard-card strong{display:block;font-size:26px;margin:8px 0 2px}.dashboard-card small{color:#8a96a8}.dashboard-note{margin-top:16px}.input-with-button{display:flex;gap:6px}.input-with-button input{flex:1}.check-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.check-row label{margin-top:12px}.disabled-field{opacity:.5}.disabled-field input,.disabled-field select{pointer-events:none}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#0e243766;z-index:20}.modal-card{width:min(820px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:16px;padding:22px;box-shadow:0 24px 80px #10243d40}.confirm-card{width:min(420px,100%)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-heading h3{margin:0}.icon-button{background:#eef3f8;color:#40546c;font-size:22px;line-height:1;padding:5px 10px}.modal .form-grid{margin-top:5px}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.detail-item{border:1px solid #edf1f5;border-radius:10px;padding:10px;min-height:56px}.detail-item strong{display:block;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:500}.detail-item:last-child{grid-column:1/-1}@media(max-width:900px){.content{padding:20px 16px}.filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{width:68px;padding:14px 8px}.brand span:not(.brand-mark),.nav-item{font-size:0}.nav-item{text-align:center}.nav-item:before{content:"•";font-size:22px}.sidebar-bottom{display:none}.content{padding:18px 12px}.topbar h2{font-size:22px}.form-grid,.detail-grid{grid-template-columns:1fr}.wide-field,.detail-item:last-child{grid-column:auto}.records-heading{align-items:flex-start;gap:12px;flex-direction:column}.heading-actions{width:100%}.heading-actions button{flex:1}.modal-card{padding:16px}.table-card{padding:10px}}