.employee-portal{min-height:100vh;background:linear-gradient(180deg,#f3f8f6,#eef5f2);color:#14332d;font-family:inherit}.employee-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 42px}.employee-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.employee-header span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#0f766e}.employee-header h1{margin:5px 0 4px;font-size:25px;color:#0e2e28}.employee-header p{margin:0;color:#6a817b;font-size:11px}.employee-badge{padding:9px 13px;border-radius:999px;background:#073f38;color:#fff;font-size:11px;font-weight:800}.employee-nav{display:flex;gap:7px;flex-wrap:wrap;padding:9px;border:1px solid #d6e5e1;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(18,60,52,.05)}.employee-nav a,.employee-nav button{border:0;border-radius:9px;padding:9px 11px;background:#f7fbfa;color:#4d6b64;text-decoration:none;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}.employee-nav a.active{background:#0b5d4f;color:#fff}.employee-nav form{-webkit-margin-start:auto;margin-inline-start:auto}.employee-nav button{color:#9c3b3b;background:#fff2f2}.employee-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:14px;padding:24px;border-radius:18px;background:linear-gradient(135deg,#073f38,#0b5d4f);color:#fff}.employee-hero b{font-size:11px;color:#8ff1de}.employee-hero h2{margin:6px 0 8px;font-size:26px}.employee-hero p{margin:0;color:#d6eee7;font-size:12px;line-height:1.8}.employee-hero>strong{direction:ltr;font-size:18px;color:#80ead6}.employee-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin:14px 0}.employee-kpis article,.employee-profile-grid article{padding:15px;border:1px solid #d6e5e1;border-radius:13px;background:#fff}.employee-kpis small,.employee-kpis span,.employee-profile-grid span{display:block;color:#718681;font-size:10px}.employee-kpis strong,.employee-profile-grid strong{display:block;margin:7px 0 3px;color:#0b5d4f;font-size:18px;word-break:break-word}.employee-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:11px;gap:11px}.employee-cards a{min-height:130px;padding:17px;border:1px solid #d6e5e1;border-radius:14px;background:#fff;text-decoration:none;transition:.18s}.employee-cards a:hover{transform:translateY(-2px);border-color:#9ccfc4;box-shadow:0 12px 28px rgba(18,60,52,.08)}.employee-cards h3{margin:0 0 8px;color:#173a33}.employee-cards p{margin:0;color:#647d77;font-size:10px;line-height:1.7}.employee-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.employee-list article{display:flex;gap:14px;padding:15px;border:1px solid #d6e5e1;border-radius:13px;background:#fff}.employee-row-index{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eaf7f3;color:#0f766e;font-size:10px;font-weight:900}.employee-row-grid{flex:1 1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px}.employee-row-grid>div{padding:9px;border-radius:9px;background:#f8fbfa}.employee-row-grid span{display:block;color:#758a85;font-size:9px}.employee-row-grid strong{display:block;margin-top:4px;font-size:10px;color:#264940;word-break:break-word}.employee-empty{padding:36px;text-align:center;border:1px dashed #cbded8;border-radius:13px;background:#fff;color:#6e837e}.employee-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:14px}.employee-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 0,rgba(32,201,180,.12),transparent 30%),linear-gradient(180deg,#eef6f3,#f8fbfa)}.employee-login-card{width:min(440px,100%);padding:26px;border:1px solid #d3e5df;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(17,59,51,.1)}.employee-login-brand{display:flex;gap:11px;align-items:center}.employee-login-brand>div{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#073f38;color:#fff;font-size:24px;font-weight:900}.employee-login-brand span{display:grid}.employee-login-brand b{font-size:17px}.employee-login-brand small{color:#668078}.employee-login-copy{margin:24px 0 18px}.employee-login-copy>span{font-size:10px;color:#0f766e;font-weight:900}.employee-login-copy h1{margin:6px 0 7px;font-size:24px}.employee-login-copy p{margin:0;color:#687e78;font-size:11px;line-height:1.8}.employee-login-form{display:grid;grid-gap:12px;gap:12px}.employee-login-form label{display:grid;grid-gap:6px;gap:6px}.employee-login-form label span{font-size:10px;color:#46645c;font-weight:800}.employee-login-form input{min-height:45px;border:1px solid #cddfda;border-radius:10px;background:#fff;color:#17362f;padding:10px 12px;outline:none}.employee-login-form input:focus{border-color:#20a995;box-shadow:0 0 0 3px rgba(32,169,149,.1)}.employee-login-form button{min-height:45px;border:0;border-radius:10px;background:#0b5d4f;color:#fff;font-family:inherit;font-weight:900;cursor:pointer}.employee-login-note{display:block;margin-top:14px;color:#7c8f8b;text-align:center;font-size:9px}@media(max-width:850px){.employee-cards,.employee-kpis,.employee-profile-grid,.employee-row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.employee-shell{width:min(100% - 20px,1180px)}.employee-header,.employee-hero{align-items:flex-start;flex-direction:column}.employee-cards,.employee-kpis,.employee-profile-grid,.employee-row-grid{grid-template-columns:1fr}.employee-list article{flex-direction:column}.employee-nav form{-webkit-margin-start:0;margin-inline-start:0}}.employee-notice{margin:12px 0;padding:11px 13px;border-radius:10px;font-size:11px;font-weight:800}.employee-notice.success{background:#e8f7f1;border:1px solid #bfe2d6;color:#0f674f}.employee-notice.danger{background:#fff1f1;border:1px solid #efcccc;color:#9d3c3c}.employee-form-panel{margin-top:14px;padding:18px;border:1px solid #d5e5e1;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(18,60,52,.04)}.employee-form-panel>div b,.employee-form-panel>div small{display:block}.employee-form-panel>div b{font-size:14px;color:#173a33}.employee-form-panel>div small{margin-top:5px;color:#6f837e;font-size:9px;line-height:1.7}.employee-request-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:14px;align-items:end}.employee-request-form label{display:grid;grid-gap:6px;gap:6px}.employee-request-form label.wide{grid-column:1/-1}.employee-request-form label span{font-size:10px;color:#49675f;font-weight:800}.employee-request-form input,.employee-request-form select,.employee-request-form textarea{width:100%;box-sizing:border-box;border:1px solid #cddfda;border-radius:9px;background:#fff;color:#17362f;padding:9px 11px;font-family:inherit;outline:none}.employee-request-form input,.employee-request-form select{min-height:43px}.employee-request-form input:focus,.employee-request-form select:focus,.employee-request-form textarea:focus{border-color:#20a995;box-shadow:0 0 0 3px rgba(32,169,149,.1)}.employee-request-form button{grid-column:1/-1;min-height:43px;border:0;border-radius:9px;background:#0b5d4f;color:#fff;font-family:inherit;font-weight:900;cursor:pointer}.employee-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px;margin:14px 0}.employee-balance-grid article{padding:14px;border:1px solid #d6e5e1;border-radius:12px;background:#fff}.employee-balance-grid article.wide{grid-column:1/-1}.employee-balance-grid small,.employee-balance-grid span,.employee-balance-grid strong{display:block}.employee-balance-grid small,.employee-balance-grid span{font-size:9px;color:#718681}.employee-balance-grid strong{margin:6px 0 4px;color:#0b5d4f;font-size:15px}.employee-attendance-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:18px;border:1px solid #cfe3dd;border-radius:15px;background:#fff}.employee-attendance-hero>div:first-child small,.employee-attendance-hero>div:first-child span,.employee-attendance-hero>div:first-child strong{display:block}.employee-attendance-hero>div:first-child span{font-size:9px;color:#0f766e;font-weight:900}.employee-attendance-hero>div:first-child strong{margin:5px 0;color:#173a33;font-size:20px}.employee-attendance-hero>div:first-child small{color:#6c817c}.attendance-actions{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-gap:8px;gap:8px;min-width:300px}.attendance-actions button{min-height:44px;border:0;border-radius:10px;font-family:inherit;font-weight:900;cursor:pointer}.attendance-actions button:disabled{opacity:.55;cursor:wait}.attendance-actions .check-in{background:#0b5d4f;color:#fff}.attendance-actions .check-out{background:#fff;border:1px solid #b8d6cf;color:#0b5d4f}.attendance-actions p{grid-column:1/-1;margin:2px 0 0;color:#607a73;font-size:9px;text-align:center}@media(max-width:800px){.employee-request-form{grid-template-columns:1fr 1fr}.employee-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-attendance-hero{align-items:stretch;flex-direction:column}.attendance-actions{min-width:0}}@media(max-width:560px){.employee-balance-grid,.employee-request-form{grid-template-columns:1fr}.employee-balance-grid article.wide,.employee-request-form button,.employee-request-form label.wide{grid-column:auto}.attendance-actions{grid-template-columns:1fr}}