:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#123456;background:#eaf5ff;font-synthesis:none;--bg: #eaf5ff;--panel: #edf7ff;--text: #123456;--muted: #5d7690;--blue: #1769aa;--blue2: #0e4f89;--border: rgba(37, 104, 158, .12);--shadow-hi: rgba(255,255,255,.92);--shadow-lo: rgba(80,133,174,.24);--danger: #a9293b;--success: #177443;--warning: #8c6507}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#f4faff,#dceefc);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--blue)}.shell{min-height:100vh;padding:24px}.center{min-height:calc(100vh - 48px);display:grid;place-items:center}.auth-card,.panel,.card,.topbar{background:var(--panel);border:1px solid var(--border);box-shadow:10px 10px 24px var(--shadow-lo),-10px -10px 24px var(--shadow-hi)}.auth-card{width:min(540px,100%);border-radius:30px;padding:32px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:26px}.logo{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(145deg,#1c79c0,#0d4e86);box-shadow:6px 6px 14px #31689547,-5px -5px 12px #fff}h1,h2,h3{color:#0b477b;margin-top:0}.brand h1{font-size:1.35rem;margin:0}.brand p{margin:4px 0 0;color:var(--muted);font-size:.92rem}.form-grid{display:grid;gap:15px}.field{display:grid;gap:7px}.field label{font-weight:700;font-size:.92rem}.input{width:100%;border:1px solid var(--border);background:#e8f3fc;border-radius:15px;padding:13px 14px;color:var(--text);outline:none;box-shadow:inset 3px 3px 8px #5384aa29,inset -3px -3px 8px #ffffffeb}.input:focus{border-color:#1769aa6b;box-shadow:inset 3px 3px 8px #5384aa29,inset -3px -3px 8px #ffffffeb,0 0 0 3px #1769aa17}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}.btn{border:0;border-radius:15px;padding:12px 17px;font-weight:800;color:#0f4d7e;background:#edf7ff;box-shadow:5px 5px 12px #5184ab3d,-5px -5px 12px #fff}.btn:hover{transform:translateY(-1px)}.btn:active{box-shadow:inset 3px 3px 8px #5384aa2e,inset -3px -3px 8px #fff;transform:none}.btn.primary{color:#fff;background:linear-gradient(145deg,#1c76b9,#10588f)}.btn.danger{color:#fff;background:linear-gradient(145deg,#c14a5d,#94273a)}.btn.success{color:#fff;background:linear-gradient(145deg,#2a9360,#176d45)}.btn.ghost{box-shadow:none;background:transparent}.btn[disabled]{opacity:.52;cursor:not-allowed;transform:none}.helper{color:var(--muted);font-size:.88rem;line-height:1.45}.notice{padding:12px 14px;border-radius:14px;margin:12px 0;font-weight:650;background:#e5f2ff;border:1px solid rgba(23,105,170,.14)}.notice.error{background:#fff0f2;color:#842437;border-color:#efb9c2}.notice.success{background:#eaf8f0;color:#1d6b43;border-color:#b8e2c9}.notice.warn{background:#fff9e8;color:#7c5a06;border-color:#eedb9f}.topbar{position:sticky;top:14px;z-index:5;border-radius:22px;padding:14px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar .logo{width:42px;height:42px;border-radius:14px;font-size:.84rem}.identity{min-width:0}.identity strong{display:block;color:#0b477b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity span{color:var(--muted);font-size:.84rem}.layout{max-width:1240px;margin:0 auto}.page-title{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin:22px 2px}.page-title p{margin:5px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border-radius:24px;padding:22px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.card h3{margin-bottom:8px}.card p{color:var(--muted);margin:0 0 18px;line-height:1.5}.icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#0e5c96;font-size:1.25rem;font-weight:900;margin-bottom:16px;box-shadow:inset 2px 2px 5px #5284aa1c,inset -2px -2px 6px #fff}.panel{border-radius:24px;padding:22px;margin-bottom:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto;border-radius:16px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(41,102,150,.12);vertical-align:middle}th{color:#0d4f83;font-size:.86rem}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800;background:#dceefe;color:#145786}.badge.pending{background:#fff2c8;color:#7d5a00}.badge.approved{background:#dff5e8;color:#176640}.badge.rejected{background:#ffe0e5;color:#92293a}.upload-zone{border:1px dashed rgba(23,105,170,.38);border-radius:18px;padding:22px;text-align:center;background:#ffffff38}.progress{width:100%;height:10px;background:#d8e9f6;border-radius:999px;overflow:hidden;margin:10px 0}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#1769aa,#52a8e4);transition:width .2s}.small{font-size:.82rem}hr{border:0;height:1px;background:#2966961f;margin:22px 0}.hidden{display:none!important}.empty{padding:28px;text-align:center;color:var(--muted)}.inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spacer{flex:1}.link-btn{border:0;background:none;color:var(--blue);font-weight:750;padding:4px}@media(max-width:880px){.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.shell{padding:14px}.topbar{top:8px}.auth-card{padding:24px;border-radius:24px}}@media(max-width:580px){.grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.topbar .actions{justify-content:flex-end}.card{min-height:155px}.shell{padding:10px}.auth-card{padding:20px}.page-title{margin:17px 2px}}