:root{
  --ep-navy:#10213e;--ep-navy-2:#172c4f;--ep-blue:#2f6fed;--ep-blue-soft:#edf4ff;
  --ep-bg:#f4f7fb;--ep-card:#fff;--ep-border:#dce5f1;--ep-text:#172238;--ep-muted:#6d7b91;
  --ep-green:#0d9b6c;--ep-green-soft:#e6f8f1;--ep-red:#d53b3b;--ep-red-soft:#fff0f0;
  --ep-amber:#d18a00;--ep-amber-soft:#fff7df;--ep-shadow:0 14px 40px rgba(16,33,62,.08);
  --ep-radius:18px;--ep-radius-sm:12px;--ep-sidebar:270px;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--ep-bg)}body.employee-portal{margin:0;min-height:100vh;color:var(--ep-text);background:var(--ep-bg);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.employee-brand{display:flex;align-items:center;gap:12px}.employee-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--ep-blue),#5a8dff);color:#fff;font-weight:900;font-size:21px;box-shadow:0 9px 22px rgba(47,111,237,.25)}.employee-brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.employee-brand strong{font-size:18px;letter-spacing:.08em}.employee-brand small{margin-top:5px;color:var(--ep-muted);font-size:11px;font-weight:650;letter-spacing:.03em}
