:root{--navy: #0b1b3a;--navy2: #102b59;--blue: #1268d6;--blue2: #1f8fff;--cyan: #21a6df;--ink: #12203a;--muted: #6b7a90;--bg: #f4f7fb;--line: #e4eaf2;--white: #fff;--danger: #dc3c50;--success: #15845b;--warning: #c88914 }*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:258px;background:linear-gradient(180deg,#08162f,#0b1b3a);color:#fff;padding:18px 14px 16px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30;border-right:1px solid rgba(255,255,255,.06)}.side-brand{display:flex;align-items:center;gap:11px;padding:7px 8px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.brand-logo-box{width:39px;height:39px;background:#fff;border-radius:9px;overflow:hidden;display:grid;place-items:center;flex:none}.brand-logo-box img{width:100%;height:100%;object-fit:cover}.side-brand strong{display:block;font-size:17px;letter-spacing:1.8px}.side-brand small{display:block;color:#9fb2cf;font-size:8px;letter-spacing:1.2px;margin-top:2px}.role-chip{display:flex;align-items:center;gap:7px;font-size:11px;background:#1f8fff21;border:1px solid rgba(31,143,255,.25);padding:7px 10px;border-radius:8px;width:max-content;margin:0 4px 16px;color:#bcdcff}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a,.logout{color:#b8c6da;text-decoration:none;padding:11px 12px;border-radius:8px;display:flex;align-items:center;gap:11px;background:transparent;font-size:13px;transition:.18s}.sidebar nav a svg{opacity:.82}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(90deg,#1268d6,#1f8fff);color:#fff;box-shadow:0 7px 18px #1268d633}.logout{margin-top:auto;width:100%;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding-top:17px;color:#c8d2e1}.logout:hover{background:#ffffff0f;color:#fff}.main{margin-left:258px;width:calc(100% - 258px);min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.menu-btn{display:none;background:none;color:#334155}.top-user{min-width:0;display:flex;flex-direction:column;gap:2px}.top-title{font-size:12px;color:#8390a4}.top-user-name{font-size:14px}.icon-btn{position:relative;color:#334155;text-decoration:none;display:grid;place-items:center;padding:9px;border-radius:9px}.icon-btn:hover{background:#eef5fd;color:var(--blue)}.notification-count{position:absolute;right:0;top:0;background:#e33c58;color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:99px;display:grid;place-items:center}.mobile-overlay{display:none}.content{padding:28px;max-width:1550px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.page h1{margin:0 0 5px;font-size:27px;letter-spacing:-.3px}.page h2{margin-top:28px;font-size:19px}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card,.card,.info-card,.tab-card,.profile-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:0 7px 24px #112a4f0d}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue2),var(--cyan))}.stat-card span{color:#68778d;font-size:13px}.stat-card strong{display:block;font-size:30px;margin:10px 0 5px;color:var(--navy)}.stat-card small{color:#8491a4;font-size:11px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:8px;text-decoration:none;font-size:13px}.primary{background:linear-gradient(90deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 5px 14px #1268d62e}.primary:hover{filter:brightness(.96)}.full{width:100%;margin-top:5px}.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.secondary{background:#eef4fb;color:#21446f;border:1px solid #dce7f4}.secondary:hover{background:#e4eef9}.primary:disabled,.secondary:disabled,.small:disabled{opacity:.55;cursor:not-allowed}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.quick-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;text-decoration:none;color:var(--ink);transition:.18s}.quick-card:hover{transform:translateY(-2px);border-color:#bfd6ef;box-shadow:0 10px 24px #112a4f14}.quick-card>span{width:38px;height:38px;border-radius:9px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;flex:none}.quick-card b{font-size:13px;display:block}.quick-card small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:auto;margin-top:15px}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf1f6;font-size:14px;vertical-align:top}th{background:#f8fafc;color:#52627a;font-size:12px;position:sticky;top:0}tr:last-child td{border-bottom:0}.cell-sub{display:block;color:#7a879a;font-size:11px;margin-top:3px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;background:#e8edf4;text-transform:capitalize}.approved{background:#dcf5e9;color:#16724f}.rejected{background:#fee5e8;color:#a5283d}.pending_alternative,.pending_admin,.pending_superadmin,.cancellation_pending{background:#fff2d7;color:#986b13}.cancelled{background:#e5edff;color:#315aa8}.tabs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.tab-card h3{text-transform:capitalize;margin:0;color:var(--navy);font-size:15px}.mini-list div{padding:8px 0;border-bottom:1px solid #f1f4f8;font-size:12px}.two-col{display:grid;grid-template-columns:390px 1fr;gap:20px}.form-card{display:flex;flex-direction:column;gap:13px}.form-card h2{margin:0 0 5px;font-size:18px}.form-card label{font-weight:600;font-size:12px;display:flex;flex-direction:column;gap:7px}.form-card input,.form-card select,.form-card textarea,.login-card input{padding:11px 12px;border:1px solid #cfd9e6;border-radius:8px;outline:none;background:#fff;color:var(--ink)}.form-card textarea{min-height:90px;resize:vertical}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1268d61a}.form-card small{color:#718096;font-weight:400}.form-heading{display:flex;gap:12px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #eef2f6}.form-heading h2{margin:0 0 4px}.form-icon{width:38px;height:38px;border-radius:9px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;flex:none}.assigned-box{display:flex;gap:10px;align-items:center;background:#f2f7fd;border:1px solid #dce8f5;border-radius:9px;padding:11px;color:#315174}.assigned-box svg{color:var(--blue)}.assigned-box div{display:flex;flex-direction:column;gap:2px}.assigned-box span{font-size:12px;color:var(--muted)}.list-card{min-width:0}.list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.list-head h2{margin:0}.list-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.count-pill{min-width:30px;height:30px;border-radius:99px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:700}.user-list{display:flex;flex-direction:column}.user-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #eef2f7}.user-row:last-child{border-bottom:0}.person-info{display:flex;align-items:center;gap:11px;min-width:0}.person-info>div:last-child{display:flex;flex-direction:column;gap:3px}.person-info b{font-size:13px}.person-info span,.person-info small{font-size:11px;color:var(--muted)}.person-avatar{width:38px;height:38px;border-radius:10px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:800;flex:none}.small{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border-radius:7px;background:#eaf4ff;color:#1c63b3;margin:2px;font-size:11px;white-space:nowrap}.small:hover{filter:brightness(.97)}.danger{background:#fee7ea!important;color:#b52b40!important}.success{background:#dcf5e9;color:#16724f;padding:12px;border-radius:10px;margin-bottom:15px}.error{background:#fee7ea;color:#a5283d;padding:10px;border-radius:8px;font-size:13px}.info-card{margin-top:18px}.notification{background:#fff;border:1px solid #cfe0f2;border-left:4px solid var(--blue);padding:15px;border-radius:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.notification.read{opacity:.65;border-left-color:#aeb8c6}.notification p{margin:7px 0}.profile-card{max-width:760px;display:flex;gap:30px;align-items:flex-start}.avatar{width:130px;height:130px;border-radius:50%;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:44px;font-weight:800;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#eaf5ff 0,#f4f7fb 45%,#eef2f7);padding:20px}.login-card{background:#fff;width:min(440px,92vw);padding:34px;border-radius:18px;box-shadow:0 18px 55px #0b1b3a21;border:1px solid #e2e9f2}.login-brand{height:62px;margin-bottom:14px}.login-brand img{height:100%;max-width:205px;object-fit:contain;object-position:left center}.login-card h1{margin:8px 0 5px;color:var(--navy)}.login-card p{color:#64748b;margin-top:0}.login-card form{display:flex;flex-direction:column;gap:14px}.login-card label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:7px}.login-card small{display:block;color:#64748b;margin-top:18px;line-height:1.5}.brand-mark{width:55px;height:55px;border-radius:15px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center}.empty{text-align:center;color:#64748b;padding:30px}.loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:#64748b}.spin{animation:spin 1s linear infinite}.toast{position:fixed;right:24px;bottom:24px;background:#0b1b3a;color:#fff;padding:12px 16px;border-radius:10px;z-index:100;box-shadow:0 10px 30px #0003;max-width:min(420px,90vw);border-left:4px solid var(--blue2)}.action-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.inline-select{padding:7px;border:1px solid #cbd5e1;border-radius:7px;max-width:220px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.quick-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:.25s;box-shadow:10px 0 30px #0003}.sidebar.show{transform:translate(0)}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:25}.main{margin-left:0;width:100%}.menu-btn{display:inline-flex}.two-col,.tabs-grid{grid-template-columns:1fr}.content{padding:18px}.profile-card{flex-direction:column}.topbar{padding:0 18px}}@media(max-width:550px){.topbar{padding:0 12px}.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.stat-card strong{font-size:25px}.profile-card{padding:15px}.avatar{width:95px;height:95px;font-size:32px}.user-row{align-items:flex-start;flex-direction:column}.notification{flex-direction:column}.content{padding:14px}.page h1{font-size:23px}.table-wrap{margin-left:-2px;margin-right:-2px}.top-title{font-size:11px}}:root{--navy: #071a3d;--blue: #0b69d1;--blue2: #1785ef;--sky: #eaf4ff;--pink: #e91e63 }.sidebar{background:#071a3d}.side-brand{padding:8px 8px 18px}.brand-logo-box{width:42px;height:42px;background:transparent;border-radius:0}.brand-logo-box img{object-fit:contain}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(90deg,#0b69d1,#1785ef);box-shadow:0 8px 20px #0b69d138}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.profile-shortcut{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:9px;color:#fff;text-decoration:none;margin-bottom:4px}.profile-shortcut:hover,.profile-shortcut.active{background:#ffffff12}.profile-shortcut b{display:block;font-size:13px;color:#fff}.profile-shortcut small{display:block;color:#8ea1bd;font-size:11px;margin-top:2px}.mini-avatar{width:34px;height:34px;border-radius:50%;background:#e91e63;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;overflow:hidden;flex:none}.mini-avatar img{width:100%;height:100%;object-fit:cover}.logout{border-top:0;margin-top:2px;padding:11px 10px;color:#b9c7d9}.page-head{margin-bottom:20px}.page h1{font-size:25px;color:#0b1730}.primary{background:linear-gradient(90deg,#0b69d1,#1785ef);border-radius:9px}.secondary{background:#fff;color:#17406f;border-color:#d7e3f1}.add-user-card{margin-bottom:18px;scroll-margin-top:90px}.add-user-card>form{display:flex;flex-direction:column;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.form-actions{margin-top:2px}.form-actions .primary{min-width:145px}.profile-modern{background:#fff;border:1px solid #e0e7ef;border-radius:18px;box-shadow:0 10px 30px #112a4f12;padding:30px;max-width:920px}.profile-hero{display:flex;align-items:center;gap:24px}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(145deg,#e91e63,#c92c83);color:#fff;display:grid;place-items:center;font-size:38px;font-weight:800;overflow:hidden;flex:none}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-main{min-width:0}.profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-name-row h2{margin:0;font-size:25px;color:#0a1730}.profile-main p{margin:7px 0 14px;color:#8a97aa;font-size:13px}.role-badge{border:1px solid #f2b6ca;color:#e91e63;background:#fff8fb;border-radius:999px;padding:6px 11px;font-size:12px}.photo-link{display:inline-flex;align-items:center;gap:6px;color:#e91e63;font-size:13px;font-weight:600;cursor:pointer}.photo-link input{display:none}.profile-divider{height:1px;background:#edf1f5;margin:30px 0}.profile-modern>h3{font-size:17px;margin:0 0 22px;color:#101b2f}.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 80px}.profile-info-grid div{display:flex;flex-direction:column;gap:7px}.profile-info-grid span{font-size:13px;color:#6c7a8f}.profile-info-grid b{font-size:15px;color:#111827}.profile-edit{display:flex;align-items:end;gap:15px;margin-top:28px;padding-top:22px;border-top:1px solid #edf1f5}.profile-edit label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;flex:1}.profile-edit input{padding:11px 12px;border:1px solid #ccd8e7;border-radius:8px;outline:none}.profile-edit input:focus{border-color:#0b69d1;box-shadow:0 0 0 3px #0b69d11a}@media(max-width:700px){.form-grid,.profile-info-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start;flex-direction:column}.profile-modern{padding:20px}.profile-edit{align-items:stretch;flex-direction:column}.profile-edit .primary{width:100%}}:root{--navy: #06285f;--blue: #0b72d9;--blue2: #2389ee;--sky: #edf6ff;--ink: #0b1f3a;--muted: #6b7c93 }body{background:#f5f8fc;color:var(--ink)}.sidebar{background:linear-gradient(180deg,#06285f,#073b7d)}.side-brand-logo{padding:16px 12px 18px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;justify-content:center}.side-brand-logo img{width:100%;max-width:214px;height:auto;object-fit:contain;background:#fff;border-radius:12px;padding:8px 10px;display:block}.brand-logo-box,.side-brand{display:none!important}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(90deg,#0b72d9,#2389ee);box-shadow:0 8px 20px #0072d940}.primary{background:linear-gradient(90deg,#0b72d9,#2389ee);border-color:#0b72d9;color:#fff}.secondary{background:#fff;color:#16497e;border:1px solid #cfe0f2}.page{max-width:1180px}.page-head{margin-bottom:16px}.page h1{font-size:24px;color:#0a1d38}.card{border:1px solid #dce7f2;box-shadow:0 8px 24px #0e2f550f;border-radius:14px;background:#fff}.add-user-card{max-width:680px;padding:20px;margin:0 0 18px;scroll-margin-top:90px}.add-user-card .form-heading{padding-bottom:14px;margin-bottom:2px}.add-user-card .form-heading h2{font-size:20px}.add-user-card .form-grid{grid-template-columns:1fr;gap:12px}.add-user-card .form-card input,.add-user-card .form-card select{min-height:42px}.list-card{padding:18px}.user-row{padding:13px 0}.profile-shortcut{background:transparent!important;border:0;cursor:pointer;width:100%;text-align:left}.profile-shortcut.active{background:#ffffff17!important}.sidebar-bottom{padding-bottom:14px}.logout{width:100%;background:transparent;border:0;cursor:pointer;text-align:left}.login-page{background:linear-gradient(135deg,#eef6ff,#f8fbff)}.login-brand{display:none!important}.login-brand-text{font-size:25px;font-weight:800;color:#06285f;letter-spacing:.1px;margin-bottom:18px}.login-card h1{font-size:22px;margin:0 0 5px}.profile-modern{max-width:700px;padding:22px;border-radius:14px}.profile-hero{gap:16px}.profile-avatar-large{width:64px;height:64px;font-size:22px}.profile-name-row h2{font-size:20px}.profile-main p{margin:4px 0 8px}.profile-divider{margin:20px 0}.profile-modern>h3{margin-bottom:15px;font-size:16px}.profile-info-grid{gap:15px 45px}.profile-info-grid span{font-size:12px}.profile-info-grid b{font-size:14px}.profile-edit{margin-top:18px;padding-top:16px}.photo-link{font-size:12px}.topbar{background:#fff;border-bottom:1px solid #e1e9f2}.top-title{color:#06285f;font-weight:800}.quick-card span,.form-icon{background:#edf6ff;color:#0b72d9}.stat-card{border-color:#dce7f2}.badge.approved{background:#e8f8ef;color:#168052}.badge.pending_alternative,.badge.pending_admin,.badge.pending_superadmin,.badge.cancellation_pending{background:#fff5df;color:#a86b00}@media(max-width:700px){.add-user-card{max-width:100%;padding:16px}.profile-modern{max-width:100%;padding:18px}.profile-info-grid{grid-template-columns:1fr}.side-brand-text{font-size:16px}}.user-list{max-width:860px}.list-card{max-width:900px}.user-row{padding:10px 0;min-height:68px}.person-avatar{width:38px;height:38px;background:#edf6ff;color:#0b72d9;border:1px solid #d7e8f8}.person-info{gap:10px}.person-info b{color:#082653;font-size:14px}.person-info span,.person-info small{color:#6b7c93;font-size:12px}.user-row .button-row{gap:7px;justify-content:flex-end}.user-row .small{background:#edf6ff;color:#0b5fae;border-color:#d4e5f7;padding:7px 10px}.user-row .small:hover{background:#dceeff;border-color:#b9d5f1}.user-row .small.danger{background:#f0f6ff;color:#082653;border-color:#c8dcf2}.user-row .small.danger:hover{background:#e2effd}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03122b6b;display:grid;place-items:center;padding:20px;z-index:200}.password-modal{width:min(430px,94vw);padding:20px;border-radius:14px;box-shadow:0 20px 60px #031f4b40}.password-modal .form-heading{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #e5edf6}.password-modal form{display:flex;flex-direction:column;gap:14px}.password-modal label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#17365f}.password-modal input{padding:11px 12px;border:1px solid #cbdbea;border-radius:8px;outline:none}.password-modal input:focus{border-color:#0b72d9;box-shadow:0 0 0 3px #0b72d91a}@media(max-width:800px){.list-card,.user-list{max-width:100%}.user-row{gap:10px}.user-row .button-row{justify-content:flex-start;flex-wrap:wrap}}.top-left{display:flex;align-items:center;gap:14px;min-width:0}.top-actions{display:flex;align-items:center;gap:8px}.top-profile{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#06285f,#0b72d9);color:#fff;text-decoration:none;font-weight:800;font-size:12px;overflow:hidden;border:2px solid #e5effa}.notification-list{display:flex;flex-direction:column;gap:10px}.notification{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #dce7f2;border-radius:12px;padding:15px 16px;box-shadow:0 5px 16px #0e2f550d}.notification.read{opacity:.78}.notification-content{min-width:0}.notification-content b{color:#082653;font-size:13px}.notification-content p{margin:5px 0;color:#5f7189;font-size:12px;line-height:1.45}.notification-content small{color:#8a98aa;font-size:10px}.notification-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-item{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dce7f2;border-radius:12px;padding:13px 15px;box-shadow:0 5px 16px #0e2f550d}.activity-icon{width:36px;height:36px;flex:none;border-radius:9px;background:#edf6ff;color:#0b72d9;display:grid;place-items:center}.activity-body{flex:1;min-width:0}.activity-body b{display:block;color:#082653;font-size:13px}.activity-body p{margin:3px 0;color:#61738c;font-size:11px}.activity-body small{color:#8a98aa;font-size:10px}.activity-type{padding:5px 8px;border-radius:999px;background:#edf6ff;color:#0b5fae;font-size:9px;font-weight:700;text-transform:capitalize;white-space:nowrap}.user-list{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.list-card{max-width:none}.user-row{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px;background:#fff;border:1px solid #dce7f2;border-radius:11px;box-shadow:0 5px 14px #0e2f550d}.user-row .person-info{display:flex;align-items:center;gap:10px}.user-row .button-row{justify-content:flex-start;border-top:1px solid #edf2f7;padding-top:10px}.user-row .small{font-size:10px;padding:6px 8px}.user-row .person-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row .person-info>div:last-child{min-width:0}.user-list .person-avatar{width:40px;height:40px;flex:none}.user-list+*{margin-top:0}.form-card.add-user-card{max-width:680px}.small.secondary{background:#fff;color:#16497e;border:1px solid #cfe0f2}.small.secondary:hover{background:#eef6ff}@media(max-width:1100px){.user-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.user-list{grid-template-columns:1fr}.notification,.activity-item{align-items:flex-start;flex-direction:column}.notification-actions{justify-content:flex-start}.activity-type{align-self:flex-start}.top-title{font-size:13px}}.blue-role-badge{border-color:#b9d7f6;color:#0b69d1;background:#edf6ff}.blue-photo-link{color:#0b69d1}.photo-only-form{align-items:center}.selected-file{flex:1;color:#6b7c93;font-size:12px;padding:10px 12px;border:1px dashed #cbdbea;border-radius:8px;background:#f8fbff}.profile-avatar-large{background:linear-gradient(145deg,#06285f,#0b72d9)}@media(max-width:700px){.photo-only-form{align-items:stretch}.selected-file{width:100%}}.top-actions{display:flex;align-items:center;gap:10px}.top-icon-button{position:relative;width:38px;height:38px;border:1px solid #d6e4f4;border-radius:50%;background:#fff;color:#0b4f9c;display:grid;place-items:center;transition:.18s}.top-icon-button:hover{background:#edf6ff;border-color:#9fc7f3;color:#0758b0;transform:translateY(-1px)}.top-icon-button:focus-visible,.top-profile:focus-visible{outline:3px solid rgba(31,143,255,.25);outline-offset:2px}.top-icon-button .notification-count{right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;background:#e22f55;font-size:9px;font-weight:800;line-height:1}.top-profile{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#06285f,#0b72d9);color:#fff;text-decoration:none;font-weight:800;font-size:11px;overflow:hidden;border:2px solid #d8e8fa;box-shadow:0 2px 8px #06285f1f}@media(max-width:700px){.topbar{height:64px;padding:0 14px}.top-actions{gap:7px}.top-icon-button,.top-profile{width:35px;height:35px}.top-title{font-size:12px}.content{padding:18px 14px}}.user-form-backdrop{z-index:220;align-items:center;overflow:auto}.user-form-modal{width:min(680px,96vw);max-height:90vh;overflow:auto;margin:0;padding:20px}.user-form-modal .form-grid{grid-template-columns:1fr 1fr}.user-form-modal .form-actions{margin-top:4px}.checkbox-field{padding:12px 13px;border:1px solid #d7e5f2;border-radius:10px;background:#f8fbff;grid-column:1/-1}.checkbox-field span{display:flex;align-items:center;gap:8px;font-weight:700;color:#12345d}.checkbox-field input{width:16px;height:16px;accent-color:#0b72d9}.checkbox-field small{display:block;margin-top:6px;color:#6b7c93;line-height:1.45}.report-department{padding:18px;margin-top:16px}.report-head{margin-bottom:16px}.report-head h2{margin-bottom:4px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.report-grid>div{border:1px solid #e1eaf3;border-radius:11px;padding:14px;background:#fbfdff}.report-grid h3{font-size:14px;color:#082653;margin:0 0 10px}.report-people{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.report-people li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf2f7}.report-people li:last-child{border-bottom:0}.report-people b{font-size:12px;color:#17365f}.report-people span{font-size:11px;color:#7b899b}.report-table-wrap{margin-top:0}@media(max-width:700px){.user-form-modal{padding:16px}.user-form-modal .form-grid,.report-grid{grid-template-columns:1fr}.checkbox-field{grid-column:auto}.report-department{padding:14px}}.list-card,.user-row{background:transparent!important}.user-row{box-shadow:none!important}.user-form-modal .form-grid.one-by-one{grid-template-columns:1fr!important}.user-form-modal .form-grid.one-by-one>label{width:100%}.user-list .person-avatar{overflow:hidden}.user-list .person-avatar img{width:100%;height:100%;object-fit:cover}.user-leave-details{width:100%;border-top:1px solid #e6edf5;padding-top:10px}.user-leave-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#12345d;font-size:12px}.user-leave-head span{color:#718096;font-size:11px}.mini-leave-list{display:flex;flex-direction:column;gap:7px}.mini-leave-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px dashed #e4ebf3}.mini-leave-row:last-child{border-bottom:0}.mini-leave-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.mini-leave-row b{font-size:11px;color:#17365f}.mini-leave-row small{color:#718096;font-size:10px;overflow-wrap:anywhere}.mini-empty{display:block;font-size:11px;padding:3px 0}.leave-modal-backdrop{z-index:230}.leave-wizard{width:min(500px,94vw);padding:20px;position:relative;box-shadow:0 24px 70px #031f4b47}.leave-wizard .form-heading{margin-bottom:18px;position:relative;padding-right:38px}.wizard-close{position:absolute;right:0;top:0;width:34px;height:34px;border-radius:8px;background:#edf6ff;color:#0b72d9;display:grid;place-items:center}.wizard-progress{display:flex;align-items:center;gap:8px;margin:0 0 20px}.wizard-progress span{width:28px;height:28px;border-radius:50%;background:#e8eff7;color:#73849a;display:grid;place-items:center;font-size:11px;font-weight:800}.wizard-progress span.active{background:#0b72d9;color:#fff}.leave-wizard form{display:flex;flex-direction:column;gap:18px}.leave-wizard label{display:flex;flex-direction:column;gap:8px;color:#17365f;font-size:13px;font-weight:700}.leave-wizard input,.leave-wizard select,.leave-wizard textarea{width:100%;padding:12px 13px;border:1px solid #cbdbea;border-radius:9px;background:#fff;outline:none}.leave-wizard textarea{min-height:120px;resize:vertical}.leave-wizard input:focus,.leave-wizard select:focus,.leave-wizard textarea:focus{border-color:#0b72d9;box-shadow:0 0 0 3px #0b72d91a}.leave-wizard label small{color:#718096;font-weight:400}.wizard-actions{display:flex;justify-content:flex-end;gap:8px}.leave-rule{display:flex;flex-direction:column;gap:5px;margin-bottom:18px;background:transparent!important;box-shadow:none!important}.leave-rule b{color:#12345d;font-size:13px}.leave-rule span{color:#718096;font-size:12px}@media(max-width:700px){.leave-wizard{padding:16px}.wizard-actions{flex-direction:column-reverse}.wizard-actions button{width:100%}.mini-leave-row{flex-direction:column}}.separate-leave-card{margin-top:18px;background:transparent!important;box-shadow:none!important}.separate-leave-table{margin-top:12px;background:#ffffff9e}.separate-leave-table table{min-width:920px}.report-leave-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.report-leave-summary>div{padding:13px;border:1px solid #dfe8f2;border-radius:10px;background:#ffffffa6;display:flex;justify-content:space-between;align-items:center;gap:10px}.report-leave-summary span{font-size:11px;color:#6d7d93}.report-leave-summary b{font-size:18px;color:#082653}.extra-leave-available,.extra-leave-used{display:block;margin-top:8px;font-size:11px;font-weight:600}.extra-leave-available{color:#168052}.extra-leave-used{color:#a86b00}.mobile-bottom-nav{display:none}@media(max-width:700px){.sidebar{display:none}.main{margin-left:0;width:100%;padding-bottom:72px}.menu-btn{display:none}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:66px;background:#fffffff7;border-top:1px solid #dce6f1;display:flex;align-items:stretch;gap:2px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));overflow-x:auto;z-index:100;box-shadow:0 -8px 24px #0b1b3a14}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-nav-item{min-width:66px;flex:0 0 auto;text-decoration:none;color:#74839a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:9px;padding:5px 7px;font-size:9px;font-weight:600;white-space:nowrap}.mobile-nav-item svg{stroke-width:2}.mobile-nav-item.active{color:#0b72d9;background:#edf6ff}.topbar{height:58px;padding:0 12px}.top-title{font-size:11px}.top-actions{gap:6px}.content{padding:14px 12px 20px}.page h1{font-size:22px}.page-head{margin-bottom:18px;align-items:flex-start}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:24px}.report-leave-summary{grid-template-columns:1fr 1fr}.separate-leave-card{padding:13px}.user-list{grid-template-columns:1fr}.user-row{padding:13px}.user-row .button-row{justify-content:flex-start}.leave-wizard{width:min(94vw,430px);padding:16px}}.report-staff-section{padding:18px;margin-top:16px;background:transparent!important;box-shadow:none!important}.report-department-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e6edf5}.report-department-title h2{margin:0;color:#082653;font-size:20px;white-space:nowrap}.report-department-title p{margin:5px 0 0;color:#718096;font-size:12px}.report-staff-list{display:flex;flex-direction:column}.report-staff-block{padding:16px 0;border-bottom:1px solid #e8eef5}.report-staff-block:last-child{border-bottom:0}.report-staff-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.report-staff-heading h3{margin:0 0 4px;color:#102f56;font-size:15px;white-space:nowrap}.report-staff-heading span:not(.count-pill){color:#718096;font-size:11px}.report-person-leaves{display:flex;flex-direction:column;gap:8px}.report-person-leave{display:grid;grid-template-columns:115px minmax(130px,1fr) minmax(190px,1.5fr) 130px 150px;gap:10px;padding:11px 12px;border:1px solid #e0e9f2;border-radius:9px;background:#ffffffb8;align-items:start}.report-person-leave>div{min-width:0;display:flex;flex-direction:column;gap:4px}.report-person-leave span{color:#7a879a;font-size:10px;text-transform:uppercase;letter-spacing:.35px;font-weight:700}.report-person-leave b{color:#17365f;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.report-no-leave{padding:10px 12px;border-radius:8px;background:#ffffff8c;color:#7b899b;font-size:11px}.top-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:850px){.report-person-leave{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.report-staff-section{padding:12px}.report-department-title h2{font-size:18px}.report-staff-heading{align-items:flex-start}.report-staff-heading h3{white-space:normal}.report-person-leave{grid-template-columns:1fr;padding:10px}.top-title{max-width:calc(100vw - 110px);font-size:11px}}.topbar .top-left{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}.topbar .top-title{font-weight:800;color:#12345d;font-size:15px;text-align:center;line-height:1.2;white-space:nowrap;overflow:visible;text-overflow:clip}.top-actions{flex:none}@media(max-width:700px){.topbar{height:64px;padding:0 10px;position:sticky}.topbar .top-left{justify-content:center}.topbar .top-title{font-size:13px;letter-spacing:-.1px;white-space:nowrap}.topbar .menu-btn{display:none}.top-actions{position:absolute;right:10px;top:0;height:64px;display:flex;align-items:center}.top-left{padding-right:76px;padding-left:10px}.mobile-bottom-nav{height:auto;min-height:112px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:50px;align-content:center;gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));overflow:hidden}.mobile-nav-item{min-width:0;width:100%;height:50px;padding:4px 2px;gap:2px;border-radius:8px;font-size:8px;line-height:1;white-space:normal;text-align:center;justify-content:center}.mobile-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center}.main{padding-bottom:122px}}@media(max-width:380px){.topbar .top-title{font-size:12px}.top-left{padding-right:70px}.top-actions{right:7px}.mobile-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:48px;min-height:108px}.mobile-nav-item{height:48px;font-size:7.5px}}.report-staff-section{border:1px solid #dfe8f2;border-radius:14px}.report-department-title{background:#eef6ffb3;margin:-18px -18px 0;padding:15px 18px;border-radius:14px 14px 0 0}.report-department-title h2{text-align:left}.report-staff-heading{padding:10px 12px;border-radius:9px;background:#f8fafcbf}.report-person-leave{background:#fff}@media(max-width:700px){.report-department-title{margin:-12px -12px 0;padding:13px 12px}.report-staff-heading{padding:9px}.report-staff-heading span:not(.count-pill){white-space:normal;line-height:1.4}}.user-form-modal label select{min-height:42px}.wizard-field-stack{display:flex;flex-direction:column;gap:14px}.permission-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.permission-time-grid label{margin:0}.separate-leave-table table,.report-table-wrap table{min-width:980px}.separate-leave-table td,.report-table-wrap td{vertical-align:top}.cell-sub{display:block;margin-top:3px;font-size:10px;color:#718096}.report-fixed-section{overflow:hidden}.report-fixed-section .report-department-title{margin:-18px -18px 0}.report-fixed-section .table-wrap{margin-top:16px}@media(max-width:700px){.permission-time-grid{grid-template-columns:1fr}.separate-leave-table table,.report-table-wrap table{min-width:900px}.report-fixed-section .report-department-title{margin:-12px -12px 0}}.leave-form-modal{width:min(620px,94vw);max-height:90vh;overflow-y:auto;padding:22px}.leave-form-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid #e5edf6}.leave-form-heading h2{margin:0 0 4px;font-size:20px;color:#102a50}.leave-form-heading small{color:#667a94;font-size:12px}.leave-form-stack{display:flex;flex-direction:column;gap:14px}.leave-form-stack label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#17345b}.leave-form-stack input,.leave-form-stack select,.leave-form-stack textarea{width:100%;border:1px solid #cbdced;border-radius:9px;background:#fff;padding:11px 12px;outline:none;color:#152b4c}.leave-form-stack textarea{resize:vertical;min-height:96px}.leave-form-stack input:focus,.leave-form-stack select:focus,.leave-form-stack textarea:focus{border-color:#2389ee;box-shadow:0 0 0 3px #2389ee1a}.leave-form-stack label small{font-weight:400;color:#71839b;font-size:11px}.leave-form-actions{justify-content:flex-end;margin-top:2px}@media(max-width:900px){.sidebar{display:none}.main{margin-left:0;width:100%;padding-bottom:118px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fffffffa;border-top:1px solid #dce6f1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:52px;align-content:center;gap:4px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));overflow:hidden;box-shadow:0 -8px 24px #0b1b3a14;min-height:118px}.mobile-nav-item{min-width:0;width:100%;height:52px;text-decoration:none;color:#74839a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:9px;padding:4px 2px;font-size:9px;font-weight:600;line-height:1;white-space:normal;text-align:center}.mobile-nav-item svg{flex:none}.mobile-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center}.mobile-nav-item.active{color:#0b72d9;background:#edf6ff}.top-left{min-width:0;flex:1;justify-content:center}.top-title{white-space:nowrap}}@media(max-width:700px){.top-actions{display:none!important}.topbar{height:58px;padding:0 12px}.topbar .top-left{justify-content:center;padding:0}.topbar .top-title{font-size:13px;white-space:nowrap}.content{padding-bottom:18px}.main{padding-bottom:124px}.mobile-bottom-nav{min-height:118px;grid-auto-rows:52px}.leave-form-modal{width:min(94vw,560px);max-height:88vh;padding:16px}.leave-form-actions{flex-direction:row}.leave-form-actions button{width:auto;min-width:120px}}@media(max-width:380px){.mobile-bottom-nav{grid-auto-rows:50px;min-height:114px;padding-left:5px;padding-right:5px}.mobile-nav-item{height:50px;font-size:7.5px}.main{padding-bottom:120px}.topbar .top-title{font-size:12px}}.form-heading-close{position:relative;padding-right:46px}.form-heading-close .wizard-close{right:0;top:0}.permission-duration-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #cfe0f5;border-radius:9px;background:#f5f9fe;color:#526987;font-size:12px}.permission-duration-box strong{color:#0b72d9;font-size:13px}.leave-form-modal{position:relative}.leave-form-modal .leave-form-close{right:14px;top:14px;border:0;cursor:pointer;z-index:5;font-weight:700}.leave-form-heading{padding-right:48px}.leave-form-close:hover{background:#dceeff;color:#075da8}.leave-form-close:focus-visible{outline:2px solid #2389ee;outline-offset:2px}.login-card h1{text-align:center}.login-brand-text{text-align:center;white-space:normal;line-height:1.2}.salary-form-modal{width:min(620px,calc(100vw - 32px));max-height:90vh;overflow:auto}.salary-page-card{margin-top:18px}.salary-rate-note{margin-top:12px;padding:12px 14px;border:1px solid #cfe0f5;border-radius:10px;background:#f4f8fd;color:#526987;font-size:14px}.salary-form-modal .form-actions{justify-content:flex-end}.salary-page-card .table-wrap{overflow-x:auto}.report-filters{display:grid;grid-template-columns:minmax(0,1fr) 280px 220px;gap:16px;margin:0 0 18px;padding:16px 18px;background:#f5f9fe;border:1px solid #d8e5f4;border-radius:12px}.report-filters label{display:block;font-weight:600;color:#17375f}.report-filters input,.report-filters select{display:block;width:100%;height:44px;margin-top:7px;padding:0 12px;box-sizing:border-box;border:1px solid #cbd9eb;border-radius:9px;background:#fff;color:#183454;outline:none;font:inherit}.report-filters input:focus,.report-filters select:focus{border-color:#1684e8;box-shadow:0 0 0 2px #1684e814}.report-all-card{margin-top:0}.salary-filter{grid-template-columns:280px minmax(0,1fr)}.user-list-filters,.all-leaves-filters{grid-template-columns:minmax(0,1fr) 280px}@media(max-width:700px){.report-filters,.salary-filter{grid-template-columns:1fr}.report-filters{padding:14px}}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;align-items:stretch}.settings-main,.composition-settings-card{min-height:210px}.settings-section-head h2,.composition-card-content h2{margin:0;color:#092653;font-size:20px}.settings-section-head p,.composition-card-content p{margin:7px 0 0;color:#6b7c93;line-height:1.55;font-size:13px}.settings-info-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.settings-info-row>div{padding:14px;border:1px solid #dce7f2;background:#f7faff;border-radius:10px}.settings-info-row span{display:block;color:#75859a;font-size:11px;margin-bottom:5px}.settings-info-row b{color:#15365e;font-size:13px}.composition-settings-card{display:flex;gap:14px;align-items:flex-start;border:1px solid #cfe0f3}.composition-card-icon{width:44px;height:44px;border-radius:10px;background:#eaf4ff;color:#0877df;display:grid;place-items:center;flex:none}.composition-card-content{min-width:0}.composition-add-btn{margin-top:18px}.composition-records-card{margin-top:20px}.composition-leave-modal{width:min(820px,94vw);min-height:430px}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-info-row{grid-template-columns:1fr 1fr}}@media(max-width:550px){.settings-info-row{grid-template-columns:1fr}.composition-settings-card{padding:15px}.composition-add-btn{width:100%}}nn n.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}n.settings-option-card{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid #cfe0f3;min-height:210px;box-sizing:border-box}n.settings-option-icon{width:44px;height:44px;border-radius:10px;background:#eaf4ff;color:#0877df;display:grid;place-items:center;flex:none}n.settings-option-content{min-width:0}n.settings-option-content h2{margin:0;color:#092653;font-size:20px}n.settings-option-content p{margin:7px 0 16px;color:#6b7c93;line-height:1.55;font-size:13px}n.settings-option-content .primary{display:inline-flex;align-items:center;gap:7px}n.settings-current-values{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 15px}n.settings-current-values span{background:#f4f9ff;border:1px solid #d9e8f7;border-radius:8px;padding:8px 10px;color:#61738c;font-size:12px}n.settings-current-values b{color:#123a68}n.permission-leave-modal{width:min(820px,94vw);min-height:430px}n.top-profile{display:none!important}@media(max-width:900px){.settings-card-grid{grid-template-columns:1fr}}n .settings-card-grid{display:grid;grid-template-columns:1fr;gap:20px}.settings-full-card .settings-option-content{padding-right:190px}.composition-settings-card-new,.permission-settings-card-new{grid-column:1 / -1}@media(max-width:700px){.settings-full-card{min-height:170px;padding:18px}.settings-full-card .settings-option-content{padding-right:0;padding-top:48px}.settings-card-action,.settings-card-action-text{top:16px;right:16px}.top-profile{display:grid!important;width:35px;height:35px}}.settings-card-grid{grid-template-columns:1fr!important;gap:20px}.settings-full-card{width:100%;min-height:150px;position:relative;box-sizing:border-box;padding:24px;display:flex;align-items:flex-start;gap:16px}.settings-full-card .settings-option-content{padding-right:200px}.settings-card-action{position:absolute;top:20px;right:20px;white-space:nowrap}.settings-card-action-text{position:absolute;top:24px;right:20px}.top-profile{display:grid!important;width:38px;height:38px;border-radius:50%;place-items:center;background:linear-gradient(135deg,#06285f,#0b72d9);color:#fff;text-decoration:none;overflow:hidden;border:2px solid #d8e8fa;box-shadow:0 2px 8px #06285f1f}.top-profile.active{border-color:#0b72d9}.top-profile svg{stroke:#fff}.top-profile img{width:100%;height:100%;object-fit:cover}@media(max-width:700px){.settings-full-card{min-height:175px;padding:18px}.settings-full-card .settings-option-content{padding-right:0;padding-top:48px}.settings-card-action,.settings-card-action-text{top:16px;right:16px}.top-profile{display:grid!important;width:35px;height:35px}}.form-modal{background:#fff!important;border:1px solid #d7e3ef;border-radius:16px;box-shadow:0 24px 70px #031f4b47;box-sizing:border-box}.top-profile-initial{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;line-height:1}.top-profile img{display:block}.view-leave-button{background:#edf6ff!important;color:#0b69d1!important;border:1px solid #cfe2f6}.view-leave-button:hover{background:#dfefff!important}.leave-view-backdrop{z-index:260}.leave-view-modal{width:min(900px,95vw);max-height:92vh;overflow-y:auto;background:#fff;border:1px solid #d7e3ef;border-radius:16px;padding:22px;box-shadow:0 24px 70px #031f4b47}.leave-view-top{position:relative;padding-right:48px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid #e7eef6}.leave-view-top h2{margin:0;color:#082653;font-size:21px}.leave-view-top p{margin:5px 0 0;color:#718096;font-size:12px}.leave-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:17px 0}.leave-summary-grid>div{min-width:0;padding:13px 10px;background:#f7faff;border:1px solid #dce8f5;border-radius:10px;text-align:center}.leave-summary-grid span{display:block;color:#718096;font-size:10px;margin-bottom:6px}.leave-summary-grid b{color:#0a3768;font-size:20px}.leave-calendar-wrap{border:1px solid #dce7f2;border-radius:13px;padding:16px;background:#fff}.leave-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.leave-calendar-header strong{color:#082653;font-size:16px}.calendar-nav{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#edf6ff;color:#0b69d1}.calendar-nav:hover{background:#dfefff}.leave-calendar-weekdays,.leave-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.leave-calendar-weekdays span{text-align:center;color:#718096;font-size:10px;font-weight:700;padding:5px 0}.leave-calendar-day{min-height:44px;display:grid;place-items:center;border-radius:9px;color:#29435f;background:#f8fafc;border:1px solid #edf1f6}.leave-calendar-day span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:12px}.leave-calendar-day.empty-day{visibility:hidden;background:transparent;border:0}.leave-calendar-day.leave-day-marked{background:#fff2f3;border-color:#ffd4d9}.leave-calendar-day.leave-day-marked span{background:#e33c58;color:#fff;font-weight:800}.calendar-legend{display:flex;align-items:center;gap:7px;margin-top:13px;color:#718096;font-size:11px}.legend-dot{width:10px;height:10px;border-radius:50%;background:#e33c58;display:inline-block}@media(max-width:900px){.leave-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:550px){.leave-view-modal{padding:15px}.leave-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-calendar-wrap{padding:10px}.leave-calendar-weekdays,.leave-calendar-grid{gap:4px}.leave-calendar-day{min-height:38px}}.top-profile{display:grid!important;width:38px;height:38px;border-radius:50%;place-items:center;background:linear-gradient(135deg,#06285f,#0b72d9);color:#fff;text-decoration:none;font-weight:800;font-size:14px;overflow:hidden;border:2px solid #d8e8fa;box-shadow:0 2px 8px #06285f1f}.top-profile:hover{border-color:#8fc1f3;transform:translateY(-1px)}.top-profile-initial{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800}.top-profile img{width:100%;height:100%;object-fit:cover;display:block}.leave-view-top{position:relative;padding-right:52px}.leave-view-top .wizard-close{right:0;top:0}@media(max-width:700px){.top-profile{display:grid!important;width:35px;height:35px}.top-actions{gap:7px}}.top-profile-fallback,.profile-avatar-fallback{width:100%;height:100%;place-items:center;color:#fff;background:linear-gradient(135deg,#06285f,#0b72d9);font-weight:800;line-height:1}.profile-avatar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.profile-avatar-large{position:relative;overflow:hidden}.leave-summary-grid>div{transition:background .15s ease,border-color .15s ease}.leave-summary-total{background:#f7faff!important;border-color:#dce8f5!important}.leave-summary-casual,.leave-summary-od{background:#ecfdf3!important;border-color:#bde8cc!important}.leave-summary-casual span,.leave-summary-od span{color:#25804c!important}.leave-summary-casual b,.leave-summary-od b{color:#16724f!important}.leave-summary-extra,.leave-summary-permission{background:#fff0f2!important;border-color:#ffcbd3!important}.leave-summary-extra span,.leave-summary-permission span{color:#b52b40!important}.leave-summary-extra b,.leave-summary-permission b{color:#c51f3d!important}.leave-summary-composition{background:#fff8df!important;border-color:#f4df96!important}.leave-summary-composition span{color:#8a6a12!important}.leave-summary-composition b{color:#856515!important}.leave-calendar-day.leave-type-green{background:#ecfdf3;border-color:#bde8cc}.leave-calendar-day.leave-type-green span{background:#2da765;color:#fff;font-weight:800}.leave-calendar-day.leave-type-red{background:#fff0f2;border-color:#ffcbd3}.leave-calendar-day.leave-type-red span{background:#e33c58;color:#fff;font-weight:800}.leave-calendar-day.leave-type-yellow{background:#fff8df;border-color:#f4df96}.leave-calendar-day.leave-type-yellow span{background:#d4a62a;color:#fff;font-weight:800}.calendar-legend{flex-wrap:wrap;gap:10px 16px}.calendar-legend>span{display:inline-flex;align-items:center;gap:6px}.legend-dot{flex:none}.legend-green{background:#2da765}.legend-red{background:#e33c58}.legend-yellow{background:#d4a62a}.settings-full-card{min-height:150px;padding:22px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.settings-full-card .settings-option-content{padding:0;min-width:0}.settings-full-card .settings-option-content p{margin:7px 0 0}.settings-card-action,.settings-card-action-text{position:static;align-self:center}.settings-card-action{flex:none}@media(max-width:700px){.settings-full-card{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:18px}.settings-card-action,.settings-card-action-text{grid-column:2;justify-self:start;margin-top:4px}}.leave-action-table .view-leave-button{padding:6px 8px!important;font-size:10px!important;gap:4px!important;margin:0!important}.leave-action-table .view-leave-button svg{width:13px;height:13px}.leave-action-table th{font-size:13px}.leave-action-table td{font-size:14px}@media(max-width:700px){.leave-action-table td{font-size:13px}.leave-action-table .view-leave-button{padding:5px 7px!important;font-size:9px!important}}.settings-card-grid.settings-layout,.settings-card-grid{display:grid;grid-template-columns:1fr;gap:14px}.settings-full-card{min-height:0!important;height:auto;padding:16px 18px!important;display:flex!important;flex-direction:row;align-items:center!important;gap:14px;border:1px solid #d9e5f2!important;border-radius:14px!important;background:#fff;box-shadow:0 3px 12px #0f2d550d}.settings-full-card:hover{border-color:#c7dcf2!important;box-shadow:0 6px 18px #0f2d5514}.settings-full-card .settings-option-icon{width:42px;height:42px;border-radius:11px;background:#edf6ff;color:#0877df;flex:0 0 42px;display:flex;align-items:center;justify-content:center;align-self:center}.settings-full-card .settings-option-icon svg{display:block}.settings-full-card .settings-option-content{flex:1 1 auto;min-width:0;padding-right:0!important}.settings-full-card .settings-option-content h2{margin:0 0 4px;font-size:18px;line-height:1.25;color:#092653}.settings-full-card .settings-option-content p{margin:0;font-size:13px;line-height:1.45;color:#64758c}.settings-full-card .settings-current-values{display:inline-flex;align-items:center;gap:7px;margin:7px 0 0}.settings-full-card .settings-current-values span{padding:4px 8px;border-radius:7px;font-size:11px;background:#f5f9fe;border:1px solid #dce8f5}.settings-card-action,.settings-card-action-text{position:static!important;flex:0 0 auto}.settings-card-action{min-height:40px;padding:0 14px!important;border-radius:9px!important;font-size:13px;white-space:nowrap}.settings-card-action-text{max-width:190px;text-align:right;font-size:11px;line-height:1.35}.composition-records-card{margin-top:16px!important;border:1px solid #d9e5f2!important;border-radius:14px!important;box-shadow:0 3px 12px #0f2d550a;overflow:hidden}.composition-records-card .list-head{padding:15px 18px;margin:0;border-bottom:1px solid #e2eaf3;background:#f8fbff}.composition-records-card .list-head h2{margin:0;font-size:17px;color:#092653}.composition-records-card .list-head p{margin:3px 0 0;font-size:12px;color:#71829a}.composition-records-card .table-wrap{margin:0}@media(max-width:700px){.settings-full-card{align-items:flex-start!important;flex-wrap:wrap;padding:14px!important}.settings-full-card .settings-option-content{flex:1 1 calc(100% - 60px)}.settings-card-action,.settings-card-action-text{margin-left:56px}.settings-card-action{width:auto}}@media(max-width:430px){.settings-full-card{gap:10px}.settings-full-card .settings-option-icon{width:38px;height:38px;flex-basis:38px}.settings-full-card .settings-option-content h2{font-size:16px}.settings-full-card .settings-option-content p{font-size:12px}.settings-card-action,.settings-card-action-text{margin-left:48px}}.composition-leave-modal,.permission-leave-modal{width:min(820px,calc(100vw - 32px))!important;min-height:0!important;max-height:90vh;padding:22px!important;border-radius:18px!important;box-sizing:border-box;overflow-y:auto;background:#fff;box-shadow:0 24px 70px #06285f38}.composition-leave-modal .form-heading,.permission-leave-modal .form-heading{padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #e4edf7}.composition-leave-modal .form-heading h2,.permission-leave-modal .form-heading h2{margin:0;font-size:23px;line-height:1.2;color:#102c53}.composition-leave-modal .form-heading small,.permission-leave-modal .form-heading small{display:block;margin-top:5px;font-size:14px;color:#5f7390}.composition-leave-modal .leave-form-stack,.permission-leave-modal .leave-form-stack{gap:18px}.composition-leave-modal .leave-form-stack>label,.permission-leave-modal .leave-form-stack>label{gap:7px;color:#17365f;font-size:14px;font-weight:700}.composition-leave-modal .leave-form-stack input,.composition-leave-modal .leave-form-stack select,.permission-leave-modal .leave-form-stack input,.permission-leave-modal .leave-form-stack select{width:100%;min-height:48px;padding:0 14px;border:1px solid #cbdcf0;border-radius:10px;background:#fff;color:#18375f;font-size:14px;box-sizing:border-box}.composition-leave-modal .leave-form-stack input:focus,.composition-leave-modal .leave-form-stack select:focus,.permission-leave-modal .leave-form-stack input:focus,.permission-leave-modal .leave-form-stack select:focus{outline:none;border-color:#1682e8;box-shadow:0 0 0 3px #1682e81a}.composition-leave-modal .leave-form-actions,.permission-leave-modal .leave-form-actions{margin-top:4px}.composition-leave-modal .leave-form-actions .primary,.permission-leave-modal .leave-form-actions .primary{min-height:44px;padding:0 18px;border-radius:10px}@media(max-width:700px){.composition-leave-modal,.permission-leave-modal{width:calc(100vw - 24px)!important;padding:18px!important;border-radius:15px!important}}.settings-sections-stack{display:flex;flex-direction:column;gap:22px}.settings-section-block{display:flex;flex-direction:column;gap:14px}.settings-detail-card{width:100%;box-sizing:border-box}.permission-settings-detail-card{padding:18px 20px}.settings-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-detail-heading h2{margin:0;color:#092653;font-size:18px}.settings-detail-heading p{margin:5px 0 0;color:#6b7c93;font-size:13px}.settings-detail-heading .settings-current-values{margin:0;flex:none}@media(max-width:700px){.settings-detail-heading{align-items:flex-start;flex-direction:column}.settings-detail-heading .settings-current-values{width:100%}}.permission-settings-table-wrap table{min-width:760px}.permission-settings-table-wrap th,.permission-settings-table-wrap td{white-space:nowrap}.permission-settings-table-wrap td:nth-child(2){white-space:normal;min-width:180px}.composition-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.composition-date-grid label{min-width:0}@media(max-width:620px){.composition-date-grid{grid-template-columns:1fr}}.top-profile{flex:none}.top-profile{width:auto;min-width:38px;max-width:220px;padding:0 10px;border-radius:999px;gap:7px;white-space:nowrap}.top-profile-name{display:grid;place-items:center;max-width:190px;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:800}.top-profile img+.top-profile-name{display:none}@media(max-width:700px){.top-profile{width:35px;min-width:35px;max-width:35px;padding:0;border-radius:50%}.top-profile-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px}.top-profile img+.top-profile-name{display:none}}.login-page{min-height:100vh;padding:0;background:#f3f7fc;display:grid;place-items:center;overflow:hidden}.login-shell{width:min(1120px,100vw);min-height:620px;background:#fff;display:grid;grid-template-columns:34% 66%;border-radius:4px;overflow:hidden;box-shadow:0 4px 24px #102d5514;border:1px solid #e7edf5}.login-side-panel{position:relative;overflow:hidden;background:linear-gradient(160deg,#102e5e,#0a2450 55%,#061a3e);color:#fff;padding:47px 36px 35px}.login-side-content{position:relative;z-index:3}.login-leaf-mark{position:relative;width:53px;height:48px;color:#58aaff;margin-bottom:8px}.login-leaf-mark svg:first-child{position:absolute;left:2px;top:1px;transform:rotate(-8deg);fill:#58aaff}.login-leaf-mark .login-leaf-second{position:absolute;left:22px;top:13px;color:#83c4ff;fill:#83c4ff;transform:rotate(22deg)}.login-side-panel h2{font-size:21px;line-height:1.28;margin:3px 0 15px;font-weight:800;letter-spacing:.1px}.login-side-panel>.login-side-content>p{font-size:13px;line-height:1.65;color:#bfd0ea;margin:0}.login-feature-list{display:flex;flex-direction:column;gap:22px;margin-top:43px}.login-feature-list>div{display:flex;align-items:center;gap:14px;color:#c8d7ec;font-size:12px}.login-feature-list svg{color:#258cff;stroke-width:1.8;flex:none}.login-side-shape{position:absolute;z-index:1;pointer-events:none;transform:rotate(-36deg);border-radius:50% 50% 0 0}.login-side-shape-one{width:410px;height:250px;left:-220px;bottom:-190px;background:linear-gradient(135deg,#277de557,#1241851f);transform:rotate(37deg)}.login-side-shape-two{width:450px;height:210px;right:-230px;bottom:-95px;background:#12489585;transform:rotate(-31deg)}.login-form-panel{background:#fff;display:grid;place-items:center;padding:55px 65px}.login-form-wrap{width:min(100%,480px);margin-top:-4px}.login-form-wrap>h1{text-align:center;color:#123875;font-size:30px;line-height:1.08;letter-spacing:-.45px;margin:0 0 18px;font-weight:800}.login-heading{text-align:center;margin-bottom:34px}.login-heading h2{margin:0;color:#123f80;font-size:23px;font-weight:500}.login-heading span{display:block;width:56px;height:2px;background:#3979c8;margin:10px auto 0}.login-modern-form{display:flex;flex-direction:column;gap:20px}.login-modern-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#173665}.login-input-wrap{height:43px;border:1px solid #cbd9eb;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:12px;background:#fff;box-shadow:0 1px 3px #23497608;transition:.18s}.login-input-wrap:focus-within{border-color:#4383d1;box-shadow:0 0 0 3px #3779c914}.login-input-wrap>svg{color:#1d528e;flex:none}.login-input-wrap input{height:100%;width:100%;padding:0;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0;background:transparent;color:#17375f;font-size:12px}.login-input-wrap input::placeholder{color:#9aabc0;opacity:1}.login-eye-btn{width:28px;height:28px;display:grid;place-items:center;padding:0;background:transparent;color:#5e789c;flex:none;border-radius:5px}.login-eye-btn:hover{background:#edf4fc;color:#1d528e}.login-submit{height:42px;margin-top:4px;border-radius:8px;font-size:13px;font-weight:700;background:linear-gradient(90deg,#0755bd,#0c56b9);box-shadow:0 5px 14px #0852b82e}.login-error{margin-top:-5px}@media(max-width:800px){.login-page{padding:18px;overflow:auto;place-items:center}.login-shell{width:min(520px,100%);min-height:auto;grid-template-columns:1fr;border-radius:14px}.login-side-panel{min-height:235px;padding:30px 28px 26px}.login-feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.login-feature-list>div{flex-direction:column;align-items:flex-start;gap:7px;font-size:10px}.login-side-panel h2{font-size:20px}.login-form-panel{padding:42px 28px 45px}.login-form-wrap{max-width:440px}}@media(max-width:480px){.login-feature-list{grid-template-columns:1fr}.login-feature-list>div{flex-direction:row;align-items:center;font-size:11px}.login-side-panel{min-height:300px}.login-form-wrap>h1{font-size:27px}.login-form-panel{padding:36px 22px 42px}}@media(min-width:801px){html,body,#root{width:100%;min-height:100%}.login-page{width:100vw;min-height:100vh;height:100vh;padding:0;margin:0;display:block;overflow:hidden}.login-shell{width:100vw;max-width:none;min-height:100vh;height:100vh;margin:0;border:0;border-radius:0;box-shadow:none;grid-template-columns:38% 62%}.login-side-panel,.login-form-panel{min-height:100vh;height:100vh}.login-side-panel{padding:8vh 5vw}.login-form-panel{padding:6vh 7vw}.login-form-wrap{width:min(100%,560px)}.login-form-wrap>h1{font-size:clamp(30px,2.2vw,38px)}.login-heading h2{font-size:clamp(23px,1.5vw,28px)}.login-input-wrap{height:52px}.login-submit{height:50px}}@media(min-width:801px){.login-shell{grid-template-columns:50% 50%}.login-side-panel{padding:8vh 5vw}.login-side-panel h2{font-size:clamp(24px,1.7vw,30px);line-height:1.25;margin-bottom:17px}.login-side-panel>.login-side-content>p{font-size:15px;line-height:1.7}.login-feature-list{gap:25px;margin-top:46px}.login-feature-list>div{gap:15px;font-size:14px}.login-feature-list svg{width:25px;height:25px}.login-form-panel{padding:6vh 6vw}}.login-page-modern{min-height:100vh;width:100%;padding:0;margin:0;display:grid;grid-template-columns:50% 50%;place-items:stretch;overflow:hidden;background:#f7fbff}.login-visual-panel{min-width:0;min-height:100vh;overflow:hidden;background:#eef6ff;position:relative}.login-visual-image{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/login-left-bg.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.login-form-panel-modern{min-width:0;min-height:100vh;padding:44px 7vw;background:#f7fbff;display:grid;place-items:center}.login-modern-card{width:min(100%,650px);padding:52px 54px;background:#fffffff5;border:1px solid #dfe9f5;border-radius:14px;box-shadow:0 18px 50px #143a6914}.login-modern-copy{margin-bottom:36px}.login-modern-copy h1{margin:0 0 8px;color:#123b70;font-size:clamp(30px,2.5vw,42px);line-height:1.1;letter-spacing:-.7px;font-weight:800}.login-modern-copy p{margin:0;color:#7183a0;font-size:16px}.login-modern-card .login-modern-form{gap:22px}.login-modern-card .login-modern-form label>span{color:#173c6d;font-size:13px;margin-bottom:8px}.login-modern-card .login-input-wrap{height:58px;border-radius:10px;padding:0 17px;gap:14px;border-color:#d3e0ef;background:#fff}.login-modern-card .login-input-wrap>svg{color:#7085a5}.login-modern-card .login-input-wrap input{font-size:15px}.login-modern-card .login-input-wrap input::placeholder{color:#8a9bb5}.login-modern-card .login-submit{height:58px;margin-top:2px;border-radius:10px;font-size:16px;font-weight:700;background:linear-gradient(90deg,#126be8,#1778ef);box-shadow:0 10px 24px #126be833}@media(max-width:900px){.login-page-modern{grid-template-columns:1fr;overflow:auto}.login-visual-panel{min-height:390px;height:390px}.login-form-panel-modern{min-height:auto;padding:32px 24px 44px}.login-modern-card{width:min(100%,650px)}}@media(max-width:560px){.login-visual-panel{min-height:290px;height:290px}.login-form-panel-modern{padding:22px 14px 32px}.login-modern-card{padding:30px 22px;border-radius:12px}.login-modern-copy h1{font-size:29px}.login-modern-copy p{font-size:14px}}.login-page-modern{min-height:100vh;width:100%;padding:0;margin:0;display:grid;grid-template-columns:50% 50%;overflow:hidden;background:#f7fbff}.login-text-panel{min-width:0;min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:48px 6vw;color:#fff;background:radial-gradient(circle at 12% 10%,rgba(86,169,255,.24),transparent 27%),radial-gradient(circle at 88% 88%,rgba(35,137,238,.3),transparent 30%),linear-gradient(145deg,#062b67,#0a58b5 52%,#147be1)}.login-visual-image{display:none!important}.login-intro-content{width:min(100%,650px);position:relative;z-index:2;text-align:center;animation:loginIntroIn .7s ease both}.login-intro-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;margin-bottom:20px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14;color:#ffffffe0;font-size:10px;font-weight:800;letter-spacing:1.8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-intro-content h2{margin:0;color:#fff;font-size:clamp(36px,4vw,58px);line-height:1.04;letter-spacing:-1.6px;font-weight:850}.login-intro-content h2 span{color:#a9d7ff}.login-intro-content h3{margin:24px 0 10px;color:#fff;font-size:clamp(19px,2vw,25px);line-height:1.25;font-weight:700}.login-intro-content h3 span{color:#72c0ff}.login-intro-content>p{max-width:580px;margin:0 auto;color:#ffffffd1;font-size:14px;line-height:1.75}.login-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.login-feature{min-width:0;padding:16px 7px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#fff1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s ease,background .25s ease,border-color .25s ease;animation:featureRise .65s ease both}.login-feature:nth-child(1){animation-delay:.1s}.login-feature:nth-child(2){animation-delay:.18s}.login-feature:nth-child(3){animation-delay:.26s}.login-feature:nth-child(4){animation-delay:.34s}.login-feature:hover{transform:translateY(-6px);background:#ffffff1f;border-color:#fff3}.login-feature-icon{width:48px;height:48px;margin:0 auto 11px;border-radius:14px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 22px #0000001f}.login-feature-icon.blue{background:linear-gradient(145deg,#5cb7ff,#2588ee)}.login-feature-icon.green{background:linear-gradient(145deg,#53e0c0,#25b99c)}.login-feature-icon.purple{background:linear-gradient(145deg,#a68cff,#7255dc)}.login-feature-icon.orange{background:linear-gradient(145deg,#ffc75b,#f59e0b)}.login-feature strong{display:block;color:#fff;font-size:12px;line-height:1.25;white-space:nowrap}.login-feature small{display:block;margin-top:5px;color:#ffffffb8;font-size:10px;line-height:1.35;white-space:nowrap}.login-decoration{position:absolute;border-radius:50%;pointer-events:none;background:#ffffff12}.login-decoration-top{width:270px;height:270px;top:-150px;left:-120px;animation:decorationFloat 7s ease-in-out infinite}.login-decoration-bottom{width:360px;height:360px;right:-210px;bottom:-220px;background:#65bfff1a;animation:decorationFloat 9s ease-in-out infinite reverse}.login-form-panel-modern{min-width:0;min-height:100vh;padding:42px 5vw;background:radial-gradient(circle at 85% 15%,rgba(76,161,255,.12),transparent 32%),#eef6ff;display:grid;place-items:center}.login-modern-card{width:min(100%,500px);padding:40px 42px;background:#fff;border:1px solid #dce8f5;border-radius:18px;box-shadow:0 22px 55px #12437821;animation:loginCardIn .65s cubic-bezier(.2,.8,.2,1) both}.login-modern-copy{margin-bottom:28px}.login-form-badge{display:inline-block;color:#1478df;background:#edf6ff;border:1px solid #d8ebff;border-radius:999px;padding:5px 10px;margin-bottom:13px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.login-modern-copy h1{margin:0 0 7px;color:#092f69;font-size:clamp(30px,3vw,40px);line-height:1.1;letter-spacing:-.8px;font-weight:850}.login-modern-copy p{margin:0;color:#7185a4;font-size:14px}.login-modern-card .login-modern-form{gap:18px}.login-modern-card .login-modern-form label>span{color:#123968;font-size:12px;margin-bottom:7px;font-weight:700}.login-modern-card .login-input-wrap{height:54px;border-radius:10px;padding:0 15px;gap:12px;border:1px solid #cfdfef;background:#fbfdff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.login-modern-card .login-input-wrap:focus-within{border-color:#2186ed;box-shadow:0 0 0 4px #2186ed1a;transform:translateY(-1px)}.login-modern-card .login-input-wrap>svg{color:#6282a8}.login-modern-card .login-input-wrap input{font-size:14px}.login-modern-card .login-input-wrap input::placeholder{color:#93a5bd}.login-modern-card .login-submit{height:54px;margin-top:3px;border-radius:10px;font-size:15px;font-weight:800;background:linear-gradient(90deg,#0d6fe0,#2188f0);box-shadow:0 10px 24px #126be833;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.login-modern-card .login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #126be842;filter:brightness(1.03)}.login-modern-card .login-submit:active:not(:disabled){transform:translateY(0)}@keyframes loginIntroIn{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes loginCardIn{0%{opacity:0;transform:translate(22px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes featureRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes decorationFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,12px,0)}}@media(prefers-reduced-motion:reduce){.login-intro-content,.login-modern-card,.login-feature,.login-decoration-top,.login-decoration-bottom{animation:none!important}.login-feature,.login-modern-card .login-submit,.login-modern-card .login-input-wrap{transition:none!important}}@media(max-width:1000px){.login-intro-content h2{font-size:42px}.login-features-grid{gap:8px}.login-feature{padding-left:4px;padding-right:4px}}@media(max-width:900px){.login-page-modern{grid-template-columns:1fr;overflow:auto}.login-text-panel{min-height:520px;padding:50px 24px}.login-form-panel-modern{min-height:auto;padding:34px 24px 50px}.login-modern-card{width:min(100%,520px)}}@media(max-width:560px){.login-text-panel{min-height:580px;padding:42px 18px}.login-intro-content h2{font-size:36px}.login-intro-content h3{font-size:19px}.login-intro-content>p{font-size:13px}.login-features-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}.login-feature strong{font-size:11px}.login-feature small{font-size:9px}.login-form-panel-modern{padding:22px 14px 32px}.login-modern-card{padding:28px 22px;border-radius:14px}}.month-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:16px 18px}.month-view-nav{display:flex;align-items:center;gap:12px}.month-view-title{min-width:180px;display:flex;flex-direction:column;gap:2px}.month-view-title span,.month-view-count span{color:#7890ad;font-size:12px}.month-view-title strong{color:#17345f;font-size:17px}.month-view-count{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.month-view-count strong{color:#1269d8;font-size:26px}.icon-button{min-width:38px;width:38px;height:38px;padding:0;justify-content:center}.month-view-button{min-width:88px}.month-leave-stats{margin-bottom:24px}@media(max-width:720px){.month-view-toolbar{align-items:stretch;flex-direction:column}.month-view-nav{flex-wrap:wrap}.month-view-count{align-items:flex-start}}.super-calendar-backdrop{background:#08265375;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);align-items:flex-end;padding:0;z-index:1200}.super-calendar-modal{position:relative;width:min(100%,1000px);max-height:100vh;overflow-y:auto;background:#fff;margin-bottom:40px;margin-top:30px;margin-left:150px;border-radius:20px;padding:16px 16px 22px;box-shadow:0 -12px 45px #0b346233;animation:superCalendarIn .24s ease-out}.super-calendar-summary{padding-top:50px;padding-right:52px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:10px}.super-summary-card{min-height:76px;border:1px solid #dce8f5;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.super-summary-card span{color:#71829a;font-size:12px}.super-summary-card b{font-size:24px;color:#17345f}.super-summary-card.total{background:#f7fbff}.super-summary-card.casual,.super-summary-card.od{background:#effcf4;border-color:#b9e8cc}.super-summary-card.casual b,.super-summary-card.od b{color:#188052}.super-summary-card.extra,.super-summary-card.permission{background:#fff2f4;border-color:#ffc9d1}.super-summary-card.extra b,.super-summary-card.permission b{color:#d42d4b}.super-summary-card.composition{background:#fff8df;border-color:#f0d88b}.super-summary-card.composition b{color:#9c7210}.super-calendar-card{border:1px solid #dce7f2;border-radius:16px;padding:20px;background:#fff}.super-calendar-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;margin-bottom:18px}.super-calendar-header strong{color:#102f5a;font-size:20px;text-align:center}.super-calendar-nav{width:40px;height:40px;border:0;border-radius:9px;display:grid;place-items:center;background:#edf6ff;color:#0870dc;cursor:pointer;transition:.18s ease}.super-calendar-nav:hover{background:#dceeff;transform:translateY(-1px)}.super-calendar-weekdays,.super-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.super-calendar-weekdays span{color:#71829a;font-size:12px;font-weight:700;text-align:center;padding:2px 0 4px}.super-calendar-day{min-height:54px;border:1px solid #e6edf5;border-radius:11px;background:#f8fafc;color:#29435f;display:grid;place-items:center}.super-calendar-day span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:14px}.super-calendar-day.empty-day{visibility:hidden;background:transparent;border-color:transparent}.super-calendar-day.leave-day-marked{border-color:#f0d88b;background:#fff8df}.super-calendar-day.leave-day-marked span{font-weight:800;color:#fff}.super-calendar-day.leave-type-green{background:#effcf4;border-color:#b9e8cc}.super-calendar-day.leave-type-green span{background:#2da765}.super-calendar-day.leave-type-red{background:#fff0f2;border-color:#ffcbd3}.super-calendar-day.leave-type-red span{background:#e33c58}.super-calendar-day.leave-type-yellow{background:#fff8df;border-color:#f4df96}.super-calendar-day.leave-type-yellow span{background:#d4a62a}.super-calendar-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:16px;color:#71829a;font-size:12px}.super-calendar-legend span{display:inline-flex;align-items:center;gap:7px}@media(max-width:600px){.super-calendar-modal{padding:54px 10px 18px}.super-calendar-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0}.super-summary-card{min-height:68px}.super-summary-card b{font-size:21px}.super-calendar-card{padding:12px}.super-calendar-weekdays,.super-calendar-grid{gap:4px}.super-calendar-day{min-height:42px;border-radius:8px}.super-calendar-day span{width:28px;height:28px;font-size:12px}}@media(prefers-reduced-motion:reduce){.super-calendar-modal,.super-calendar-nav{animation:none;transition:none}}.super-calendar-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;border-radius:9px;display:grid;place-items:center;background:#edf6ff;color:#0870dc;cursor:pointer;transition:.18s ease}.super-calendar-x:hover{background:#dceeff;transform:translateY(-1px)}.all-leaves-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 16px}.all-leaves-heading h2{margin:0;color:#102f5a;font-size:24px;font-weight:800}.all-leaves-view-button{min-width:92px;height:42px;border-radius:11px;font-weight:700;box-shadow:0 8px 18px #126be829}.super-summary-card.month-current{background:#eff7ff;border-color:#b9d8fb}.super-summary-card.month-current b{color:#1269d8}.super-summary-card.month-previous{background:#f5f8fc;border-color:#d5e0ec}.super-summary-card.month-previous b{color:#496887}@media(max-width:900px){.super-calendar-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.all-leaves-heading h2{font-size:21px}.all-leaves-view-button{min-width:82px}.super-calendar-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.report-view-button{display:inline-flex!important;align-items:center;white-space:nowrap;min-width:74px;justify-content:center;visibility:visible!important;opacity:1!important}.report-employee-month-modal{width:min(980px,95vw)}.report-month-summary{display:flex;align-items:baseline;gap:9px;margin:17px 0 13px;padding:12px 14px;background:#f7faff;border:1px solid #dce8f5;border-radius:10px;color:#536b86}.report-month-summary b{font-size:22px;color:#1269d8}.report-month-table table{min-width:720px}.report-action-cell{text-align:center;min-width:105px}.report-action-cell .report-view-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-width:76px;visibility:visible!important;opacity:1!important;cursor:pointer}.report-action-cell{min-width:110px!important;text-align:center!important}.report-action-cell .report-view-button{display:inline-flex!important;visibility:visible!important;opacity:1!important}.employee-month-calendar{margin-top:4px}.employee-month-calendar .leave-calendar-weekdays span{font-size:12px}.employee-calendar-details{margin-top:14px;display:grid;gap:8px}.employee-calendar-detail-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border:1px solid #e2eaf2;border-radius:10px;background:#fbfdff}.employee-calendar-detail-row>div{min-width:0}.employee-calendar-detail-row b,.employee-calendar-detail-row span,.employee-calendar-detail-row small{display:block}.employee-calendar-detail-row small{margin-top:3px;color:#718096;font-size:11px}@media(max-width:650px){.employee-calendar-detail-row{grid-template-columns:1fr;gap:6px}}.employee-specific-calendar-modal{width:min(1000px,96vw);margin:0 auto 18px}.employee-specific-calendar-modal .super-calendar-summary{padding-top:50px}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 4px 2px}.pagination-pages{display:flex;align-items:center;gap:5px}.pagination-button,.pagination-page{border:1px solid #d9e2ef;background:#fff;color:#31527a;border-radius:8px;min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;cursor:pointer}.pagination-page{min-width:34px;padding:0 8px}.pagination-page.active{background:#edf5ff;border-color:#9bc5f6;color:#0b67c2;font-weight:700}.pagination-button:hover:not(:disabled),.pagination-page:hover:not(.active){border-color:#9bc5f6;background:#f7fbff}.pagination-button:disabled{opacity:.45;cursor:not-allowed}.separate-leave-table table{min-width:1120px}@media(max-width:700px){.pagination{gap:6px}.pagination-button{padding:0 8px}.pagination-pages{gap:3px}}.super-calendar-backdrop{background:#14263e47;display:flex!important;align-items:center!important;justify-content:center!important;width:100%;min-height:100vh;padding:10px!important;box-sizing:border-box;overflow-y:auto;z-index:1200;margin-left:20px}.employee-specific-calendar-modal{position:relative;width:min(100%,1020px);height:auto;max-height:calc(100vh - 30px);overflow:hidden;background:#fff;margin:0 auto;border-radius:20px;padding:16px 16px 22px;box-sizing:border-box;box-shadow:0 -12px 45px #0b346233;animation:superCalendarIn .24s ease-out}.employee-specific-calendar-modal .super-calendar-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;border-radius:10px;display:grid;place-items:center;background:#edf6ff;color:#0870dc;cursor:pointer;transition:.18s ease;z-index:10}.employee-specific-calendar-modal .super-calendar-x:hover{background:#dceeff;transform:translateY(-1px)}.employee-specific-calendar-modal .super-calendar-summary{padding:56px 52px 0 0;margin:0 0 10px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.employee-specific-calendar-modal .super-summary-card{min-height:76px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;box-sizing:border-box}.employee-specific-calendar-modal .super-summary-card span{color:#71829a;font-size:12px}.employee-specific-calendar-modal .super-summary-card b{font-size:24px;line-height:1.1}.employee-specific-calendar-modal .super-summary-card.total{background:#f7fbff}.employee-specific-calendar-modal .super-summary-card.casual,.employee-specific-calendar-modal .super-summary-card.od{background:#effcf4;border-color:#b9e8cc}.employee-specific-calendar-modal .super-summary-card.casual b,.employee-specific-calendar-modal .super-summary-card.od b{color:#188052}.employee-specific-calendar-modal .super-summary-card.extra,.employee-specific-calendar-modal .super-summary-card.permission{background:#fff2f4;border-color:#ffc9d1}.employee-specific-calendar-modal .super-summary-card.extra b,.employee-specific-calendar-modal .super-summary-card.permission b{color:#d42d4b}.employee-specific-calendar-modal .super-summary-card.composition{background:#fff8df;border-color:#f0d88b}.employee-specific-calendar-modal .super-summary-card.composition b{color:#9c7210}.employee-specific-calendar-modal .super-calendar-card{border:1px solid #dce7f2;border-radius:16px;padding:20px;background:#fff;box-sizing:border-box}.employee-specific-calendar-modal .super-calendar-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;margin-bottom:14px}.employee-specific-calendar-modal .super-calendar-header strong{color:#102f5a;font-size:22px;text-align:center}.employee-specific-calendar-modal .super-calendar-nav{width:40px;height:40px;border:0;border-radius:10px;display:grid;place-items:center;background:#edf6ff;color:#0870dc;cursor:pointer;transition:.18s ease}.employee-specific-calendar-modal .super-calendar-nav:hover{background:#dceeff;transform:translateY(-1px)}.employee-specific-calendar-modal .super-calendar-weekdays,.employee-specific-calendar-modal .super-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.employee-specific-calendar-modal .super-calendar-weekdays span{color:#71829a;font-size:12px;font-weight:700;text-align:center;padding:2px 0 4px}.employee-specific-calendar-modal .super-calendar-day{min-height:54px;border:1px solid #e6edf5;border-radius:11px;background:#f8fafc;color:#29435f;display:grid;place-items:center;box-sizing:border-box}.employee-specific-calendar-modal .super-calendar-day span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:14px}.employee-specific-calendar-modal .super-calendar-day.empty-day{visibility:hidden;background:transparent;border-color:transparent}.employee-specific-calendar-modal .super-calendar-day.leave-type-green{background:#effcf4;border-color:#b9e8cc}.employee-specific-calendar-modal .super-calendar-day.leave-type-green span{background:#2da765;color:#fff}.employee-specific-calendar-modal .super-calendar-day.leave-type-red{background:#fff0f2;border-color:#ffcbd3}.employee-specific-calendar-modal .super-calendar-day.leave-type-red span{background:#e33c58;color:#fff}.employee-specific-calendar-modal .super-calendar-day.leave-type-yellow{background:#fff8df;border-color:#f4df96}.employee-specific-calendar-modal .super-calendar-day.leave-type-yellow span{background:#d4a62a;color:#fff}.employee-specific-calendar-modal .super-calendar-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:14px;color:#71829a;font-size:12px}.employee-specific-calendar-modal .super-calendar-legend span{display:inline-flex;align-items:center;gap:7px}@keyframes superCalendarIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.employee-specific-calendar-modal{width:min(100%,900px);max-height:calc(100vh - 20px);padding:16px}.employee-specific-calendar-modal .super-calendar-summary{grid-template-columns:repeat(3,minmax(0,1fr));padding-right:50px;gap:10px}.employee-specific-calendar-modal .super-summary-card{min-height:72px}.employee-specific-calendar-modal .super-calendar-card{padding:16px}.employee-specific-calendar-modal .super-calendar-day{min-height:52px}}@media(max-width:600px){.super-calendar-backdrop{padding:0!important;align-items:flex-start!important}.employee-specific-calendar-modal{width:100%;max-height:100vh;padding:64px 10px 16px;border-radius:18px 18px 0 0}.employee-specific-calendar-modal .super-calendar-x{top:14px;right:14px;width:40px;height:40px}.employee-specific-calendar-modal .super-calendar-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin-bottom:10px;gap:7px}.employee-specific-calendar-modal .super-summary-card{min-height:68px;border-radius:11px}.employee-specific-calendar-modal .super-summary-card span{font-size:10px}.employee-specific-calendar-modal .super-summary-card b{font-size:21px}.employee-specific-calendar-modal .super-calendar-card{padding:12px 8px 16px;border-radius:15px}.employee-specific-calendar-modal .super-calendar-header{grid-template-columns:36px 1fr 36px;gap:5px;margin-bottom:12px}.employee-specific-calendar-modal .super-calendar-header strong{font-size:19px}.employee-specific-calendar-modal .super-calendar-nav{width:36px;height:36px;border-radius:9px}.employee-specific-calendar-modal .super-calendar-weekdays,.employee-specific-calendar-modal .super-calendar-grid{gap:4px}.employee-specific-calendar-modal .super-calendar-weekdays span{font-size:10px}.employee-specific-calendar-modal .super-calendar-day{min-height:42px;border-radius:8px}.employee-specific-calendar-modal .super-calendar-day span{width:29px;height:29px;font-size:12px}.employee-specific-calendar-modal .super-calendar-legend{gap:8px 12px;margin-top:13px;font-size:10px}.employee-specific-calendar-modal .super-calendar-legend span{gap:5px}.employee-specific-calendar-modal .legend-dot{width:8px;height:8px}}@media(prefers-reduced-motion:reduce){.employee-specific-calendar-modal,.employee-specific-calendar-modal .super-calendar-nav,.employee-specific-calendar-modal .super-calendar-x{animation:none;transition:none}}.all-leaves-summary-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.all-leaves-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.all-leaves-table-section{margin-top:10px}.all-leaves-table-heading{margin-top:8px;margin-bottom:14px}.all-leaves-search-row{margin-bottom:14px}.all-leaves-search-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:14px;align-items:end}.all-leaves-search-row label{width:100%}.all-leaves-refresh-button{min-width:112px;height:42px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.all-leaves-mode-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 14px}.all-leaves-mode-buttons button{min-width:150px;height:42px;border-radius:10px;font-weight:700}.leave-history-action{display:flex;flex-direction:column;gap:2px;min-width:105px}.leave-history-action b{color:#17375f;font-size:13px}.leave-history-action small{color:#70839a;font-size:11px;text-transform:capitalize}.history-label{font-size:11px;font-weight:800}.cancelled-label{color:#d97706}.rejected-label{color:#dc2626}.all-leaves-chart{margin:0 0 20px;padding:20px}.all-leaves-chart .list-head{margin-bottom:18px}.all-leaves-chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.all-leaves-chart-title{flex:1 1 auto;min-width:0}.all-leaves-chart-title h2{margin:0 0 5px}.all-leaves-chart-title p{margin:0}.all-leaves-chart-search{width:min(380px,38%);flex:0 0 auto}.all-leaves-chart-search label{display:flex;flex-direction:column;gap:7px;width:100%;font-weight:700;color:#17375f}.all-leaves-chart-search input{width:100%;box-sizing:border-box}.leave-bar-chart{display:flex;align-items:flex-end;gap:18px;min-height:300px;padding:20px 10px 0;overflow-x:auto;border-top:1px solid #e3ebf4}.leave-bar-column{flex:0 0 82px;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.leave-bar-track{width:52px;height:210px;display:flex;align-items:flex-end;justify-content:center;background:#eef4fb;border:1px solid #d8e5f4;border-radius:8px 8px 0 0;overflow:hidden}.leave-bar-fill{width:100%;min-height:5px;border-radius:7px 7px 0 0;background:#1684e8;transition:height .25s ease}.leave-bar-value{min-height:22px;margin-bottom:4px;color:#17375f;font-size:13px;font-weight:800}.leave-bar-label{width:100%;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:700;color:#17375f}@media(max-width:1100px){.all-leaves-summary-cards,.all-leaves-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.all-leaves-summary-cards,.all-leaves-filter-grid,.all-leaves-search-row{grid-template-columns:1fr}.all-leaves-chart-head{flex-direction:column;align-items:stretch;gap:14px}.all-leaves-chart-search{width:100%}.all-leaves-mode-buttons{flex-direction:column}.all-leaves-mode-buttons button{width:100%}.leave-bar-row{grid-template-columns:1fr;gap:6px}}.all-leaves-chart{padding:18px 20px 20px;overflow:hidden}.all-leaves-chart-head{margin-bottom:12px}.all-leaves-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:stretch}.all-leaves-plot-wrap{min-width:0;min-height:350px}.leave-bar-chart{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;height:350px;min-height:350px;padding:12px 4px 0 0;overflow:hidden;border:0;background:transparent;box-sizing:border-box}.leave-y-axis{height:285px;padding-bottom:42px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#17375f;font-size:12px;font-weight:600}.leave-plot-area{position:relative;height:350px;min-width:0;border-left:2px solid #53657a;border-bottom:2px solid #53657a;padding:0 10px;box-sizing:border-box}.leave-grid-lines{position:absolute;left:0;right:0;top:0;height:285px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.leave-grid-lines span{width:100%;height:1px;background:#dfe7ef}.leave-bar-columns{position:relative;z-index:1;height:285px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;overflow:hidden}.leave-bar-column{flex:1 1 0;min-width:0;max-width:130px;height:285px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.leave-bar-track{width:min(70px,72%);height:235px;display:flex;align-items:flex-end;justify-content:center;background:transparent;border:0;border-radius:0;overflow:hidden}.leave-bar-fill{width:100%;min-height:0;border-radius:2px 2px 0 0;background:#0b72d9;transition:height .25s ease}.leave-bar-value{min-height:18px;margin-bottom:3px;color:#17375f;font-size:13px;font-weight:800}.leave-bar-label{width:100%;height:38px;margin-top:8px;text-align:center;color:#17375f;font-size:13px;font-weight:700;line-height:17px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.leave-x-axis-title{position:absolute;left:50%;bottom:-32px;transform:translate(-50%);color:#17375f;font-size:14px;font-weight:600}.all-leaves-chart-side-filters{border-left:1px solid #dbe7f3;padding:0 0 0 20px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.all-leaves-chart-side-filters label{display:flex;flex-direction:column;gap:7px;color:#17375f;font-size:14px;font-weight:700}.all-leaves-chart-side-filters input,.all-leaves-chart-side-filters select{width:100%;height:42px;box-sizing:border-box;border:1px solid #d2dfed;border-radius:8px;background:#fff;padding:0 12px;color:#123962;font-size:15px;font-weight:600}@media(max-width:1000px){.all-leaves-chart-layout{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:760px){.all-leaves-chart-layout{grid-template-columns:1fr}.all-leaves-chart-side-filters{border-left:0;border-top:1px solid #dbe7f3;padding:16px 0 0}.leave-bar-chart{height:320px;min-height:320px}.leave-plot-area{height:320px}.leave-grid-lines,.leave-bar-columns,.leave-y-axis{height:255px}}.all-leaves-table-search-card{margin:0 16px 14px;padding:16px 20px;background:#f7fbff;border:1px solid #d6e4f2;border-radius:12px;box-sizing:border-box}.all-leaves-table-search-card label{display:block;color:#103b6b;font-size:16px;font-weight:700}.all-leaves-table-search-card input{display:block;width:100%;height:48px;margin-top:8px;padding:0 16px;box-sizing:border-box;border:1px solid #cbdced;border-radius:10px;background:#fff;color:#12385f;font-size:16px;outline:none}.all-leaves-table-search-card input:focus{border-color:#1685e8;box-shadow:0 0 0 3px #1685e81a}@media(max-width:700px){.all-leaves-table-search-card{margin:0 10px 12px;padding:13px}}.all-leaves-table-filter-card{display:grid;grid-template-columns:minmax(280px,2fr) repeat(3,minmax(170px,1fr));gap:18px;margin:0 16px 16px;padding:18px 20px;background:#f7fbff;border:1px solid #d6e4f2;border-radius:14px;box-sizing:border-box}.all-leaves-table-filter-card label{display:flex;flex-direction:column;gap:8px;color:#103b6b;font-size:16px;font-weight:700;min-width:0}.all-leaves-table-filter-card input,.all-leaves-table-filter-card select{width:100%;height:52px;box-sizing:border-box;padding:0 15px;border:1px solid #cbdced;border-radius:10px;background:#fff;color:#12385f;font-size:16px;font-weight:600;outline:none}.all-leaves-table-filter-card input:focus,.all-leaves-table-filter-card select:focus{border-color:#1685e8;box-shadow:0 0 0 3px #1685e81a}@media(max-width:1050px){.all-leaves-table-filter-card{grid-template-columns:1.5fr 1fr 1fr}}@media(max-width:760px){.all-leaves-table-filter-card{grid-template-columns:1fr;margin:0 10px 12px;padding:14px}}.department-picker{display:flex;align-items:center;gap:8px}.department-picker select{flex:1;min-width:0}.department-add-btn{flex:none;white-space:nowrap;min-height:42px}.department-modal-backdrop{z-index:280}.department-existing{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.department-existing span{width:100%;font-size:12px;font-weight:700;color:#6b7c93}.department-existing b{background:#edf6ff;color:#0b4f99;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}@media(max-width:700px){.department-picker{flex-direction:column;align-items:stretch}.department-add-btn{width:100%}}@media(max-width:1024px){.app-shell .sidebar,.app-shell .mobile-overlay,.app-shell .menu-btn{display:none!important}.app-shell .main{margin-left:0!important;width:100%!important;padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}.app-shell .top-actions{display:flex!important}.app-shell .mobile-bottom-nav{display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:120;grid-template-columns:none!important;grid-auto-rows:auto!important;min-height:0!important;height:calc(68px + env(safe-area-inset-bottom));align-items:stretch;justify-content:flex-start;gap:0;margin:0;padding:6px 6px env(safe-area-inset-bottom);overflow-x:auto;overflow-y:hidden;background:#fffffffa;border-top:1px solid #e4edf6;box-shadow:0 -10px 28px #081c4014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-shell .mobile-bottom-nav::-webkit-scrollbar{display:none}.app-shell .mobile-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 0 72px!important;width:auto!important;min-width:68px!important;max-width:96px;height:auto!important;margin:0;padding:4px 2px 6px;border:0;border-radius:12px;background:transparent;color:#7d8da3;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font-family:inherit;font-size:10px;font-weight:700;line-height:1.1;cursor:pointer;white-space:nowrap}.app-shell .mobile-nav-icon{width:34px;height:28px;border-radius:10px;display:grid;place-items:center}.app-shell .mobile-nav-item.active{color:#0b72d9;background:transparent!important}.app-shell .mobile-nav-item.active .mobile-nav-icon{background:#e7f3ff}.app-shell .mobile-nav-item span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis}}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:99999;transition:opacity .7s ease,visibility .7s ease}#preloader.hide{opacity:0;visibility:hidden}.preloader-content{width:100%;max-width:500px;text-align:center;display:flex;flex-direction:column;align-items:center}#preloader .logo-wrapper{position:relative;width:190px;height:190px;display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(.75);animation:logoAppear .8s cubic-bezier(.17,.67,.35,1.3) forwards}#preloader .leave-logo{width:175px;height:175px;object-fit:contain;position:relative;z-index:2;animation:logoFloat 2.5s ease-in-out infinite}#preloader .logo-glow{position:absolute;width:155px;height:155px;border-radius:50%;background:#1268c41a;filter:blur(20px);animation:glowPulse 2s ease-in-out infinite}#preloader .loader{width:52px;height:52px;position:relative;margin-top:12px;opacity:0;animation:loaderAppear .5s ease forwards;animation-delay:.8s}#preloader .loader-circle{width:52px;height:52px;border-radius:50%;border:4px solid #e6edf5;border-top-color:#1268c4;border-right-color:#159bc8;border-bottom-color:#43b85a;animation:rotateLoader 1s linear infinite}#preloader .loading-text{margin-top:12px;color:#64748b;font-size:13px;letter-spacing:1.5px;opacity:0;animation:textFade .5s ease forwards;animation-delay:1s}#preloader .brand-name{margin-top:25px;opacity:0;transform:translateY(15px);animation:brandAppear .7s ease forwards;animation-delay:1.15s}#preloader .brand-name h1{color:#123d73;font-size:38px;font-weight:700;line-height:1.1;letter-spacing:-.5px;margin:0}#preloader .brand-name p{margin-top:10px;color:#65758b;font-size:12px;font-weight:500;letter-spacing:5px}@keyframes logoAppear{0%{opacity:0;transform:scale(.75) translateY(20px)}70%{opacity:1;transform:scale(1.05) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoFloat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes glowPulse{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.5}}@keyframes loaderAppear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes rotateLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textFade{0%{opacity:0}to{opacity:1}}@keyframes brandAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){#preloader .logo-wrapper{width:155px;height:155px}#preloader .leave-logo{width:145px;height:145px}#preloader .logo-glow{width:130px;height:130px}#preloader .brand-name h1{font-size:30px}#preloader .brand-name p{font-size:9px;letter-spacing:3px}}.login-card-logo{display:flex;justify-content:center;margin:0 0 22px}.login-card-logo img{width:min(100%,280px);height:auto;display:block;object-fit:contain}@media(max-width:900px){.login-page-modern .login-text-panel,.login-page-modern .login-visual-panel{display:none!important}.login-page-modern .login-form-panel-modern{min-height:100vh!important;padding:28px 16px!important}.login-card-logo img{width:min(100%,230px)}}