:root{--navy:#103440;--teal:#147f7b;--ink:#173b49;--muted:#6b8189;--line:#dae6e7;--bg:#f4f8f8;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbdcdf;background:white;border-radius:10px;min-height:44px}textarea{min-height:78px;resize:vertical}label{display:block;font-size:12px;font-weight:700;margin:12px 0 6px;color:#4b6973}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--teal);color:white;padding:11px 16px;border-radius:10px;font-weight:750;min-height:42px}.btn.ghost{background:#eaf5f5;color:#176770}.btn.danger{background:#a13c3f}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.small{padding:7px 10px;min-height:32px;font-size:12px}.btn.full{width:100%}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.hero{background:linear-gradient(145deg,#0f3342,#116d71);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:9vw 7vw}.hero h1{font-size:clamp(30px,4vw,54px);line-height:1.1;margin:0}.hero p{max-width:470px;color:#c7e5e4}.login-right{display:grid;place-items:center;padding:25px}.login-panel{width:min(430px,100%);background:#fff;border:1px solid var(--line);padding:32px;border-radius:20px;box-shadow:0 10px 32px #12354012}.login-panel h2{font-size:25px;margin:0 0 8px}.eyebrow{font-size:11px;letter-spacing:2px;color:#078781;font-weight:800;text-transform:uppercase}.muted{color:var(--muted)}.small{font-size:12px}.notice{background:#eaf6f5;padding:12px;border-radius:10px;font-size:12px;color:#255a62;margin:15px 0}.error-panel{max-width:720px;margin:70px auto;padding:25px;border:1px solid #f4d5d5;border-radius:16px;background:#fff6f6}.shell{display:flex;min-height:100dvh}.side{width:245px;background:var(--navy);color:#e5f5f5;padding:23px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh}.brand{display:flex;gap:11px;align-items:center;font-size:18px;font-weight:800;padding:5px 7px 26px}.brandmark{width:40px;height:40px;border-radius:12px;background:#d8f4f0;color:#0d5a5c;display:grid;place-items:center;font-size:23px}.nav{border:0;background:transparent;color:#cde0e1;padding:13px 12px;text-align:left;border-radius:10px;font-weight:650}.nav.active,.nav:hover{background:#265664;color:white}.side-foot{margin-top:auto;font-size:12px;padding:12px 7px;border-top:1px solid #41626b}.side-foot .btn{margin-top:8px}.page{min-width:0;flex:1}.top{background:#fff;border-bottom:1px solid var(--line);min-height:72px;padding:15px 3%;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:3}.content{max-width:1330px;padding:30px 3% 80px;margin:auto}h1{font-size:30px;line-height:1.2;margin:5px 0 9px}h2{font-size:18px;margin:0 0 8px}.subtitle{margin:0 0 25px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:23px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:0 4px 14px #112d3810}.stat b{font-size:31px;display:block;margin-top:8px}.stat span{font-size:12px;color:var(--muted)}.stat.primary{background:linear-gradient(125deg,#134e58,#177d7c);color:white;border:0}.stat.primary span{color:#d4efed}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{margin-bottom:17px}.panel .sub{color:var(--muted);font-size:12px;margin:0 0 20px}.scroll{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:#7d939c;font-size:11px;padding:11px 9px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 9px;border-bottom:1px solid #edf1f2;vertical-align:middle}.table td.wrap{min-width:180px}.badge{display:inline-block;padding:5px 9px;border-radius:30px;background:#e8edf0;font-size:11px;font-weight:700;white-space:nowrap}.badge.pending{background:#fff0cd;color:#875d03}.badge.approved{background:#dff5eb;color:#157041}.badge.rejected,.badge.cancelled{background:#fde9e8;color:#a0463e}.badge.withdrawn{background:#eceef0;color:#6d7c86}.actions{display:flex;gap:6px;flex-wrap:wrap}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:19px}.note{font-size:12px;padding:11px;border-radius:9px;background:#f0f6f7;color:#4b6f78}.foot-note{font-size:12px;color:var(--muted);margin-top:18px}.loader{padding:70px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:20px;right:20px;z-index:100;max-width:min(450px,calc(100vw - 40px));padding:14px 18px;background:#103d46;color:#fff;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translateY(0)}#toast.bad{background:#9d3638}.mobile-nav{display:none}.right{margin-left:auto}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.side{width:205px}}@media(max-width:700px){.login{grid-template-columns:1fr}.hero{padding:30px 25px}.hero h1{font-size:30px}.hero p{font-size:13px}.login-right{padding:15px}.login-panel{padding:21px}.side{display:none}.mobile-nav{display:flex;gap:5px;overflow:auto;background:var(--navy);padding:9px;position:sticky;top:0;z-index:4}.mobile-nav .nav{white-space:nowrap;padding:10px 12px;font-size:12px}.top{min-height:55px}.content{padding:25px 15px 75px}h1{font-size:24px}.stat{padding:15px}.stat b{font-size:24px}.field-grid{grid-template-columns:1fr}}