*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fb;height:100vh;font-family:Inter,Arial,sans-serif;overflow:hidden}.login-page{background:#f3f5fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-logo{color:#1f4fd8;align-items:center;gap:10px;margin-bottom:30px;font-size:28px;font-weight:700;display:flex}.login-logo img{width:60px;height:60px}.login-card{background:#fff;border-radius:16px;width:420px;padding:32px;box-shadow:0 20px 40px #00000014}.login-card h2{text-align:center;margin-bottom:6px}.subtitle{text-align:center;color:#6b7280;margin-bottom:20px;font-size:14px}.login-tabs{background:#f1f3f9;border-radius:10px;margin-bottom:20px;padding:4px;display:flex}.login-tabs button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px}.login-tabs button.active{color:#2563eb;background:#fff;font-weight:600;box-shadow:0 4px 10px #00000014}.input-group{margin-bottom:14px;position:relative}.input-group input{border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 40px;font-size:14px}.input-group .icon{color:#6b7280;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-group .show{color:#2563eb;cursor:pointer;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(#2563eb,#1e40af);border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:15px}.login-options{justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;display:flex}.login-options a{color:#2563eb;text-decoration:none}.forgot-password{text-align:right;margin-top:8px}.forgot-password a{color:#2563eb;font-size:14px;text-decoration:none}.forgot-password a:hover{text-decoration:underline}@media (max-width:480px){.login-card{width:90%;padding:24px}.login-logo span{font-size:22px}.login-logo img{width:48px;height:48px}.login-card h2{font-size:20px}.subtitle{margin-bottom:14px;font-size:13px}.login-tabs button{padding:8px;font-size:13px}.input-group input{padding:10px 36px;font-size:14px}.login-btn{padding:11px;font-size:14px}.login-page{justify-content:flex-start;padding-top:40px}}.forgot-page{background:#f5f7fb;flex-direction:column;align-items:center;min-height:100vh;padding-top:60px;display:flex}.forgot-logo{align-items:center;gap:10px;margin-bottom:24px;display:flex}.forgot-logo img{height:60px}.forgot-logo span{color:#2563eb;font-size:28px;font-weight:700}.forgot-card{background:#fff;border-radius:12px;width:380px;padding:28px;box-shadow:0 10px 30px #00000014}.forgot-card h2{margin-bottom:6px}.forgot-subtext{color:#6b7280;margin-bottom:16px;font-size:14px}.forgot-card form{flex-direction:column;gap:14px;display:flex}.forgot-card input{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.forgot-card button{color:#fff;cursor:pointer;background:linear-gradient(#2563eb,#1e40af);border-radius:8px;padding:10px;font-weight:600}.forgot-card button:disabled{opacity:.7;cursor:not-allowed}.forgot-footer{text-align:center;margin-top:14px}.forgot-footer a{color:#2563eb;font-size:14px;text-decoration:none}.login-footer{text-align:center;color:#6b7280;margin-top:18px;font-size:14px}.login-footer span{color:#2563eb;cursor:pointer}@media (max-width:480px){.forgot-logo{margin-bottom:16px}.forgot-logo img{height:48px}.forgot-logo span{font-size:22px}.forgot-card{border-radius:14px;width:92%;padding:20px}.forgot-card h2{font-size:20px}.forgot-subtext{margin-bottom:12px;font-size:13px}.forgot-card input{padding:10px;font-size:14px}.forgot-card button{padding:11px;font-size:14px}.forgot-page{justify-content:flex-start;padding-top:40px}}.reset-page{background:#f5f7fb;flex-direction:column;align-items:center;min-height:100vh;padding-top:60px;display:flex}.reset-logo{align-items:center;gap:10px;margin-bottom:24px;display:flex}.reset-logo img{height:60px}.reset-logo span{color:#2563eb;font-size:28px;font-weight:700}.reset-card{background:#fff;border-radius:12px;width:380px;padding:28px;box-shadow:0 10px 30px #00000014}.reset-card h2{margin-bottom:6px}.reset-subtext{color:#6b7280;margin-bottom:16px;font-size:14px}.reset-card form{flex-direction:column;gap:14px;display:flex}.reset-card input{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.reset-card button{color:#fff;cursor:pointer;background:linear-gradient(#2563eb,#1e40af);border-radius:8px;padding:10px;font-weight:600}.reset-card button:disabled{opacity:.7;cursor:not-allowed}.reset-footer{text-align:center;margin-top:14px}.reset-footer a{font-size:14 hostile;color:#2563eb;text-decoration:none}@media (max-width:480px){.reset-logo{margin-bottom:16px}.reset-logo img{height:48px}.reset-logo span{font-size:22px}.reset-page{justify-content:flex-start;padding-top:40px}.reset-card{border-radius:14px;width:92%;padding:20px}.reset-card h2{font-size:20px}.reset-subtext{margin-bottom:12px;font-size:13px}}.employee-layout{background:#f4f6fb;height:100vh;font-family:Poppins,sans-serif;display:flex;position:relative}.sidebar{z-index:1300;background:#fff;border-right:1px solid #eef0f4;flex-direction:column;width:300px;height:100%;padding:24px;display:flex}.sidebar-logo{color:#2563eb;align-items:center;gap:12px;margin-bottom:40px;font-size:20px;font-weight:800;display:flex}.sidebar-logo img{width:40px;height:40px}.sidebar-nav a{color:#374151;cursor:pointer;border-radius:10px;margin-bottom:10px;padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s;display:block}.sidebar-nav a:hover{color:#2563eb;background:#f1f5ff}.sidebar-nav a.active{color:#2563eb;background:#eaf1ff;font-weight:600}.sidebar-logout{margin-top:auto}.sidebar-logout button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;width:100%;padding:12px;font-weight:600}.sidebar-logout button:hover{background:#dc2626}.employee-content{flex:1;padding:32px 40px;overflow-y:auto}.employee-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.employee-header h2{color:#111827;font-size:22px;font-weight:700}.user-info{color:#111827;background:#fff;border-radius:999px;padding:8px 16px;font-size:16px;box-shadow:0 4px 12px #0000000f}.leave-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:36px;display:grid;box-shadow:0 6px 18px #0000000a}.leave-card{border-radius:16px;padding:24px;box-shadow:0 10px 28px #0000000f}.leave-card h4{color:#6b7280;margin-bottom:10px;font-size:14px;font-weight:500}.leave-card h2{font-size:32px;font-weight:700}.leave-card p{opacity:.75;font-size:13px}.leave-card.green{background:linear-gradient(#22c55e,#15803d)}.leave-card.green h4{color:#dcfce7}.leave-card.green h2{color:#fff}.leave-card.green p{color:#bbf7d0}.leave-card.blue{background:linear-gradient(#2563eb,#1e40af)}.leave-card.blue h4{color:#dbeafe}.leave-card.blue h2{color:#fff}.leave-card.blue p{color:#bfdbfe}.leave-card.yellow{background:linear-gradient(#f59e0b,#b45309)}.leave-card.yellow h4{color:#fffbeb}.leave-card.yellow h2{color:#fff}.leave-card.yellow p{color:#fde68a}.apply-leave{background:#fff;border-radius:16px;margin-bottom:36px;padding:26px;box-shadow:0 10px 28px #0000000f}.apply-leave h3{color:#111827;margin-bottom:18px;font-size:18px;font-weight:600}.apply-leave select,.apply-leave input,.apply-leave textarea{border:1px solid #e5e7eb;border-radius:10px;width:100%;margin-bottom:14px;padding:12px 14px;font-size:14px}.date-row{gap:14px;display:flex}.apply-leave textarea{resize:none}.apply-leave button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 18px;font-weight:600;transition:background .2s}.apply-leave button:hover{background:#1e40af}.leave-history{background:#fff;border-radius:16px;padding:26px;box-shadow:0 10px 28px #0000000f}.leave-history h3{color:#111827;margin-bottom:18px;font-size:18px;font-weight:600}.leave-history table{border-collapse:collapse;width:100%;font-size:14px}.leave-history th{text-align:left;color:#6b7280;padding-bottom:12px;font-weight:600}.leave-history td{border-top:1px solid #eef0f4;padding:14px 0}.approved{color:#22c55e;font-weight:600}.pending{color:#f59e0b;font-weight:600}.rejected{color:#ef4444;font-weight:600}.status-badge{border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.status-badge.approved{color:#15803d;background:#dcfce7}.header-actions{align-items:center;gap:16px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 16px;font-weight:600}.secondary-btn{color:#2563eb;cursor:pointer;background:#f1f5ff;border:none;border-radius:10px;padding:8px 14px;font-weight:500}.delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:8px 14px;font-weight:500}.delete-btn:hover{background:#dc2626}.link-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:6px 12px;font-size:13px}.table-actions{gap:10px;display:flex}.stat-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.stat-card{color:#fff;border-radius:16px;padding:22px;box-shadow:0 12px 30px #0000001f}.stat-title{opacity:.85;margin-bottom:8px;font-size:14px}.stat-value{font-size:32px;font-weight:700}.gradient-blue{background:linear-gradient(#2563eb,#1e40af)}.gradient-green{background:linear-gradient(#22c55e,#15803d)}.gradient-purple{background:linear-gradient(#8b5cf6,#6d28d9)}.table-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.table-header h3{color:#111827;font-size:18px;font-weight:600}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead th{text-align:left;color:#6b7280;padding-bottom:12px;font-weight:600}.data-table tbody td{vertical-align:top;border-top:1px solid #eef0f4;padding:14px 0}.employee-cell{flex-direction:column;display:flex}.employee-cell strong{color:#111827;font-size:14px}.employee-cell span{color:#6b7280;font-size:12px}.reason-cell{color:#374151;max-width:240px}.action-cell{gap:10px;display:flex}.approve-btn{color:#fff;cursor:pointer;background:linear-gradient(#22c55e,#16a34a);border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.reject-btn{color:#fff;cursor:pointer;background:linear-gradient(#ef4444,#dc2626);border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.approve-btn:hover,.reject-btn:hover{opacity:.9}.table-card{background:#fff;border-radius:16px;margin-bottom:36px;padding:24px;box-shadow:0 10px 28px #0000000f}.table-card table{border-collapse:collapse;width:100%}.table-card th{text-align:left;color:#6b7280;padding-bottom:12px;font-size:13px}.table-card td{border-top:1px solid #eef0f4;padding:14px 0}.form-container{max-width:500px;padding:16px}.form-group{flex-direction:column;margin-bottom:14px;display:flex}.form-group label{margin-bottom:6px;font-size:14px;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:8px;padding:10px}.form-actions{margin-top:20px}.attendance-list{margin-top:10px;padding-left:16px}.attendance-list li{padding:6px 0}.profile-card{background:#fff;border-radius:12px;padding:24px}.profile-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.profile-info{align-items:center;gap:16px;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;width:72px;height:72px}.designation{color:#6b7280}.profile-section{margin-top:24px}.profile-field label{color:#6b7280;margin-bottom:4px;font-size:13px;display:block}.profile-field input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px}.profile-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.profile-grid label{color:#6b7280;margin-bottom:4px;font-size:13px;display:block}.profile-grid input{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px}@media (max-width:768px){body{overflow:auto}.employee-layout{flex-direction:column;height:auto}.employee-content{padding:16px}.leave-cards{grid-template-columns:1fr;gap:16px}.leave-card h2{font-size:28px}.apply-leave{padding:20px}.date-row{flex-direction:column}.apply-leave button{width:100%}.leave-history{padding:20px}.leave-history table{font-size:13px}.leave-history{overflow-x:auto}}.close-btn{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:20px;display:none}.mobile-header{z-index:1400;background:#fff;border-bottom:1px solid #eef0f4;align-items:center;gap:12px;padding:12px;display:none;position:fixed;top:0;left:0;right:0}.mobile-menu-btn{cursor:pointer;z-index:1500;background:0 0;border:none;flex-shrink:0;width:44px;height:44px;font-size:22px;position:relative}.mobile-logo{color:#2563eb;white-space:nowrap;align-items:center;gap:8px;margin-left:8px;font-size:22px;font-weight:700;display:flex}.mobile-logo img{width:48px;height:48px}.sidebar-overlay{z-index:1200;background:#0006;position:fixed;inset:0}@media (max-width:768px){section{scroll-margin-top:80px}.mobile-header{display:flex}.employee-content{padding-top:80px}.sidebar{z-index:1300;z-index:1300;background:#fff;width:280px;height:100%;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.close-btn{display:block}}@media (min-width:769px){.mobile-header,.close-btn{display:none}}@media (max-width:768px){.stat-cards{grid-template-columns:1fr;gap:16px}.stat-card{padding:18px}.stat-value{font-size:26px}.table-card{padding:18px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:700px}.action-cell{flex-direction:column;gap:8px}.approve-btn,.reject-btn{text-align:center;width:100%}.employee-header h2{font-size:24px}.header-actions{justify-content:space-between;width:100%}.table-actions{flex-direction:column;width:100%}body{overflow:auto}}.mobile-only{display:none}@media (max-width:768px){.employee-mobile-card{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex;box-shadow:0 6px 18px #00000080}.employee-mobile-card strong{color:#111827;font-size:15px}.employee-mobile-card .muted{color:#6b7280;font-size:13px}.employee-mobile-card button{white-space:nowrap}.desktop-only{display:none}.mobile-only{flex-direction:column;gap:14px;display:flex}.pending-mobile-card{background:#fff;border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 6px 18px #00000080}.pending-info strong{color:#111827;font-size:15px}.pending-info .muted{color:#6b7280;margin-top:2px;font-size:13px}.pending-actions{gap:10px;margin-top:12px;display:flex}}.calendar-input{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.attendance-mobile-card{background:#fff;border-radius:12px;margin-bottom:12px;padding:14px;box-shadow:0 6px 18px #00000080}.attendance-mobile-card strong{color:#111827;font-size:15px}.attendance-mobile-card .muted{color:#6b7280;margin-top:2px;font-size:13px}.leave-pill{color:#2563eb;background:#eaf1ff;border-radius:999px;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.calendar-input{width:100%}.employee-view-page{padding-bottom:40px}.employee-header{flex-direction:column;align-items:flex-start;gap:12px}.employee-header h2{font-size:20px}.table-card{padding:18px}.table-card p{margin-bottom:6px;font-size:14px}.leave-history-section table{display:none}}.leave-history-mobile{display:none}@media (max-width:768px){.leave-history-mobile{flex-direction:column;gap:14px;display:flex}.leave-history-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:14px;box-shadow:0 6px 18px #00000080}.leave-history-card strong{margin-bottom:6px;font-size:15px;display:block}.leave-history-card p{color:#374151;margin:4px 0;font-size:13px}.leave-history-card .status{margin-top:6px;font-weight:600;display:inline-block}}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.95e4158a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.bd593fbe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.d82a9aff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/99ce71e74c11bc20-s.1db2973a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8cf1ea7b03cdeb83-s.da3cbacd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/829ba4228c966254-s.p.a61bc753.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_1907ddef-module__MwItSG__className{font-family:Poppins,Poppins Fallback;font-style:normal}