*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font:14px Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dfe7ff,transparent 38%),#f5f7fb}.login-card{width:min(100%,410px);background:#fff;padding:36px;border:1px solid #e8ebf2;border-radius:20px;box-shadow:0 20px 70px #29375b12}.brand-mark{width:48px;height:48px;border-radius:15px;background:#4263eb;color:white;display:grid;place-items:center;font-weight:800;margin-bottom:22px}.brand-mark.small{width:34px;height:34px;margin:0}.login-card h1{font-size:26px;margin:0 0 6px}.muted,.login-card .muted{color:#7a8498}.login-card>label{display:block;font-weight:600;margin-top:20px}.login-card input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #dfe3ec;border-radius:9px}.primary,.secondary,.logout{border:0;border-radius:9px;padding:11px 15px;font-weight:700}.primary{background:#4263eb;color:white}.primary:hover{background:#3453d4}.full{width:100%;margin-top:24px}.hint{font-size:12px;color:#7a8498;line-height:1.6;margin-top:18px}.error{color:#dc5353;min-height:18px;margin:12px 0 0}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#17233e;color:white;padding:25px 15px;display:flex;flex-direction:column;z-index:5}.side-brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px;font-weight:700}.sidebar nav{display:grid;gap:6px}.nav-btn{border:0;background:transparent;color:#b8c2d8;text-align:left;padding:13px 14px;border-radius:9px;font-weight:600}.nav-btn:hover,.nav-btn.active{background:#2a3858;color:white}.side-bottom{margin-top:auto;border-top:1px solid #ffffff20;padding:18px 10px 0;display:grid;gap:12px;color:#c5cee0;font-size:12px}.logout{background:#ffffff12;color:white;text-align:left}.main{margin-left:240px;padding:0 34px 40px;max-width:1800px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebf2;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#8993a8;font-weight:700;margin:0 0 5px}.topbar h1{font-size:24px;margin:0}.user-pill{display:flex;align-items:center;gap:10px}.user-pill b,.user-pill small{display:block}.user-pill small{font-size:11px;color:#7a8498;margin-top:3px;text-transform:capitalize}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8edff;color:#4263eb;font-weight:800}.welcome{background:linear-gradient(110deg,#3f5ee8,#6b7cf3);border-radius:17px;padding:28px 30px;color:white;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.welcome h2{font-size:23px;margin:8px 0}.welcome p{margin:0;color:#e2e7ff}.welcome .light{color:#d6deff}.welcome-icon{font-size:65px;opacity:.35;margin-right:15px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card,.card{background:white;border:1px solid #e8ebf2;border-radius:14px;padding:20px;min-width:0}.stat-card p{color:#737e94;margin:14px 0 7px}.stat-card strong{font-size:27px;display:block}.stat-card small{display:block;color:#9aa3b4;font-size:11px;margin-top:7px}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;font-weight:700}.blue{background:#eaf0ff;color:#4263eb}.green{background:#e1f7ee;color:#15966a}.orange{background:#fff1dc;color:#d97706}.purple{background:#f0e9ff;color:#8056d9}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card-heading,.section-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.card-heading h3,.card h3{font-size:15px;margin:0 0 6px}.card-heading p,.section-intro p{margin:0;color:#7a8498;font-size:12px}.text-btn{background:transparent;border:0;color:#4263eb;font-size:12px;font-weight:700;white-space:nowrap}.page{padding-bottom:20px}.section-intro{margin:4px 0 20px}.section-intro h2{font-size:21px;margin:0 0 6px}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input{width:100%}input,select{background:white;border:1px solid #dfe4ed;border-radius:8px;padding:11px 12px;color:#172033;min-width:0}label{font-size:12px;color:#626d82;font-weight:700;display:grid;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.span-all{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.secondary{background:#eef1f8;color:#36415a}.table-holder{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:550px}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid #edf0f5;white-space:nowrap;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8b95a7;background:#fafbfe}td{color:#48536a}tbody tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700}.badge.Present,.badge.Paid,.badge.Active{background:#e0f7ed;color:#12825b}.badge.Absent,.badge.Unpaid,.badge.Inactive{background:#ffebeb;color:#c24141}.badge.Late,.badge.Half-day{background:#fff1d9;color:#a16207}.badge.Leave{background:#eaf0ff;color:#4263eb}.table-action{border:0;background:#eef1ff;color:#4263eb;border-radius:6px;padding:7px 9px;font-size:11px;font-weight:700}.notice{background:#fff8e7;border:1px solid #f3d99a;color:#805a08;border-radius:12px;padding:16px 18px;margin-bottom:20px}.notice p{margin:6px 0 0;font-size:12px;line-height:1.6}.inline-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.inline-form input{flex:1}.backup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.backup-grid .card p{color:#7a8498;font-size:12px;line-height:1.6;min-height:38px}.backup-grid .secondary{width:100%;font-size:12px}.toast{position:fixed;right:25px;bottom:25px;background:#17233e;color:white;padding:13px 18px;border-radius:10px;box-shadow:0 10px 35px #0002;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:10}.toast.show{opacity:1;transform:translateY(0)}.empty{padding:25px;text-align:center;color:#929bad}@media(max-width:1150px){.main{padding:0 22px 30px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:12px;display:block}.side-brand{padding:0 8px 12px}.sidebar nav{display:flex;overflow-x:auto}.nav-btn{white-space:nowrap;padding:10px}.side-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 8px 0}.main{margin-left:0;padding:0 14px 28px}.topbar{height:75px;margin-bottom:18px}.topbar h1{font-size:20px}.user-pill{gap:6px}.user-pill small{display:none}.welcome{padding:22px}.welcome h2{font-size:19px}.welcome-icon{display:none}.stats{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:23px}.stat-card small{line-height:1.4}.form-grid{grid-template-columns:1fr}.span-all{grid-column:auto}.backup-grid{grid-template-columns:1fr}.section-intro{align-items:flex-start}.section-intro h2{font-size:18px}.login-card{padding:27px}.inline-form{display:grid}.card{padding:15px}}