.employee-auth-shell,.employee-portal{color:#142538;min-height:100vh;font-family:var(--font-ui);background:#f2f6f7}.employee-auth-shell{place-items:center;padding:20px;display:grid}.employee-login-card{background:#fff;border:1px solid #dfe8eb;border-radius:22px;width:min(420px,100%);padding:32px;box-shadow:0 18px 50px #142c3a1f}.employee-brand{align-items:center;gap:10px;display:flex}.employee-brand>span{color:#fff;background:#0f7f76;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.employee-brand b,.employee-brand small{display:block}.employee-brand b{font-size:13px;line-height:1.45}.employee-brand small{color:#71808c;font-size:9px}.employee-login-card h1{margin:30px 0 6px}.employee-login-card form{gap:16px;margin-top:24px;display:grid}.employee-login-card label span{margin-bottom:7px;font-size:10px;font-weight:700;display:block}.employee-login-card input{background:#fbfcfd;border:1px solid #dce5e9;border-radius:12px;outline:none;width:100%;height:48px;padding:0 13px}.employee-login-card input:focus{border-color:#51a69d;box-shadow:0 0 0 3px #e0f1ef}.employee-login-card form>button,.attendance-main-button{color:#fff;background:#0f7f76;border:0;border-radius:12px;min-height:48px;font-weight:800}.employee-form-error{color:#9d433d;background:#fce9e7;border-radius:10px;padding:10px 12px;font-size:10px}.employee-sidebar{z-index:40;color:#dce8f0;background:linear-gradient(#10243e,#0a1827);flex-direction:column;width:248px;padding:22px 15px;display:flex;position:fixed;inset:0 0 0 auto}.employee-sidebar .employee-brand{padding:0 8px}.employee-sidebar nav{flex:1;margin-top:26px;overflow-y:auto}.employee-sidebar nav button,.employee-logout{color:#a8bdcc;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:44px;margin:2px 0;padding:0 12px;transition:color .16s,background .16s,transform .16s;display:flex}.employee-sidebar nav button:hover,.employee-sidebar nav button.is-active{color:#fff;background:#1f918847}.employee-sidebar nav button:active,.employee-logout:active{transform:scale(.985)}.employee-sidebar nav button span,.employee-logout span{flex:1}.employee-logout{color:#f1b4af;border-top:1px solid #ffffff14;border-radius:0;padding-top:10px}.employee-content{min-height:100vh;margin-right:248px;padding:1px 0 50px}.employee-welcome,.employee-attendance-card,.employee-history,.employee-page-placeholder{width:min(900px,100% - 32px);margin:24px auto}.employee-welcome small,.employee-welcome p{color:#71808c}.employee-welcome h1{margin:5px 0}.employee-attendance-card,.employee-history,.employee-page-placeholder{background:#fff;border:1px solid #dfe8eb;border-radius:20px;padding:25px;box-shadow:0 10px 35px #142c3a12}.employee-page-placeholder{place-items:center;min-height:260px;display:grid}.employee-page-placeholder h1{margin:0}.employee-attendance-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.employee-attendance-card h2,.employee-history h2{margin:0;font-size:17px}.employee-today-status{color:#687583;background:#eef1f3;border-radius:999px;padding:7px 10px;font-size:9px}.employee-today-status.is-recorded{color:#13705f;background:#def3eb}.employee-times{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.employee-times>div{text-align:center;background:#f5f8f9;border-radius:14px;padding:18px}.employee-times small,.employee-times b{display:block}.employee-times small{color:#71808c;font-size:9px}.employee-times b{margin-top:7px;font-size:22px}.attendance-main-button{width:100%;font-size:14px}.attendance-main-button:disabled{opacity:.6}.employee-history>div{border-top:1px solid #e7edef;grid-template-columns:1fr auto auto;gap:18px;padding:14px 0;font-size:10px;display:grid}.employee-history>div:first-of-type{margin-top:14px}.employee-history small{color:#71808c}.employee-content{margin-right:0;padding-bottom:92px}.employee-sidebar{border-radius:17px;flex-direction:row;align-items:center;width:auto;height:70px;padding:6px 8px;inset:auto 8px 8px;box-shadow:0 12px 35px #0f24363d}.employee-sidebar>.employee-brand{display:none}.employee-sidebar nav{scrollbar-width:none;flex:1;margin:0;display:flex;overflow-x:auto}.employee-sidebar nav button{flex-direction:column;justify-content:center;gap:3px;min-width:78px;height:56px;margin:0;padding:4px 8px;font-size:11px}.employee-sidebar nav button.is-active{box-shadow:none}.employee-logout{border:0;border-right:1px solid #ffffff1a;flex-direction:column;justify-content:center;gap:3px;width:64px;min-height:56px;margin:0;padding:4px;font-size:11px}.employee-logout span{flex:0}.employee-login-card{padding:24px}.employee-history>div{grid-template-columns:1fr auto}.employee-history small{grid-column:1/-1}.employee-attendance-card,.employee-history{padding:18px}@media (width>=561px){.employee-login-card{padding:32px}.employee-history>div{grid-template-columns:1fr auto auto}.employee-history small{grid-column:auto}.employee-attendance-card,.employee-history{padding:25px}}@media (width>=761px){.employee-content{margin-right:248px;padding-bottom:50px}.employee-sidebar{width:248px;height:auto;box-shadow:none;border-radius:0;flex-direction:column;align-items:stretch;padding:22px 15px;inset:0 0 0 auto}.employee-sidebar>.employee-brand{display:flex}.employee-sidebar nav{flex:1;margin-top:26px;display:block;overflow-y:auto}.employee-sidebar nav button{min-width:0;height:auto;font-size:inherit;flex-direction:row;justify-content:flex-start;gap:11px;margin:2px 0;padding:0 12px}.employee-sidebar nav button.is-active{box-shadow:inset -3px 0 #40b5a9}.employee-logout{width:100%;min-height:44px;font-size:inherit;border:0;border-top:1px solid #ffffff14;flex-direction:row;justify-content:flex-start;gap:11px;margin:2px 0;padding:10px 12px 0}.employee-logout span{flex:1}}@media (prefers-reduced-motion:reduce){.employee-sidebar *{transition:none!important}}.employee-account{position:relative}.employee-account__trigger{color:#dce8f0;text-align:right;background:0 0;border:0;border-top:1px solid #ffffff14;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;width:100%;min-height:52px;padding:9px 6px;display:grid}.employee-account__trigger>i{color:#fff;background:#476d87;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-style:normal;font-weight:800;display:grid}.employee-account__trigger b,.employee-account__trigger small{display:block}.employee-account__trigger b{font-size:10px}.employee-account__trigger small{color:#8ea6b9;margin-top:2px;font-size:8px}.employee-account__menu{background:#fff;border-radius:11px;width:100%;padding:6px;animation:.14s employee-menu-in;position:absolute;bottom:calc(100% + 7px);right:0;box-shadow:0 15px 35px #05142047}.employee-account__menu button{color:#a23f39;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;width:100%;height:38px;padding:0 9px;display:flex}.employee-account__menu button:hover{background:#fdeceb}@keyframes employee-menu-in{0%{opacity:0;transform:translateY(4px)}}.employee-today-status.is-excused{color:#8c6520;background:#fff1d8}.attendance-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.attendance-excursion-button{color:#0f7f76;background:#e5f3f1;border:1px solid #b9dcd7}.attendance-excursion-button.is-active{color:#fff;background:#b7791f;border-color:#b7791f}.employee-account{flex:none}.employee-account__trigger{border:0;border-right:1px solid #ffffff1a;flex-direction:column;justify-content:center;gap:2px;width:70px;min-height:56px;padding:3px;display:flex}.employee-account__trigger>i{width:25px;height:25px}.employee-account__trigger>span,.employee-account__trigger>svg{display:none}.employee-account__menu{width:145px;bottom:calc(100% + 9px);left:0;right:auto}@media (width>=761px){.employee-account{flex:initial}.employee-account__trigger{border:0;border-top:1px solid #ffffff14;grid-template-columns:34px 1fr 18px;justify-content:normal;gap:9px;width:100%;min-height:52px;padding:9px 6px;display:grid}.employee-account__trigger>i{width:34px;height:34px}.employee-account__trigger>span,.employee-account__trigger>svg{display:block}.employee-account__menu{width:100%;bottom:calc(100% + 7px);left:auto;right:0}}.employee-requests{width:min(900px,100% - 32px);margin:24px auto}.employee-requests>h1{margin:0 0 15px}.employee-requests>form,.employee-request-history{background:#fff;border:1px solid #dfe8eb;border-radius:20px;padding:22px}.employee-request-kind{gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.employee-request-kind button{color:#607280;background:#f8fafb;border:1px solid #dce5e9;border-radius:10px;min-width:100px;height:44px}.employee-request-kind button.is-active{color:#0f766e;background:#e8f5f3;border-color:#65b0a8;font-weight:700}.employee-requests form>label>span,.employee-request-dates label>span{margin-bottom:6px;font-size:9px;font-weight:700;display:block}.employee-requests .select-menu{width:100%}.employee-request-dates{grid-template-columns:1fr;gap:12px;margin:14px 0;display:grid}.employee-request-dates input{background:#fbfcfd;border:1px solid #dce5e9;border-radius:10px;width:100%;height:44px;padding:0 11px}.employee-request-history{margin-top:16px}.employee-request-history h2{margin:0 0 12px;font-size:15px}.employee-request-history>div{border-top:1px solid #e7edef;grid-template-columns:1fr;align-items:center;gap:12px;padding:12px 0;display:grid}.employee-request-history b,.employee-request-history small{display:block}.employee-request-history b{font-size:10px}.employee-request-history small{color:#71808c;margin-top:3px;font-size:8px}.employee-request-history strong{font-size:10px}.employee-request-status{border-radius:8px;padding:7px 9px;font-size:8px;font-style:normal}.employee-request-status--pending{color:#9b641e;background:#fff0d7}.employee-request-status--approved{color:#16725f;background:#def3eb}.employee-request-status--rejected{color:#a23f39;background:#fde8e6}@media (width>=561px){.employee-request-dates{grid-template-columns:1fr 1fr}.employee-request-history>div{grid-template-columns:1fr auto auto}}