.employee-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,44%) 1fr}.employee-auth-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px 6vw;color:#fff;background:linear-gradient(145deg,#0c1b33 0%,#142c52 58%,#19417e 100%);overflow:hidden}.employee-auth-brand:before,.employee-auth-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.employee-auth-brand:before{width:480px;height:480px;right:-220px;top:-120px}.employee-auth-brand:after{width:680px;height:680px;left:-360px;bottom:-440px}.employee-auth-brand .employee-brand{position:relative;z-index:1}.employee-auth-brand .employee-brand small{color:rgba(255,255,255,.7)}.employee-auth-promise{position:relative;z-index:1;max-width:560px;margin:auto 0}.employee-meta-label{display:block;color:var(--ep-muted);font-size:11px;font-weight:700;letter-spacing:.025em}.employee-project-hero .employee-meta-label,.employee-task-detail-head .employee-meta-label{margin-top:10px}.employee-auth-promise h1{margin:13px 0 16px;font-size:clamp(35px,4vw,58px);line-height:1.04;letter-spacing:-.045em}.employee-auth-promise p{max-width:510px;color:rgba(255,255,255,.73);font-size:17px}.employee-auth-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.employee-auth-points span{padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);font-size:13px;font-weight:650}.employee-auth-panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:70px 24px;background:#fff}.employee-auth-toolbar{position:absolute;right:30px;top:25px}.employee-auth-card{width:min(100%,470px)}.employee-auth-heading{margin-bottom:30px}.employee-auth-heading h2{margin:9px 0 9px;font-size:31px;line-height:1.15;letter-spacing:-.035em}.employee-auth-heading p{margin:0;color:var(--ep-muted);font-size:15px}.employee-auth-security{width:min(100%,470px);margin:28px 0 0;color:#8a96a8;font-size:12px;text-align:center}.employee-account-summary{display:flex;align-items:center;gap:13px;margin:-5px 0 24px;padding:14px;border:1px solid var(--ep-border);border-radius:14px;background:#f8fafc}.employee-account-summary>span:last-child{display:flex;flex-direction:column}.employee-account-summary small{color:var(--ep-muted)}
.employee-language-form select{height:40px;padding:0 33px 0 12px;border:1px solid var(--ep-border);border-radius:11px;background:#fff;color:var(--ep-text);font-weight:650;outline:none}.employee-language-form select:focus{border-color:var(--ep-blue);box-shadow:0 0 0 3px rgba(47,111,237,.12)}
.employee-form{display:grid;gap:17px}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}.employee-form label{display:grid;gap:7px;min-width:0}.employee-form label>span,.employee-form>label>span{font-size:13px;font-weight:750;color:#344259}.employee-form input,.employee-form select,.employee-form textarea,.employee-filter-bar input,.employee-filter-bar select{width:100%;min-width:0;border:1px solid #cfd9e7;border-radius:12px;background:#fff;color:var(--ep-text);outline:none;transition:.18s ease}.employee-form input,.employee-form select,.employee-filter-bar input,.employee-filter-bar select{height:48px;padding:0 14px}.employee-form textarea{padding:13px 14px;resize:vertical}.employee-form input:focus,.employee-form select:focus,.employee-form textarea:focus,.employee-filter-bar input:focus,.employee-filter-bar select:focus{border-color:var(--ep-blue);box-shadow:0 0 0 4px rgba(47,111,237,.11)}.employee-form small,.employee-field-help{color:var(--ep-muted);font-size:12px}.employee-form .span-2{grid-column:1/-1}.employee-form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.employee-auth-form{gap:19px}.employee-password-field{position:relative}.employee-password-field input{padding-right:48px}.employee-password-field button{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--ep-muted);cursor:pointer}.employee-password-field button:hover{background:#eef2f7;color:var(--ep-text)}.employee-auth-links{display:flex;justify-content:flex-end;margin-top:-7px}.employee-auth-links a{color:var(--ep-blue);font-size:13px;font-weight:700}
.employee-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 17px;border:1px solid transparent;border-radius:12px;font-weight:750;cursor:pointer;transition:.18s ease}.employee-button.primary{background:var(--ep-blue);color:#fff;box-shadow:0 8px 20px rgba(47,111,237,.2)}.employee-button.primary:hover{background:#245ed2;transform:translateY(-1px)}.employee-button.secondary{border-color:#cbd8eb;background:#fff;color:#25436e}.employee-button.secondary:hover,.employee-button.ghost:hover{background:#edf4ff;border-color:#b6cdf2}.employee-button.ghost{border-color:transparent;background:#f0f4f9;color:#3a4b64}.employee-button.full{width:100%}.employee-button.compact{min-height:36px;padding:0 12px;border-radius:10px;font-size:12px}.employee-icon-button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:#eef3f9;color:var(--ep-text);font-size:20px;cursor:pointer}
.employee-alert{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding:13px 15px;border:1px solid;border-radius:13px;font-size:13px}.employee-alert>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:9px;font-weight:900}.employee-alert p{flex:1;margin:3px 0}.employee-alert button{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}.employee-alert.success{border-color:#bce9d7;background:#edf9f4;color:#087353}.employee-alert.success>span{background:#d3f3e5}.employee-alert.error{border-color:#f5c4c4;background:#fff2f2;color:#b42323}.employee-alert.error>span{background:#ffe0e0}
.employee-app-shell{min-height:100vh}.employee-sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--ep-sidebar);display:flex;flex-direction:column;padding:22px 17px 18px;background:#fff;border-right:1px solid var(--ep-border)}.employee-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 20px}.employee-mobile-close{display:none}.employee-company-card{display:flex;align-items:center;gap:11px;margin:0 3px 18px;padding:13px;border-radius:14px;background:#f4f7fb;border:1px solid #e7edf5}.employee-company-card>span:last-child{display:flex;flex-direction:column;min-width:0}.employee-company-card strong,.employee-company-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-company-card strong{font-size:13px}.employee-company-card small{margin-top:3px;color:var(--ep-muted);font-size:11px}.employee-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#dbe8ff,#eef4ff);color:#285cae;font-weight:850}.employee-avatar.compact{flex-basis:34px;width:34px;height:34px;border-radius:10px;font-size:13px}.employee-nav{display:grid;gap:4px;overflow:auto}.employee-nav a,.employee-sidebar-foot a,.employee-logout-form button{display:flex;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#516078;font:inherit;font-size:13.5px;font-weight:700;text-align:left;cursor:pointer}.employee-nav a:hover,.employee-sidebar-foot a:hover,.employee-logout-form button:hover{background:#f1f5fa;color:var(--ep-text)}.employee-nav a.active,.employee-sidebar-foot a.active{background:var(--ep-blue-soft);color:var(--ep-blue)}.employee-nav-icon{display:grid;place-items:center;width:23px;height:23px;font-size:16px;font-weight:900}.employee-sidebar-foot{display:grid;gap:4px;margin-top:auto;padding-top:15px;border-top:1px solid #e9eef5}.employee-logout-form{margin:0}.employee-sidebar-overlay{display:none}.employee-main{min-height:100vh;margin-left:var(--ep-sidebar)}.employee-topbar{position:sticky;z-index:30;top:0;height:76px;display:flex;align-items:center;gap:15px;padding:0 28px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--ep-border);backdrop-filter:blur(14px)}.employee-menu-button{display:none}.employee-page-identity{display:flex;flex-direction:column;min-width:0}.employee-page-identity small{color:var(--ep-muted);font-size:11px}.employee-page-identity strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-topbar-actions{display:flex;align-items:center;gap:13px;margin-left:auto}.employee-profile-link{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.employee-content{max-width:1540px;margin:0 auto;padding:28px}
.employee-welcome-banner{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:190px;padding:33px 38px;border-radius:22px;color:#fff;background:linear-gradient(125deg,#10213e,#183b70 64%,#2c66bd);overflow:hidden;box-shadow:var(--ep-shadow)}.employee-welcome-banner:after{content:"";position:absolute;width:330px;height:330px;right:-90px;top:-160px;border:55px solid rgba(255,255,255,.06);border-radius:50%}.employee-welcome-banner .employee-meta-label{color:rgba(255,255,255,.7)}.employee-welcome-banner h1{margin:9px 0 8px;font-size:32px;letter-spacing:-.035em}.employee-welcome-banner p{max-width:620px;margin:0;color:rgba(255,255,255,.74)}.employee-welcome-mark{position:relative;z-index:1;margin-right:35px;color:rgba(255,255,255,.15);font-size:44px;font-weight:950;letter-spacing:.16em}.employee-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:19px 0}.employee-stat-card{display:flex;align-items:center;gap:15px;padding:19px;border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:#fff;box-shadow:0 7px 24px rgba(16,33,62,.045)}.employee-stat-card div{display:flex;flex-direction:column}.employee-stat-card small{color:var(--ep-muted);font-size:12px}.employee-stat-card strong{font-size:27px;line-height:1.1}.employee-stat-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;font-weight:900}.employee-stat-icon.blue{background:var(--ep-blue-soft);color:var(--ep-blue)}.employee-stat-icon.red{background:var(--ep-red-soft);color:var(--ep-red)}.employee-stat-icon.green{background:var(--ep-green-soft);color:var(--ep-green)}.employee-stat-icon.amber{background:var(--ep-amber-soft);color:var(--ep-amber)}
.employee-card{border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:var(--ep-card);box-shadow:0 7px 24px rgba(16,33,62,.045)}.employee-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 21px 15px}.employee-card-head h2{margin:0;font-size:18px;letter-spacing:-.02em}.employee-card-head a{color:var(--ep-blue);font-size:13px;font-weight:750}.employee-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:17px}.employee-card-wide{grid-row:span 2}.employee-task-list{display:grid;padding:0 13px 14px}.employee-task-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 9px;border-top:1px solid #edf1f6}.employee-task-row:first-child{border-top:0}.employee-task-row:hover{background:#f8fafd;border-radius:12px}.employee-task-row>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.employee-task-row strong{font-size:13.5px}.employee-task-row small{margin-top:3px;color:var(--ep-muted);font-size:11.5px}.employee-priority{display:block;width:6px;height:36px;border-radius:9px;background:#b3becd}.employee-priority.high{background:var(--ep-amber)}.employee-priority.critical{background:var(--ep-red)}.employee-priority.low{background:#75a5e9}.employee-task-meta{display:flex;flex-direction:column;align-items:flex-end}.employee-task-meta span{font-weight:800;color:#30486d}.employee-project-mini-list,.employee-notification-mini-list{display:grid;padding:0 14px 15px}.employee-project-mini-list a,.employee-notification-mini-list a{display:flex;align-items:center;gap:11px;padding:11px 6px;border-top:1px solid #edf1f6}.employee-project-mini-list a:first-child,.employee-notification-mini-list a:first-child{border-top:0}.employee-project-mini-list a>span:nth-child(2),.employee-notification-mini-list a>div{display:flex;flex-direction:column;min-width:0}.employee-project-mini-list strong,.employee-notification-mini-list strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-project-mini-list small,.employee-notification-mini-list small{color:var(--ep-muted);font-size:11px}.employee-project-letter{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#f0f5ff;color:var(--ep-blue);font-weight:850}.employee-notification-mini-list a>span{width:8px;height:8px;border-radius:50%;background:#c8d1df}.employee-notification-mini-list a.unread>span{background:var(--ep-blue);box-shadow:0 0 0 4px rgba(47,111,237,.1)}
.employee-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.employee-page-head h1{margin:5px 0 5px;font-size:29px;letter-spacing:-.035em}.employee-page-head p{max-width:720px;margin:0;color:var(--ep-muted)}.employee-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.employee-project-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:#fff;box-shadow:0 7px 24px rgba(16,33,62,.045)}.employee-project-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--ep-muted);font-size:11px}.employee-project-card h2{margin:18px 0 5px;font-size:20px;letter-spacing:-.025em}.employee-project-card>p{min-height:40px;margin:0;color:var(--ep-muted);font-size:13px}.employee-project-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:19px 0}.employee-project-stats>span{display:flex;flex-direction:column;padding:12px;border-radius:12px;background:#f5f8fc}.employee-project-stats strong{font-size:20px}.employee-project-stats small{color:var(--ep-muted);font-size:11px}.employee-project-info{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px;padding-top:14px;border-top:1px solid #edf1f6;font-size:12px}.employee-project-info span{color:var(--ep-muted)}.employee-project-card .employee-button{margin-top:auto}
.employee-status,.employee-priority-label{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 9px;border-radius:999px;background:#eef2f7;color:#56657b;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.employee-status.active,.employee-status.completed,.employee-status.approved,.employee-status.posted,.employee-status.resolved{background:var(--ep-green-soft);color:#087b57}.employee-status.planned,.employee-status.submitted,.employee-status.new{background:var(--ep-blue-soft);color:#285eb4}.employee-status.in_progress,.employee-status.in_review,.employee-status.review{background:var(--ep-amber-soft);color:#946200}.employee-status.on_hold,.employee-status.rejected,.employee-status.cancelled{background:var(--ep-red-soft);color:#b02727}.employee-status.large{min-height:34px;padding:0 14px}.employee-priority-label.low{background:#eef4fc;color:#5277a9}.employee-priority-label.normal{background:#eef2f7;color:#536176}.employee-priority-label.high{background:var(--ep-amber-soft);color:#966200}.employee-priority-label.critical{background:var(--ep-red-soft);color:#b42323}
.employee-project-hero,.employee-task-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:19px;padding:26px 29px;border-radius:21px;background:linear-gradient(125deg,#fff,#f8fbff);border:1px solid var(--ep-border)}.employee-project-hero h1,.employee-task-detail-head h1{margin:7px 0 6px;font-size:29px;letter-spacing:-.035em}.employee-project-hero p{margin:0;color:var(--ep-muted)}.employee-back-link{display:inline-block;margin-bottom:18px;color:var(--ep-blue);font-size:12px;font-weight:750}.employee-project-overview{margin-bottom:18px;padding:18px 22px}.employee-project-overview>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.employee-project-overview span{display:flex;flex-direction:column;gap:4px}.employee-project-overview small{color:var(--ep-muted);font-size:11px}.employee-project-overview strong{font-size:14px}.employee-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.employee-file-list{display:grid;padding:0 14px 15px}.employee-file-list a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 5px;border-top:1px solid #edf1f6}.employee-file-list a:first-child{border-top:0}.employee-file-list a>span:nth-child(2){display:flex;flex-direction:column}.employee-file-list strong{font-size:13px}.employee-file-list small{color:var(--ep-muted);font-size:11px}.employee-file-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#eef4ff;color:#3064b5;font-size:9px;font-weight:900}.employee-file-icon.large{width:52px;height:58px;border-radius:13px}
.employee-filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) minmax(160px,.65fr) auto auto;align-items:center;gap:10px;margin-bottom:17px;padding:13px;border:1px solid var(--ep-border);border-radius:15px;background:#fff}.employee-checkbox{display:flex!important;align-items:center!important;gap:8px!important;padding:0 8px;white-space:nowrap}.employee-checkbox input{width:18px!important;height:18px!important}.employee-task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.employee-task-card{display:flex;flex-direction:column;padding:19px;border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:#fff;box-shadow:0 7px 24px rgba(16,33,62,.045)}.employee-task-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.employee-task-card h2{margin:7px 0 8px;font-size:18px;line-height:1.25;letter-spacing:-.02em}.employee-task-card>p{min-height:54px;margin:0;color:var(--ep-muted);font-size:12.5px}.employee-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:18px 0}.employee-progress>div{height:8px;border-radius:999px;background:#e8edf4;overflow:hidden}.employee-progress>div span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ep-blue),#68a0ff)}.employee-progress strong{font-size:11px}.employee-task-card-meta{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:17px;color:var(--ep-muted);font-size:11px}.employee-task-card .employee-button{margin-top:auto}.employee-task-badges{display:flex;gap:7px;margin-top:14px}.employee-progress-ring{--progress:0;display:grid;place-items:center;align-content:center;flex:0 0 116px;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle at center,#fff 61%,transparent 62%),conic-gradient(var(--ep-blue) calc(var(--progress)*1%),#e8edf5 0)}.employee-progress-ring strong{font-size:24px}.employee-progress-ring small{color:var(--ep-muted);font-size:10px}.employee-two-column.task-detail{align-items:start}.employee-rich-text{padding:2px 21px 19px;color:#40506a}.employee-detail-list{margin:0;padding:0 21px 22px}.employee-detail-list>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:15px;padding:11px 0;border-top:1px solid #edf1f6}.employee-detail-list dt{color:var(--ep-muted);font-size:12px}.employee-detail-list dd{margin:0;font-size:13px;font-weight:700}.employee-detail-list .danger dd{color:var(--ep-red)}.employee-two-column.task-detail .employee-form{padding:1px 21px 22px}.employee-range-field{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:12px}.employee-range-field input{height:auto;padding:0}.employee-range-field output{font-weight:800;text-align:right}.employee-timeline-card{margin-top:17px}.employee-timeline{padding:0 22px 22px}.employee-timeline article{display:grid;grid-template-columns:14px minmax(0,1fr);gap:13px;padding:10px 0}.employee-timeline article>span{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--ep-blue);box-shadow:0 0 0 4px var(--ep-blue-soft)}.employee-timeline strong{font-size:12px}.employee-timeline p{margin:4px 0;color:var(--ep-muted);font-size:12px}
.employee-table-wrap{overflow:auto}.employee-table{width:100%;border-collapse:collapse;min-width:760px}.employee-table th{padding:13px 16px;border-bottom:1px solid var(--ep-border);background:#f7f9fc;color:var(--ep-muted);font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.06em}.employee-table td{padding:14px 16px;border-bottom:1px solid #edf1f6;font-size:12.5px;vertical-align:top}.employee-table tr:last-child td{border-bottom:0}.employee-table td>strong,.employee-table td>small{display:block}.employee-table td>small{margin-top:3px;color:var(--ep-muted)}
.employee-request-list{display:grid;gap:12px}.employee-request-card{display:grid;grid-template-columns:47px minmax(0,1fr) auto;gap:15px;padding:18px;border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:#fff}.employee-request-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eef2f7;color:#5e6d83;font-weight:950}.employee-request-icon.high{background:var(--ep-amber-soft);color:var(--ep-amber)}.employee-request-icon.critical{background:var(--ep-red-soft);color:var(--ep-red)}.employee-request-main h2{margin:4px 0 6px;font-size:17px}.employee-request-main>p{margin:0;color:#526078;font-size:13px}.employee-request-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:var(--ep-muted);font-size:11px}.employee-resolution{margin-top:13px;padding:12px;border-radius:12px;background:#f4f8ff}.employee-resolution strong{font-size:11px;color:var(--ep-blue);text-transform:uppercase}.employee-resolution p{margin:4px 0 0;font-size:12px}
.employee-file-grid{display:grid;padding:5px 18px}.employee-file-grid article{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 3px;border-top:1px solid #edf1f6}.employee-file-grid article:first-child{border-top:0}.employee-file-grid h2{margin:3px 0 4px;font-size:15px}.employee-file-grid p{margin:0;color:var(--ep-muted);font-size:12px}.employee-file-grid small{display:block;margin-top:5px;color:#8b97a8;font-size:10px}.employee-notification-list{display:grid;gap:10px}.employee-notification-card{display:grid;grid-template-columns:13px minmax(0,1fr) auto;gap:14px;padding:17px 19px;border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:#fff}.employee-notification-card.unread{border-color:#bcd2f8;background:#fbfdff}.employee-notification-dot{width:9px;height:9px;margin-top:8px;border-radius:50%;background:#c7d0de}.employee-notification-card.unread .employee-notification-dot{background:var(--ep-blue);box-shadow:0 0 0 4px var(--ep-blue-soft)}.employee-notification-card h2{margin:3px 0 5px;font-size:16px}.employee-notification-card p{margin:0;color:var(--ep-muted);font-size:12.5px}.employee-notification-card a{display:inline-block;margin-top:8px;color:var(--ep-blue);font-size:12px;font-weight:750}.employee-profile-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:17px;align-items:start}.employee-profile-grid .employee-form{padding:2px 21px 22px}
.employee-modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:22px;background:rgba(10,21,39,.58);backdrop-filter:blur(5px)}.employee-modal-backdrop[hidden]{display:none}.employee-modal{width:min(100%,720px);max-height:min(90vh,900px);display:flex;flex-direction:column;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(7,18,37,.25);overflow:hidden}.employee-modal.large{width:min(100%,850px)}.employee-modal>header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--ep-border)}.employee-modal>header h2{margin:4px 0 0;font-size:21px}.employee-modal>header button{display:grid;place-items:center;width:39px;height:39px;border:0;border-radius:11px;background:#eef2f7;font-size:22px;cursor:pointer}.employee-modal>.employee-form{overflow:auto;padding:22px 23px 24px}.employee-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:28px;text-align:center;color:var(--ep-muted)}.employee-empty>span{display:grid;place-items:center;min-width:52px;height:52px;margin-bottom:10px;padding:0 12px;border-radius:15px;background:#eef4ff;color:var(--ep-blue);font-weight:900}.employee-empty p{max-width:420px;margin:0}.employee-empty.compact{min-height:130px;padding:20px}
@media(max-width:1180px){.employee-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-project-grid,.employee-task-board{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-filter-bar{grid-template-columns:1fr 1fr 1fr}.employee-filter-bar .employee-checkbox,.employee-filter-bar button{grid-row:2}.employee-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.65fr)}}
@media(max-width:920px){:root{--ep-sidebar:276px}.employee-sidebar{transform:translateX(-105%);box-shadow:0 0 45px rgba(4,13,29,.22);transition:transform .22s ease}.employee-sidebar.open{transform:translateX(0)}.employee-sidebar-overlay{position:fixed;z-index:35;inset:0;display:none;background:rgba(7,17,34,.5)}.employee-sidebar-overlay.open{display:block}.employee-mobile-close,.employee-menu-button{display:grid}.employee-main{margin-left:0}.employee-topbar{height:68px;padding:0 18px}.employee-content{padding:20px}.employee-profile-link>span:last-child{display:none}.employee-auth-shell{grid-template-columns:1fr}.employee-auth-brand{display:none}.employee-auth-panel{min-height:100vh;padding:85px 20px 40px}.employee-auth-toolbar{right:20px;top:20px}.employee-dashboard-grid,.employee-profile-grid{grid-template-columns:1fr}.employee-card-wide{grid-row:auto}.employee-project-overview>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.employee-content{padding:15px}.employee-topbar-actions{gap:7px}.employee-topbar .employee-language-form select{max-width:115px}.employee-welcome-banner{min-height:180px;padding:26px 23px}.employee-welcome-banner h1{font-size:26px}.employee-welcome-mark{display:none}.employee-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.employee-stat-card{padding:14px}.employee-stat-icon{width:38px;height:38px}.employee-stat-card strong{font-size:22px}.employee-page-head{align-items:flex-start;flex-direction:column}.employee-page-head>.employee-button{width:100%}.employee-project-grid,.employee-task-board,.employee-two-column{grid-template-columns:1fr}.employee-filter-bar{grid-template-columns:1fr}.employee-filter-bar .employee-checkbox,.employee-filter-bar button{grid-row:auto}.employee-filter-bar button{width:100%}.employee-project-hero,.employee-task-detail-head{padding:20px;flex-direction:column}.employee-progress-ring{width:94px;height:94px;flex-basis:94px;align-self:center}.employee-project-overview>div{grid-template-columns:1fr 1fr}.employee-form-grid{grid-template-columns:1fr}.employee-form .span-2{grid-column:auto}.employee-form footer.span-2{grid-column:auto}.employee-modal-backdrop{padding:0;place-items:end center}.employee-modal{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.employee-request-card{grid-template-columns:42px minmax(0,1fr)}.employee-request-card>.employee-status{grid-column:2;justify-self:start}.employee-file-grid article{grid-template-columns:50px minmax(0,1fr)}.employee-file-grid article>.employee-button{grid-column:2;width:100%}.employee-notification-card{grid-template-columns:12px minmax(0,1fr)}.employee-notification-card form{grid-column:2}.employee-auth-heading h2{font-size:27px}}
@media(max-width:430px){.employee-stat-grid{grid-template-columns:1fr}.employee-project-overview>div{grid-template-columns:1fr}.employee-topbar{padding:0 12px}.employee-topbar .employee-language-form{display:none}.employee-content{padding:12px}.employee-page-head h1{font-size:25px}.employee-task-row{grid-template-columns:7px minmax(0,1fr)}.employee-task-meta{grid-column:2;align-items:flex-start;flex-direction:row;gap:7px}.employee-auth-panel{padding-left:16px;padding-right:16px}}


/* Unified employee portal confirmations and time-entry revisions */
body.employee-modal-open,body.employee-dialog-open,body.employee-sidebar-open{overflow:hidden}
.employee-modal-help{max-width:620px;margin:5px 0 0;color:var(--ep-muted);font-size:12px;line-height:1.45}
.employee-confirm-backdrop{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:20px;background:rgba(7,18,37,.62);backdrop-filter:blur(5px)}
.employee-confirm-backdrop[hidden]{display:none}
.employee-confirm-dialog{width:min(100%,490px);display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;padding:23px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(4,13,29,.34)}
.employee-confirm-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--ep-blue-soft);color:var(--ep-blue);font-size:22px;font-weight:900}
.employee-confirm-copy h2{margin:1px 0 7px;font-size:21px;letter-spacing:-.02em}
.employee-confirm-copy p{margin:0;color:var(--ep-muted);font-size:13.5px;line-height:1.55}
.employee-confirm-dialog footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:5px}
.employee-confirm-dialog .employee-button.danger{border-color:#c92f2f;background:#c92f2f;color:#fff;box-shadow:0 8px 20px rgba(201,47,47,.2)}
.employee-form.has-unsaved-changes{position:relative}
.employee-form.has-unsaved-changes:before{content:"";position:absolute;top:8px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--ep-amber);box-shadow:0 0 0 4px var(--ep-amber-soft)}
.employee-time-table{min-width:1080px}
.employee-time-description{max-width:340px;white-space:normal}
.employee-time-rejected td{background:#fffdfd}
.employee-time-rejection-inline{display:grid;gap:3px;margin-top:9px;padding:9px 10px;border-left:3px solid var(--ep-red);border-radius:0 9px 9px 0;background:var(--ep-red-soft);color:#8f2626;font-size:11px;line-height:1.45}
.employee-time-rejection-inline strong{text-transform:uppercase;letter-spacing:.045em;font-size:9px}
.employee-time-actions{display:grid;gap:7px;min-width:190px}
.employee-time-actions .employee-button{width:100%;white-space:normal;line-height:1.25;padding-top:7px;padding-bottom:7px}
.employee-time-rejection-box{padding:13px 15px;border:1px solid #efbcbc;border-radius:13px;background:var(--ep-red-soft);color:#8d2424}
.employee-time-rejection-box strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.055em}
.employee-time-rejection-box p{margin:5px 0 0;font-size:13px;line-height:1.5}
.employee-muted{color:var(--ep-muted)}
@media(max-width:700px){.employee-confirm-backdrop{align-items:end;padding:0}.employee-confirm-dialog{width:100%;border-radius:20px 20px 0 0;padding:21px 18px}.employee-confirm-dialog footer{display:grid;grid-template-columns:1fr 1fr}.employee-confirm-dialog footer .employee-button{width:100%}.employee-time-actions{min-width:160px}}
.employee-notification-center{position:relative}.employee-notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9e2ef;border-radius:12px;background:#fff;color:#17335d;cursor:pointer}.employee-notification-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.employee-notification-bell>span{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:900;line-height:19px;text-align:center}.employee-notification-panel{position:absolute;z-index:60;right:0;top:50px;width:min(390px,calc(100vw - 24px));max-height:520px;background:#fff;border:1px solid #dce5f0;border-radius:16px;box-shadow:0 22px 60px rgba(13,35,65,.22);overflow:hidden}.employee-notification-panel header{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 16px;border-bottom:1px solid #e8eef5}.employee-notification-panel header div{display:grid;gap:2px}.employee-notification-panel header small{color:#7b8ba3;font-size:11px}.employee-notification-panel header a{font-size:12px;color:#2f6fed;text-decoration:none;font-weight:800}.employee-notification-panel>div{overflow:auto;max-height:430px}.employee-bell-item{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:13px 15px;border-bottom:1px solid #eef2f7;text-decoration:none;color:inherit}.employee-bell-item:hover{background:#f7faff}.employee-bell-item.unread{background:#f2f7ff}.employee-bell-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#2f6fed}.employee-bell-item:not(.unread) .employee-bell-dot{background:#cbd5e1}.employee-bell-copy{display:grid;gap:3px}.employee-bell-copy strong{font-size:13px}.employee-bell-copy p{margin:0;color:#55657d;font-size:12px;line-height:1.4}.employee-bell-copy small{color:#8a98aa;font-size:10px}.employee-bell-empty{padding:24px;text-align:center;color:#7a899f;font-size:13px}

/* Update 142: official Stavix brand assets */
.employee-brand-logo{display:block;width:190px;max-width:100%;height:auto;max-height:76px;object-fit:contain;object-position:left center}
.employee-auth-brand .employee-brand-logo{width:min(360px,100%);max-height:150px}
.employee-sidebar .employee-brand-logo{width:180px;max-height:70px}
@media(max-width:980px){.employee-auth-brand .employee-brand-logo{width:min(310px,100%)}}


/* Update 144: clear Stavix branding + official website link */
.employee-auth-brand .employee-brand-logo{width:min(430px,100%);max-height:180px}
.employee-sidebar .employee-brand-logo{width:195px;max-height:72px}
.employee-login-site-link{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;margin:13px auto 0;color:var(--ep-blue);font-size:12px;font-weight:800;text-decoration:none}
.employee-login-site-link:hover{text-decoration:underline}
@media(max-width:980px){.employee-auth-brand .employee-brand-logo{width:min(360px,100%)}}