:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172026;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px}.app-shell{max-width:1200px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #e6eaed;border-radius:18px;box-shadow:0 8px 30px rgba(20,30,40,.05)}.login-card{width:min(420px,100%);padding:28px;display:grid;grid-gap:18px;gap:18px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:#68737d}.muted{color:#68737d;margin:4px 0 0}.error{padding:10px 12px;background:#fff0f0;color:#a40000;border-radius:10px}label{display:grid;grid-gap:7px;gap:7px;font-weight:650;font-size:14px}input,select{width:100%;padding:12px;border-radius:10px;border:1px solid #ccd4d9;background:white}.ghost,.icon,.primary{border:0;border-radius:11px;cursor:pointer}.primary{padding:12px 16px;background:#172026;color:white;font-weight:750}.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{padding:10px 14px}.ghost,.icon{background:#edf1f3}.icon{width:42px;height:42px;font-size:25px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.topbar h1{margin:4px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.month-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:18px;text-transform:capitalize}.month-nav h2{margin:0}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.stat{padding:18px}.stat span{display:block;color:#68737d;font-size:13px}.stat strong{font-size:26px}.calendar-card{padding:12px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.weekday{text-align:center;font-size:12px;font-weight:800;color:#68737d;padding:8px}.day{min-height:108px;text-align:left;padding:10px;border:1px solid #e8ecef;background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.day.filled{background:#f3f7f5}.day.blank{border:0;background:transparent}.day-num{font-weight:800}.day small{font-size:11px;color:#68737d}.day .add{margin-top:auto}.cp{margin:auto 0;color:#1d6b43}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;margin-top:18px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:grid;place-items:center;padding:18px;z-index:20}.modal{width:min(520px,100%);padding:22px;display:grid;grid-gap:16px;gap:16px}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal h2{margin:3px 0;text-transform:capitalize}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.check{display:flex;grid-template-columns:none;align-items:center;gap:9px}.check input{width:auto}.total-box{background:#f2f5f6;padding:14px;border-radius:12px;display:grid;grid-template-columns:1fr auto;grid-gap:4px;gap:4px}.total-box small{grid-column:1/-1;color:#68737d}.table-wrap{overflow:auto;padding:10px}table{width:100%;border-collapse:collapse}td,th{padding:11px;border-bottom:1px solid #edf0f2;text-align:left;white-space:nowrap}th{font-size:12px;color:#68737d}@media(max-width:760px){.app-shell{padding:14px}.summary-grid{grid-template-columns:1fr 1fr}.calendar{gap:4px}.weekday{font-size:10px;padding:4px}.day{min-height:82px;padding:7px}.day small{font-size:9px}.submit-row,.topbar{align-items:flex-start;flex-direction:column}.grid-2{grid-template-columns:1fr}}:root{--af-green:#21a45b;--af-green-soft:#edf9f2;--af-purple:#8956d8;--af-purple-soft:#f5effd;--af-blue:#347cf5;--af-blue-soft:#eef5ff;--af-yellow:#f4b63e;--af-yellow-soft:#fff7e8;--af-text:#17191c;--af-muted:#707781}.employee-page{min-height:100vh;padding:28px 20px 50px;background:radial-gradient(circle at 25% 0,#ffffff 0,#f8f9fa 38%,#f4f5f7 100%)}.employee-shell{width:min(1180px,100%);margin:0 auto}.dashboard-card{background:rgba(255,255,255,.96);border:1px solid #e9ebee;border-radius:28px;box-shadow:0 12px 40px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.9)}.employee-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.employee-brand{gap:22px;min-width:0}.employee-brand,.employee-logo{display:flex;align-items:center}.employee-logo{flex:0 0 auto;width:105px;height:105px;justify-content:center;padding:10px;overflow:hidden;background:#fff;border:1px solid #ebedf0;border-radius:28px;box-shadow:0 10px 35px rgba(0,0,0,.045)}.employee-logo img{display:block!important;width:100%!important;height:100%!important;max-width:85px!important;max-height:85px!important;object-fit:contain!important}.employee-welcome{min-width:0}.employee-welcome h1{margin:0;color:var(--af-text);font-size:clamp(28px,4vw,40px);font-weight:750;line-height:1.05;letter-spacing:-.045em}.employee-welcome h1 span{font-size:.8em}.employee-welcome p{margin:9px 0 0;color:var(--af-muted);font-size:18px;font-weight:450}.employee-header-actions{display:flex;align-items:center;gap:10px}.round-action{width:52px;height:52px;display:grid;place-items:center;padding:0;border:1px solid #e8eaee;border-radius:50%;background:#fff;color:#17191c;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.04)}.summary-panel{padding:27px;margin-bottom:22px}.summary-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.summary-title-row h2{margin:0;color:var(--af-text);font-size:24px;font-weight:750;letter-spacing:-.025em}.month-status{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:#f4f4f5;color:#34383d;font-size:14px;font-weight:600}.month-status span{width:11px;height:11px;border-radius:50%}.month-status.draft span{background:var(--af-yellow)}.month-status.submitted span{background:var(--af-blue)}.month-status.approved span{background:var(--af-green)}.employee-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.summary-item{min-height:165px;display:flex;flex-direction:column;padding:19px;border:1px solid rgba(0,0,0,.025);border-radius:22px}.summary-item-head{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650}.summary-icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:14px}.summary-item strong{display:block;margin-top:18px;font-size:32px;font-weight:750;line-height:1;letter-spacing:-.04em}.summary-item small{margin-top:auto;padding-top:12px;color:#626973;font-size:13px;font-weight:450}.summary-green{color:#168544;background:linear-gradient(135deg,#edf9f2,#f7fcf9)}.summary-green .summary-icon{background:rgba(33,164,91,.1)}.summary-green small b{color:var(--af-green)}.summary-purple{color:#7340c4;background:linear-gradient(135deg,#f5effd,#faf7fe)}.summary-purple .summary-icon{background:rgba(137,86,216,.1)}.summary-blue{color:#2169d9;background:linear-gradient(135deg,#eef5ff,#f8fbff)}.summary-blue .summary-icon{background:rgba(52,124,245,.1)}.summary-yellow{color:#d89112;background:linear-gradient(135deg,#fff7e8,#fffbf3)}.summary-yellow .summary-icon{background:rgba(244,182,62,.13)}.calendar-panel{padding:27px;margin-bottom:22px}.calendar-toolbar{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;margin-bottom:20px}.calendar-toolbar h2{margin:0;text-align:center;text-transform:capitalize;color:var(--af-text);font-size:25px;font-weight:750;letter-spacing:-.03em}.calendar-arrow{width:50px;height:50px;padding:0;display:grid;place-items:center;border:1px solid #e7e9ed;border-radius:17px;background:#fff;color:#111418;font-size:34px;font-weight:300;line-height:1;cursor:pointer;box-shadow:0 7px 18px rgba(0,0,0,.04)}.calendar-panel .calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:9px;gap:9px}.calendar-panel .weekday{padding:10px 4px 12px;text-align:center;color:#6d747d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.calendar-panel .day{position:relative;min-height:80px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;border:0;border-radius:19px;background:transparent;color:#111418;cursor:pointer;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.calendar-panel .day:not(.outside):hover{background:#f8f8f9;transform:translateY(-1px)}.calendar-panel .day.outside{background:transparent;color:#babfc7;cursor:default}.calendar-panel .day.weekend:not(.outside){background:rgba(247,247,248,.72);color:#505761}.calendar-panel .day.weekend .day-num{color:inherit!important}.calendar-panel .day.today{box-shadow:0 7px 17px rgba(10,14,18,.18)}.calendar-panel .day-num{color:inherit;font-size:17px;font-weight:650}.day-status{min-height:16px;display:flex;justify-content:center;align-items:center;gap:4px}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%}.status-green{background:var(--af-green)}.status-purple{background:var(--af-purple)}.status-yellow{background:var(--af-yellow)}.calendar-panel .day.today .status-yellow{background:rgba(255,255,255,.75)}.cp-badge{padding:2px 7px;border-radius:999px;background:#dceaff;color:#2567cf;font-size:10px;font-weight:800;line-height:1.3}.calendar-legend{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #f0f1f3;color:#666d76;font-size:13px}.calendar-legend>div{display:flex;align-items:center;gap:8px}.legend-dot{width:11px;height:11px;display:inline-block;border-radius:50%}.legend-dot.green{background:var(--af-green)}.legend-dot.blue{background:var(--af-blue)}.legend-dot.purple{background:var(--af-purple)}.legend-dot.yellow{background:var(--af-yellow)}.validation-panel{min-height:120px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #dfeafa;border-radius:25px;background:linear-gradient(110deg,#eff6ff,#fbfdff);box-shadow:0 10px 35px rgba(30,80,150,.04)}.validation-content{display:flex;align-items:center;gap:17px}.validation-icon{flex:0 0 auto;width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:rgba(52,124,245,.11);color:#2670e5}.validation-content h3{margin:0 0 5px;font-size:19px;font-weight:750;letter-spacing:-.015em}.validation-content p{margin:0;font-size:15px}.validation-content small{display:block;margin-top:5px;color:#6a717b;font-size:13px}.validation-button{flex:0 0 auto;min-width:185px;padding:15px 22px;border:0;border-radius:16px;background:#1670f8;color:white;font-weight:750;cursor:pointer;box-shadow:0 8px 20px rgba(22,112,248,.16)}.validation-button:disabled{background:#d8dce2;color:#737983;box-shadow:none;cursor:default}.validation-panel.submitted{border-color:#e3e7ec;background:linear-gradient(110deg,#f5f7f9,#fcfcfd)}.validation-panel.approved{border-color:#dcefe3;background:linear-gradient(110deg,#eef9f3,#fbfdfc)}.validation-panel.approved .validation-icon{background:rgba(33,164,91,.1);color:var(--af-green)}.employee-mobile-nav{display:none}@media (max-width:760px){body{padding-bottom:88px}.employee-page{padding:15px 11px 25px}.employee-header{gap:10px;margin-bottom:14px}.employee-brand{gap:11px}.employee-logo{width:70px;height:70px;padding:7px;border-radius:20px}.employee-logo img{max-width:56px!important;max-height:56px!important}.employee-welcome h1{max-width:calc(100vw - 120px);overflow:hidden;font-size:22px;white-space:nowrap;text-overflow:ellipsis}.employee-welcome p{margin-top:4px;font-size:13px}.employee-header-actions{display:none}.summary-panel{padding:16px;margin-bottom:13px;border-radius:22px}.summary-title-row{margin-bottom:14px}.summary-title-row h2{font-size:19px}.month-status{gap:6px;padding:7px 9px;font-size:10px}.month-status span{width:8px;height:8px}.employee-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-item{min-height:135px;padding:13px;border-radius:18px}.summary-item-head{gap:7px;font-size:11px}.summary-icon{width:34px;height:34px;border-radius:11px}.summary-item strong{margin-top:12px;font-size:26px}.summary-item small{padding-top:8px;font-size:10px}.calendar-panel{padding:15px 11px 14px;margin-bottom:13px;border-radius:22px}.calendar-toolbar{grid-template-columns:41px 1fr 41px;margin-bottom:9px}.calendar-toolbar h2{font-size:20px}.calendar-arrow{width:40px;height:40px;border-radius:14px;font-size:28px}.calendar-panel .calendar{gap:2px}.calendar-panel .weekday{padding:6px 1px;font-size:8px}.calendar-panel .day{min-height:49px;padding:4px 1px;gap:3px;border-radius:13px}.calendar-panel .day-num{font-size:13px}.status-dot{width:6px;height:6px}.cp-badge{padding:1px 5px;font-size:8px}.calendar-legend{justify-content:flex-start;gap:10px 15px;margin-top:12px;padding-top:12px;font-size:9px}.legend-dot{width:8px;height:8px}.validation-panel{padding:16px;flex-direction:column;align-items:stretch;gap:14px;border-radius:22px}.validation-content{align-items:flex-start;gap:11px}.validation-icon{width:48px;height:48px;border-radius:15px}.validation-content h3{font-size:16px}.validation-content p{font-size:12px}.validation-content small{font-size:10px}.validation-button{width:100%;min-width:0;padding:13px 16px;border-radius:14px}.employee-mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:15;display:flex;justify-content:space-around;padding:8px;border:1px solid rgba(225,228,232,.92);border-radius:24px;background:rgba(255,255,255,.91);box-shadow:0 12px 40px rgba(15,23,42,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.employee-mobile-nav button{min-width:85px;padding:8px 11px;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;border-radius:17px;background:transparent;color:#606770;font-size:10px;cursor:pointer}.employee-mobile-nav button.active{background:#eef5ff;color:#1767df}}.legend-dot.gray,.status-gray{background:#c5c9ce}.calendar-panel .day.weekend:not(.outside){background:transparent;color:#111418}.calendar-panel .day.weekend:not(.outside):hover{background:#f8f8f9}.calendar-panel .day.today{background:#17191c!important;color:#fff!important}.admin-page{min-height:100vh;padding:28px 20px 60px;background:radial-gradient(circle at 20% 0,#fff 0,#f8f9fa 38%,#f4f5f7 100%)}.admin-shell{width:min(1240px,100%);margin:0 auto}.admin-header{justify-content:space-between;gap:24px;margin-bottom:24px}.admin-brand,.admin-header{display:flex;align-items:center}.admin-brand{gap:18px}.admin-logo{width:82px;height:82px;padding:8px;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid #e9ebee;border-radius:23px;box-shadow:0 8px 28px rgba(0,0,0,.045)}.admin-logo img{width:100%!important;height:100%!important;max-width:66px!important;max-height:66px!important;object-fit:contain!important}.admin-eyebrow{margin-bottom:4px;color:#777e87;font-size:11px;font-weight:800;letter-spacing:.13em}.admin-brand h1{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.04em}.admin-brand p{margin:7px 0 0;color:#737a83}.admin-header-actions{display:flex;gap:9px;flex-wrap:wrap}.admin-secondary-button{display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #e4e7ea;border-radius:14px;background:#fff;color:#25292e;font-weight:650;cursor:pointer}.admin-toolbar{padding:13px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;border:1px solid #e8eaed;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(0,0,0,.035)}.admin-month-nav{display:grid;grid-template-columns:44px minmax(170px,1fr) 44px;align-items:center;grid-gap:8px;gap:8px}.admin-month-nav button{width:44px;height:44px;border:0;border-radius:14px;background:#f0f2f4;font-size:27px;cursor:pointer}.admin-month-nav h2{margin:0;min-width:180px;text-align:center;text-transform:capitalize;font-size:20px;letter-spacing:-.02em}.admin-export-actions{display:flex;gap:8px}.admin-export{padding:11px 15px;display:flex;align-items:center;gap:7px;border:0;border-radius:13px;background:#edf0f2;color:#25292e;font-weight:700;cursor:pointer}.admin-export.primary-export{background:#17191c;color:#fff}.admin-overview{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:30px}.admin-overview-card{min-height:100px;padding:18px;display:flex;align-items:center;gap:14px;border:1px solid rgba(0,0,0,.025);border-radius:21px}.admin-overview-icon{flex:0 0 auto;width:43px;height:43px;display:grid;place-items:center;border-radius:14px}.admin-overview-card span{display:block;margin-bottom:4px;font-size:12px;font-weight:650}.admin-overview-card strong{font-size:25px;letter-spacing:-.03em}.overview-neutral{background:#f0f2f4;color:#444a51}.overview-neutral .admin-overview-icon{background:rgba(0,0,0,.05)}.overview-green{background:#edf9f2;color:#168544}.overview-green .admin-overview-icon{background:rgba(33,164,91,.1)}.overview-blue{background:#eef5ff;color:#2169d9}.overview-blue .admin-overview-icon{background:rgba(52,124,245,.1)}.overview-purple{background:#f5effd;color:#7340c4}.overview-purple .admin-overview-icon{background:rgba(137,86,216,.1)}.admin-section-heading{margin:0 2px 13px}.admin-section-heading h2{margin:0;font-size:24px;letter-spacing:-.025em}.admin-section-heading p{margin:5px 0 0;color:#777e87;font-size:13px}.employee-admin-list{display:grid;grid-gap:14px;gap:14px}.employee-admin-card{padding:21px;border:1px solid #e8eaed;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 9px 32px rgba(15,23,42,.04)}.employee-admin-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.employee-admin-person{display:flex;align-items:center;gap:13px}.employee-avatar{width:47px;height:47px;display:grid;place-items:center;border-radius:16px;background:#f0f2f4;color:#4e555d}.employee-admin-person h3{margin:0 0 6px;font-size:19px;letter-spacing:-.015em}.admin-status{width:-moz-fit-content;width:fit-content;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f2f3f4;color:#646b74;font-size:11px;font-weight:700}.admin-status span{width:7px;height:7px;border-radius:50%;background:#a7adb4}.admin-status.submitted{background:#fff6e5;color:#b47808}.admin-status.submitted span{background:#f4b63e}.admin-status.approved{background:#edf9f2;color:#168544}.admin-status.approved span{background:#21a45b}.employee-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.approve-button,.reopen-button{padding:10px 13px;display:flex;align-items:center;gap:7px;border:0;border-radius:13px;font-weight:700;cursor:pointer}.approve-button{background:#17191c;color:#fff}.reopen-button{background:#eef0f2;color:#444a51}.employee-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px;margin-top:19px}.employee-admin-stat{min-height:80px;padding:14px;display:flex;align-items:center;gap:11px;border-radius:17px}.employee-admin-stat span{display:block;margin-bottom:3px;font-size:11px;font-weight:650;opacity:.78}.employee-admin-stat strong{font-size:19px}.employee-admin-stat.stat-green{background:#edf9f2;color:#168544}.employee-admin-stat.stat-route{background:#f0f2f4;color:#4c535b}.employee-admin-stat.stat-blue{background:#eef5ff;color:#2169d9}.employee-admin-stat.stat-purple{background:#f5effd;color:#7340c4}.employee-detail-action{display:flex;justify-content:flex-end;margin-top:13px}.employee-detail-action button{padding:8px 11px;display:flex;align-items:center;gap:5px;border:0;border-radius:11px;background:transparent;color:#656c75;font-size:12px;font-weight:650;cursor:pointer}.employee-detail-action button:hover{background:#f3f4f5}.admin-detail-table{margin-top:13px;overflow-x:auto;border-top:1px solid #eef0f2;padding-top:12px}.admin-detail-table table{width:100%;border-collapse:collapse}.admin-detail-table th{padding:10px;color:#777e87;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.admin-detail-table td{padding:11px 10px;font-size:13px}.admin-detail-table tbody tr:last-child td{border-bottom:0}.admin-empty{padding:35px;border:1px solid #e8eaed;border-radius:22px;background:#fff;color:#777e87;text-align:center}@media (max-width:850px){.admin-page{padding:16px 11px 35px}.admin-header{align-items:flex-start}.admin-logo{width:65px;height:65px;border-radius:19px}.admin-logo img{max-width:51px!important;max-height:51px!important}.admin-brand{gap:11px}.admin-brand h1{font-size:24px}.admin-brand p{font-size:12px}.admin-header-actions{display:none}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-month-nav{grid-template-columns:44px 1fr 44px}.admin-month-nav h2{min-width:0}.admin-export-actions{display:grid;grid-template-columns:1fr 1fr}.admin-export{justify-content:center}.admin-overview{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.admin-overview-card{min-height:87px;padding:13px}.admin-overview-card strong{font-size:20px}.employee-admin-top{align-items:flex-start;flex-direction:column}.employee-admin-actions{width:100%}.approve-button,.reopen-button{flex:1 1;justify-content:center}.employee-admin-stats{grid-template-columns:1fr 1fr}}.employees-page{min-height:100vh;padding:28px 20px 60px;background:radial-gradient(circle at 20% 0,#fff 0,#f8f9fa 38%,#f4f5f7 100%)}.employees-shell{width:min(1180px,100%);margin:0 auto}.employees-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.employees-brand{display:flex;align-items:center;gap:18px}.employees-logo{width:82px;height:82px;padding:8px;display:grid;place-items:center;overflow:hidden;border:1px solid #e9ebee;border-radius:23px;background:white;box-shadow:0 8px 28px rgba(0,0,0,.045)}.employees-logo img{width:100%!important;height:100%!important;max-width:66px!important;max-height:66px!important;object-fit:contain!important}.employees-brand h1{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.04em}.employees-brand p{margin:7px 0 0;color:#737a83}.employees-header-actions{display:flex;gap:9px;flex-wrap:wrap}.employees-overview{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.employees-overview-card{min-height:96px;padding:18px;display:flex;align-items:center;gap:14px;border:1px solid #e8eaed;border-radius:21px;background:rgba(255,255,255,.95);box-shadow:0 8px 28px rgba(15,23,42,.035)}.employees-overview-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px}.employees-overview-icon.neutral{background:#f0f2f4;color:#555c64}.employees-overview-icon.active{background:#edf9f2;color:#168544}.employees-overview-icon.inactive{background:#f3f3f4;color:#858b92}.employees-overview-card span{display:block;margin-bottom:4px;color:#717881;font-size:12px;font-weight:650}.employees-overview-card strong{font-size:25px;letter-spacing:-.03em}.employees-card{border:1px solid #e8eaed;border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 10px 34px rgba(15,23,42,.04)}.add-employee-card{padding:24px;margin-bottom:30px}.employees-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.employees-section-title h2{margin:3px 0 0;font-size:23px;letter-spacing:-.025em}.employees-section-title p{margin:6px 0 0;color:#747b84;font-size:13px}.add-employee-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:#17191c;color:white}.employee-create-form{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;align-items:end;grid-gap:12px;gap:12px}.employee-create-form label{font-size:12px;color:#555c64}.employee-create-form input{height:45px;border:1px solid #dfe2e6;border-radius:13px;background:#fafafa}.create-employee-button{height:45px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:13px;background:#17191c;color:white;font-weight:700;cursor:pointer}.create-employee-button:disabled{opacity:.45}.employees-success{display:flex;align-items:center;gap:7px;background:#edf9f2;color:#168544;font-weight:650}.employees-error,.employees-success{margin-top:15px;padding:11px 13px;border-radius:12px;font-size:13px}.employees-error{background:#fff1f1;color:#b02828}.employees-list-heading{margin-bottom:13px}.employees-list-heading h2{margin:0;font-size:24px;letter-spacing:-.025em}.employees-list-heading p{margin:5px 0 0;color:#777e87;font-size:13px}.employees-list{display:grid;grid-gap:12px;gap:12px}.employee-management-card{padding:19px;border:1px solid #e8eaed;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 8px 27px rgba(15,23,42,.035)}.employee-management-card.inactive{opacity:.72;background:#fafafa}.employee-management-main{display:flex;justify-content:space-between;align-items:center;gap:18px}.employee-management-profile{display:flex;align-items:center;gap:12px}.employee-management-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#f0f2f4;color:#4e555d}.employee-management-profile h3{margin:0 0 6px;font-size:18px;letter-spacing:-.015em}.employee-active-status{width:-moz-fit-content;width:fit-content;padding:4px 8px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:10px;font-weight:750}.employee-active-status span{width:7px;height:7px;border-radius:50%}.employee-active-status.active{background:#edf9f2;color:#168544}.employee-active-status.active span{background:#21a45b}.employee-active-status.inactive{background:#f0f1f2;color:#7e858d}.employee-active-status.inactive span{background:#a4aab1}.employee-management-actions{display:flex;gap:7px;flex-wrap:wrap}.employee-management-actions button{padding:9px 11px;display:flex;align-items:center;gap:6px;border:0;border-radius:11px;background:#f0f2f4;color:#50575f;font-size:11px;font-weight:650;cursor:pointer}.employee-management-actions button:hover{background:#e7e9ec}.employee-management-actions
.disable-action{color:#9a5050;background:#fff3f3}.employee-management-actions
.enable-action{color:#168544;background:#edf9f2}.employee-inline-editor{margin-top:16px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #edf0f2}.employee-inline-editor strong{font-size:13px}.employee-inline-editor p{margin:4px 0 0;color:#777e87;font-size:11px}.employee-inline-fields{display:flex;align-items:center;gap:7px}.employee-inline-fields input{min-width:230px;padding:10px 12px;border-radius:11px;background:#fafafa}.employee-inline-fields button{min-height:40px;padding:9px 11px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:11px;cursor:pointer}.employee-save{background:#17191c;color:white;font-weight:700}.employee-cancel{width:40px;padding:0!important;background:#eef0f2;color:#555c64}.employees-empty{padding:35px;border:1px solid #e8eaed;border-radius:22px;background:white;color:#777e87;text-align:center}@media (max-width:900px){.employees-page{padding:16px 11px 35px}.employees-header{align-items:flex-start}.employees-logo{width:65px;height:65px;border-radius:19px}.employees-logo img{max-width:51px!important;max-height:51px!important}.employees-brand{gap:11px}.employees-brand h1{font-size:24px}.employees-brand p{font-size:12px}.employees-header-actions{display:none}.employees-overview{grid-template-columns:repeat(3,1fr);gap:7px}.employees-overview-card{min-height:82px;padding:11px}.employees-overview-icon{width:36px;height:36px}.employees-overview-card strong{font-size:20px}.add-employee-card{padding:17px}.employee-create-form{grid-template-columns:1fr 1fr}.create-employee-button{grid-column:1/-1}.employee-management-main{align-items:flex-start;flex-direction:column}.employee-management-actions{width:100%}.employee-management-actions button{flex:1 1;justify-content:center}.employee-inline-editor{align-items:stretch;flex-direction:column}.employee-inline-fields{width:100%}.employee-inline-fields input{min-width:0;flex:1 1}}@media (max-width:560px){.employees-overview{grid-template-columns:1fr 1fr 1fr}.employees-overview-card{flex-direction:column;align-items:flex-start;gap:8px}.employees-overview-card span{font-size:9px}.employee-create-form{grid-template-columns:1fr}.create-employee-button{grid-column:auto}.employee-management-actions{display:grid;grid-template-columns:1fr}.employee-inline-fields{align-items:stretch;flex-direction:column}.employee-inline-fields button{width:100%}.employee-cancel{width:100%!important}}.admin-overview-five{grid-template-columns:repeat(5,1fr)}.overview-red{background:#fff0f0;color:#c83d3d}.overview-red .admin-overview-icon{background:rgba(200,61,61,.1)}.employee-admin-stats-six{grid-template-columns:repeat(6,1fr)}.employee-admin-stat.stat-normal{background:#f0f2f4;color:#4c535b}.employee-admin-stat.stat-overtime{background:#fff0f0;color:#c83d3d}.employee-admin-stat.stat-route-orange{background:#fff3e7;color:#d87816}.employee-hours-base{margin-top:12px;padding:9px 12px;width:-moz-fit-content;width:fit-content;border-radius:10px;background:#f5f6f7;color:#727981;font-size:11px}.employee-hours-base strong{color:#343a40}@media (max-width:1100px){.admin-overview-five,.employee-admin-stats-six{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.admin-overview-five,.employee-admin-stats-six{grid-template-columns:1fr 1fr}}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px 18px;background:radial-gradient(circle at 50% 0,#ffffff 0,#f8f9fa 42%,#f3f4f6 100%)}.login-shell{width:min(440px,100%)}.login-logo{width:112px;height:112px;margin:0 auto 18px;padding:11px;display:grid;place-items:center;overflow:hidden;border:1px solid #e8eaed;border-radius:30px;background:#fff;box-shadow:0 14px 40px rgba(15,23,42,.05)}.login-logo img{width:100%!important;height:100%!important;max-width:90px!important;max-height:90px!important;object-fit:contain!important}.login-panel{padding:30px;display:grid;grid-gap:22px;gap:22px;border:1px solid #e8eaed;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 16px 50px rgba(15,23,42,.055)}.login-heading{text-align:center}.login-eyebrow{margin-bottom:8px;color:#777e87;font-size:11px;font-weight:800;letter-spacing:.14em}.login-heading h1{margin:0;color:#17191c;font-size:32px;font-weight:760;letter-spacing:-.045em}.login-heading p{margin:9px 0 0;color:#737a83;font-size:14px}.login-fields{display:grid;grid-gap:15px;gap:15px}.login-fields label{gap:8px;color:#4f565e;font-size:13px;font-weight:650}.login-fields input{height:48px;padding:0 14px;border:1px solid #dfe2e6;border-radius:14px;background:#fafafa;color:#17191c;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.login-fields input:focus{border-color:#aeb5bd;background:#fff;box-shadow:0 0 0 4px rgba(23,25,28,.05)}.login-password{position:relative}.login-password input{padding-right:48px}.login-eye{position:absolute;top:50%;right:11px;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:11px;background:transparent;color:#727983;cursor:pointer}.login-eye:hover{background:#eef0f2;color:#343a40}.login-error{padding:11px 13px;border-radius:13px;background:#fff1f1;color:#b02a2a;font-size:12px}.login-button{height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;background:#17191c;color:#fff;font-weight:750;cursor:pointer;box-shadow:0 8px 20px rgba(23,25,28,.13)}.login-button:hover{background:#24272b}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-help{margin:-4px 0 0;text-align:center;color:#8a9097;font-size:11px}@media (max-width:560px){.login-page{padding:20px 13px}.login-logo{width:90px;height:90px;margin-bottom:14px;padding:9px;border-radius:25px}.login-logo img{max-width:72px!important;max-height:72px!important}.login-panel{padding:23px 18px;border-radius:24px}.login-heading h1{font-size:27px}.login-heading p{font-size:13px}}