[hidden]{display:none!important}:root{--b:#0759c7;--d:#063572;--g:#20a44b;--bg:#f6f8fc;--line:#dfe5ef;--text:#172033}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;color:var(--text);background:var(--bg)}.login{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:linear-gradient(135deg,var(--d),#0873d9)}.loginCard{width:min(410px,92vw);background:#fff;padding:32px;border-radius:20px;box-shadow:0 20px 60px #001b5366}.logo{font-size:29px;font-weight:900;font-style:italic;color:#fff}.logo small{font-size:7px;display:block;letter-spacing:.3px}.login .logo{color:var(--b)}label{display:block;font-weight:600;margin:15px 0}input,select,textarea{width:100%;padding:13px;border:1px solid #cbd4e1;border-radius:10px;margin-top:7px;font:inherit}textarea{min-height:85px}button{border:0;border-radius:10px;padding:12px 17px;background:linear-gradient(110deg,#064db6,#0873dc);color:#fff;font-weight:700;cursor:pointer}.outline{background:transparent;border:1px solid #ffffff77;margin-left:12px}header{height:78px;background:linear-gradient(120deg,var(--d),var(--b));display:flex;align-items:center;justify-content:space-between;color:#fff;padding:0 max(20px,calc((100% - 760px)/2));position:sticky;top:0;z-index:4}main{max-width:760px;margin:auto;padding:28px 16px 100px}.muted{color:#687386}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.metric,.panel,.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 15px #1c2d500b}.metric{padding:18px;border-left:5px solid var(--b)}.metric:nth-child(2){border-left-color:var(--g)}.metric b{font-size:30px}.wide{width:100%;font-size:17px}.card{padding:15px;margin:10px 0}.badge{float:right;padding:4px 9px;border-radius:12px;color:#fff;font-size:11px}.Pending{background:#1672d4}.Approved,.Logged{background:var(--g)}.Declined{background:#cf3c3c}.panel{padding:20px}.steps{height:5px;background:linear-gradient(90deg,var(--b) 33%,#dfe3ea 33%);margin:15px 0 25px}.calHead{display:flex;justify-content:space-between;align-items:center}.calHead button{background:#edf4ff;color:var(--b)}.dow,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.dow{font-size:11px;color:#727d90;margin:12px 0}.day{background:transparent;color:var(--text);padding:10px 2px}.day.sel{background:var(--b);color:#fff}.day.mark{background:#20a44b!important;color:#fff!important;border-radius:9px!important;font-weight:800!important;box-shadow:0 2px 8px #16833a55!important}.day:disabled{color:#bbb}.note{padding:10px;background:#edf5ff;color:var(--b);border-radius:9px}.check{display:flex;gap:8px}.check input{width:auto}nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center}nav button{width:min(125px,16.6%);background:#fff;color:#657083;border-radius:0;font-size:20px}nav span{display:block;font-size:10px}nav button.active{color:var(--b)}@media(min-width:760px){.metrics{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){header{height:68px;padding:0 14px}#who{display:none}main{padding-top:20px}.day{padding:9px 0}}

.bookingDates{line-height:1.7}.auditBooking{margin-top:10px;padding:10px;background:#f2f7ff;border-left:4px solid var(--b);border-radius:8px}.upcoming{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:10px;background:#fff3cd;color:#7a5800;font-size:10px;font-weight:800}