:root{--forest:#263c32;--ink:#25352e;--muted:#7b827b;--line:#e5e7df;--paper:#f7f8f3;--accent:#dee8b6;--red:#ad5550;--font:Inter,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:var(--font);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;transition:background .15s}button:disabled{opacity:.5;cursor:wait}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.2px;font-weight:550;margin-bottom:10px}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:16px;font-weight:600}small,.muted{color:var(--muted)}[hidden]{display:none!important}.eyebrow,.nav-label{font-size:10px;letter-spacing:1.9px;font-weight:600}.eyebrow{color:#70805b;margin-bottom:12px}.primary{background:var(--forest);color:white;padding:13px 19px;border-radius:7px;font-weight:550;white-space:nowrap}.primary:hover{background:#365443}.secondary{background:white;border:1px solid var(--line);border-radius:6px;padding:10px 15px;color:var(--ink)}.quiet{background:none;color:#657754;padding:7px 9px;border-radius:4px}.quiet:hover{background:#edf0e4}.danger{color:var(--red)}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:550;margin-bottom:15px}input,select,textarea{border:1px solid #dfe3d8;background:#fff;color:var(--ink);padding:11px 12px;border-radius:6px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #9caf82;outline-offset:1px}input[type=checkbox]{accent-color:var(--forest);width:16px;height:16px}label.check{flex-direction:row;align-items:center}.error{color:var(--red);font-size:13px;white-space:pre-line}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:var(--forest);color:#f5f5ed;padding:10vh 9vw;display:flex;flex-direction:column;justify-content:center}.mark{display:inline-flex;align-items:center;justify-content:center;border:1px solid #829784;border-radius:10px;width:46px;height:46px;color:#f2f2df;font-size:15px;letter-spacing:2px}.login-brand>.mark{width:68px;height:68px;font-size:23px;margin-bottom:28px}.login-brand>p{letter-spacing:4px;font-size:12px}.login-brand h1{font-size:clamp(32px,4vw,56px);line-height:1.12;margin:32px 0}.login-copy{letter-spacing:0!important;font-size:15px!important;line-height:1.8;color:#bbc9bb}.login-brand small{color:#94ab97;margin-top:70px;letter-spacing:2px;font-size:9px}.login>form{width:min(360px,80%);margin:auto}.login form>.muted{line-height:1.6;margin-bottom:32px}.login form .primary{width:100%;margin-top:10px}.login form h2{font-size:28px}#shell{display:flex;min-height:100vh}aside{width:244px;flex-shrink:0;background:var(--forest);color:#d6e0d1;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 22px;z-index:10}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;color:#fbfaf0;font-size:21px;letter-spacing:-.4px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#aabda9;margin-top:5px}.nav-label{color:#8ea38e;font-size:8px;margin:48px 10px 16px}nav{display:grid;gap:7px}nav button{text-align:left;background:none;color:#b9cbb7;border-radius:6px;font-size:18px;padding:13px 14px;display:flex;gap:13px;align-items:center}nav button span{font-size:13px}nav button.active{background:#40523d;color:#f0f3e3;box-shadow:inset 3px 0 #c7d6a4}nav button:hover{background:#354b3b}.aside-bottom{margin-top:auto;display:grid;gap:8px;padding-top:24px}.aside-bottom button{background:none;color:#b7c8b7;text-align:left;font-size:12px;padding:10px}.local-dot{font-size:10px;color:#9fb699;padding:14px 10px;border-top:1px solid #415346}.local-dot:before{content:'●';color:#bed38f;margin-right:8px}main{margin-left:244px;width:calc(100% - 244px)}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff}.breadcrumb{font-size:12px;color:#8a9187}.breadcrumb b{font-weight:400;margin:0 12px;color:#c2c8ba}.breadcrumb span{color:var(--ink)}.header-tools{display:flex;align-items:center;gap:22px}.year-label{flex-direction:row;align-items:center;gap:10px;margin:0;color:#7d8679}.year-label select{border:0;background:#f1f4ea;padding:8px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ecf0e0;color:#60724d;font-size:12px}.content{max-width:1600px;margin:auto;padding:38px 42px 20px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.heading>.primary{align-self:center}.heading .muted{font-size:13px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.metric{background:white;border:1px solid var(--line);border-radius:9px;padding:23px;position:relative}.metric>span{font-size:12px;color:#818a7c}.metric strong{display:block;font-size:34px;font-weight:500;letter-spacing:-1px;margin:14px 0 8px}.metric small{font-size:11px}.metric:first-child{background:#eaf0d9;border-color:#dce6c7}.metric .metric-icon{position:absolute;right:20px;top:20px;color:#a4b394}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:24px;margin-bottom:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel-heading h3{margin:0}.panel-heading p{margin:5px 0 0;font-size:12px;color:var(--muted)}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:#8b9385;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:600;border-bottom:1px solid var(--line);padding:12px 10px}td{padding:15px 10px;border-bottom:1px solid #edf0e7;font-size:12px}tbody tr:last-child td{border-bottom:0}td strong{font-weight:550}td small{display:block;margin-top:5px;max-width:240px;white-space:normal;font-size:11px}.badge{font-size:10px;border-radius:5px;padding:5px 9px;display:inline-block;white-space:nowrap}.accepted{background:#edf4e2;color:#547742}.pending{background:#fff1d5;color:#a07a33}.denied{background:#fae8e4;color:#ae6257}.type{background:#f0f2ed;color:#737f6c}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.toolbar input{flex:1;min-width:180px}.toolbar select{max-width:210px}.toolbar .secondary{margin-left:auto}.row-actions{display:flex;gap:2px}.empty{padding:45px 15px;text-align:center;color:var(--muted)}.negative{color:var(--red);font-weight:600}.balance-bar{height:5px;background:#eef0e7;border-radius:5px;width:100px;overflow:hidden;margin-top:6px}.balance-fill{height:100%;background:#aabd84}.note{border-left:3px solid #bdcc9e;background:#f1f4e8;padding:14px 17px;line-height:1.6;font-size:12px;margin-bottom:20px}.warning-note{border-color:#d6af6d;background:#faf3e3}.mini-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eef0e8;font-size:12px;gap:12px}.mini-row:last-child{border:0}.mini-row span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.month-nav{display:flex;align-items:center;gap:14px}.month-nav h3{text-transform:capitalize;margin:0;min-width:140px;text-align:center}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden}.weekday{background:#f4f6ed;padding:14px 10px;text-align:center;font-size:10px;letter-spacing:1px}.day{min-height:122px;padding:10px 7px;background:white;font-size:11px}.day.weekend{background:#f8f9f4}.day.blank{background:#f4f5ef}.day.today{box-shadow:inset 0 0 0 2px #9cac7c}.day-num{display:flex;justify-content:space-between;color:#7d8974;margin-bottom:8px}.day-num small{font-size:8px}.day-item{display:block;border-left:2px solid #adbf8d;background:#f0f4e7;border-radius:3px;padding:4px 5px;margin-top:3px;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-item.pending{background:#fff3dc;border-color:#d3ab5b}.holiday{color:#a47e43;font-size:9px}.tabs{display:flex;gap:7px;margin-bottom:22px;flex-wrap:wrap}.tabs button{padding:10px 14px;border-radius:6px;background:white;border:1px solid var(--line);color:var(--muted)}.tabs button.active{color:var(--ink);background:#e8eed9;border-color:#d4dfbf}#notice{padding:12px 17px;border-radius:6px;background:#eaf0de;color:#526b42;white-space:pre-line}#notice.error{background:#fae8e4;color:#a2514a}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#949d8c;padding:10px 0 20px}footer span{letter-spacing:0;font-size:10px}dialog{border:1px solid var(--line);border-radius:12px;box-shadow:0 25px 100px #14231935;width:min(600px,95vw);padding:28px;color:var(--ink)}dialog::backdrop{background:#17281b70;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-heading h2{margin-bottom:0}.icon{background:none;color:#87917d;font-size:26px;padding:0 5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.preview{background:#f1f5e8;border-radius:6px;padding:15px;font-size:12px;white-space:pre-line;line-height:1.7;margin-bottom:17px}.pill-count{padding:4px 8px;background:#eef1e7;border-radius:4px;color:#7c8d69;font-size:10px}.settings-row{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid #edf0e8}.settings-row p{font-size:12px;margin:0}.settings-row small{display:block;margin-top:6px}.reports-actions{display:flex;gap:8px;flex-wrap:wrap}.print-title{display:none}@media(max-width:1100px){aside{width:210px;padding:30px 16px}main{margin-left:210px;width:calc(100% - 210px)}.content{padding:30px 24px}header{padding:0 24px}.grid-two{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:17px}}@media(max-width:760px){aside{position:static;width:100%;padding:18px;display:block}.brand{font-size:18px}.brand .mark{width:36px;height:36px}.nav-label,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:16px;gap:4px}nav button{padding:10px;font-size:14px;gap:5px;white-space:nowrap}nav button span{font-size:11px}#shell{display:block}main{margin:0;width:100%}header{height:60px;padding:0 18px}.content{padding:24px 16px}.heading{align-items:flex-start;gap:12px}.heading h1{font-size:27px}.heading .primary{font-size:11px;padding:11px 12px}.heading .muted{font-size:11px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:30px}.panel{padding:17px}.calendar{min-width:640px}.calendar-wrap{overflow:auto}.login{display:block}.login-brand{padding:35px 25px}.login-brand h1{font-size:31px;margin:18px 0}.login-brand>.mark{width:45px;height:45px;margin-bottom:14px;font-size:17px}.login-copy,.login-brand small{display:none}.login>form{padding:35px 0}.login form h2{font-size:24px}footer{display:block}footer span{display:block;margin-top:10px}.form-grid{gap:0 10px}.year-label{font-size:10px}.avatar{display:none}}@media print{aside,header,.heading>.primary,.toolbar,.row-actions,button,footer{display:none!important}main{width:100%;margin:0}.content{padding:0}.panel{border:0;padding:0}.grid-two{display:block}.table-wrap{overflow:visible}body{background:white}th,td{padding:9px}h1{font-size:26px}}

@media(max-width:760px){.aside-bottom{display:flex;margin-top:8px;padding-top:0;gap:8px}.aside-bottom .local-dot{display:none}.aside-bottom button{font-size:10px;padding:7px 9px}}

.language-control{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:400;color:#73806a}.language-control select{padding:7px 9px;font-size:11px;background:#f1f4ea;border:1px solid #e1e6d8}.login-language{position:absolute;top:22px;right:28px}.login-language .language-control{background:#f7f8f3;padding:6px 10px;border-radius:8px}.header-tools{gap:12px}@media(max-width:760px){header{height:auto;min-height:60px;gap:10px;flex-wrap:wrap;padding:12px 16px}.header-tools{flex-wrap:wrap;gap:9px}.language-control>span{display:none}.login-language{top:17px;right:17px}.login-language .language-control{padding:3px 6px}.login-brand{padding-top:60px}}
.type-color{border-left:4px solid transparent;color:#243d32}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 18px}.day-item.type-color{color:#243d32;display:block;width:100%;text-align:left;font:inherit;font-size:11px;white-space:normal;border-top:0;border-right:0;border-bottom:0;border-radius:4px;padding:5px 6px;cursor:pointer}.day-item.type-color small{display:block;font-size:9px;opacity:.85}.day-item.type-color.pending{outline:1px dashed #a17828;outline-offset:-1px}.day-item.type-color:hover{filter:brightness(.95)}input[type=color]{height:44px;min-width:80px;padding:5px}.holiday-sync-info{padding:0 24px 22px}.holiday-sync-info p{font-size:13px;line-height:1.6}.holiday-sync-info a{font-size:12px;color:#476a45}.holiday-sync-dialog{width:min(560px,calc(100vw - 32px))}.holiday-sync-dialog .note{font-size:12px}.holiday-sync-dialog form>button{margin:8px 0 16px}.holiday-sync-dialog select{width:100%}.holiday-sync-dialog label{margin-top:12px}.calendar-legend .badge{white-space:normal}

.calendar-legend-group{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:7px;padding:10px 12px}.legend-name{font-size:11px;font-weight:600}.legend-states{display:flex;flex-wrap:wrap;gap:7px}.calendar-legend .legend-pending{outline:1px dashed;outline-offset:-1px}@media(max-width:760px){.calendar-legend{padding:0 0 16px}.calendar-legend-group{flex:1 1 140px}}
.year-plan-dialog{width:min(1050px,calc(100vw - 32px));max-height:90vh}.year-plan-toolbar{display:flex;align-items:end;gap:12px;margin-bottom:14px}.year-plan-toolbar label{margin:0;max-width:150px}.year-plan-content{margin:14px 0}.year-plan-content table{min-width:740px}.year-plan-content input{min-width:90px;width:100px;padding:8px}.year-plan-content th{white-space:normal}.year-plan-dialog .note{font-size:12px;line-height:1.6}.year-plan-dialog>.form{min-width:0}.year-plan-dialog form>.muted{font-size:12px}.year-plan-content .negative{color:var(--red)}@media(max-width:760px){.year-plan-dialog{padding:20px}.year-plan-toolbar{flex-wrap:wrap}}

.year-plan-content{max-height:40vh;overflow:auto}.year-plan-content thead{position:sticky;top:0;background:white;z-index:1}@media(max-width:760px){.year-plan-content{max-height:30vh}.year-plan-content table{min-width:0}.year-plan-content thead{display:none}.year-plan-content tbody,.year-plan-content tr,.year-plan-content td{display:block}.year-plan-content tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.year-plan-content td{border:0;padding:0}.year-plan-content td:first-child{grid-column:1/-1}.year-plan-content td:not(:first-child)::before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.year-plan-content input{width:100%;min-width:0}}

.login-logo,.brand-logo{position:relative;overflow:hidden;background:#fff;border-radius:14px;flex-shrink:0}.login-logo{width:300px;max-width:100%;height:260px;box-shadow:0 8px 32px #00000012}.login-logo img{position:absolute;width:380px;height:380px;max-width:none;left:50%;top:-65px;transform:translateX(-50%)}.brand{flex-direction:column;align-items:flex-start;gap:12px}.brand-logo{display:block;width:100%;height:154px;border-radius:10px}.brand-logo img{position:absolute;width:225px;height:225px;max-width:none;left:50%;top:-39px;transform:translateX(-50%)}.brand>small{font-size:9px;letter-spacing:1.5px;line-height:1.5}.login-brand h1{margin-top:30px}@media(max-width:760px){.brand{flex-direction:row;align-items:center}.brand-logo{width:144px;height:100px}.brand-logo img{width:152px;height:152px;top:-26px}.brand>small{max-width:110px;line-height:1.8}.login-logo{width:180px;height:155px}.login-logo img{width:225px;height:225px;top:-39px}}

.login-logo,.brand-logo{background:transparent;border-radius:0;box-shadow:none}.login-logo img,.brand-logo img{filter:grayscale(1) invert(1) brightness(3) contrast(1.2);mix-blend-mode:screen}.brand{flex-direction:row;align-items:center;gap:8px}.brand-logo{width:120px;height:82px}.brand-logo img{width:124px;height:124px;top:-21px}.brand>small{flex:1;min-width:0;font-size:8px;letter-spacing:1px;line-height:1.8}.login-logo{width:240px;height:205px}.login-logo img{width:305px;height:305px;top:-52px}.login{position:relative}.developer-credit{display:block;font-size:10px;font-weight:400;letter-spacing:.2px;color:var(--muted);line-height:1.6}.developer-credit strong{font-weight:600}.login-credit{position:absolute;right:40px;bottom:22px}footer{flex-wrap:wrap;gap:10px}footer .developer-credit{flex-basis:100%;text-align:right}@media(max-width:760px){.brand-logo{width:104px;height:72px}.brand-logo img{width:108px;height:108px;top:-18px}.brand>small{max-width:140px}.login-logo{width:180px;height:155px}.login-logo img{width:225px;height:225px;top:-39px}.login>form{padding-bottom:65px}.login-credit{left:25px;right:25px;bottom:18px;text-align:center}footer .developer-credit{text-align:left}}

.primary.destructive{background:#a43d38;color:#fff}.primary.destructive:hover{background:#87302c}
.date-picker-field{display:block;position:relative}.date-picker-field>input[data-date]{padding-right:48px}
.date-picker-field{width:100%;min-width:0}.date-picker-field>input[data-date]{width:100%}.form-grid>label{min-width:0}
.employee-actions{margin-bottom:18px}.date-picker-toggle{position:absolute;right:2px;top:2px;bottom:2px;width:40px;background:transparent;color:var(--forest);font-size:24px;border-radius:5px}.date-picker-toggle:hover{background:#edf0e4}.date-picker-popup{position:absolute;right:0;top:calc(100% + 8px);width:290px;padding:12px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #263c322b;z-index:30}.date-picker-start .date-picker-popup{left:0;right:auto}.date-picker-heading{display:flex;align-items:center;gap:4px;margin-bottom:10px}.date-picker-heading select{padding:6px 4px;font-size:12px;flex:1;width:0}.date-picker-heading button{background:transparent;color:var(--forest);padding:8px}.date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.date-picker-weekday{text-align:center;font-size:10px;color:var(--muted);padding:5px 0}.date-picker-day{padding:8px 0;background:transparent;border-radius:5px;font-size:12px;color:var(--ink)}.date-picker-day:hover{background:#edf0e4}.date-picker-day[aria-pressed=true]{background:var(--forest);color:white}.date-picker-actions{display:flex;justify-content:space-between;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.date-picker-actions button{background:transparent;color:var(--forest);font-size:12px;padding:5px}.date-picker-popup button:focus-visible{outline:2px solid #7d9168}@media(max-width:460px){.date-picker-popup,.date-picker-start .date-picker-popup{position:fixed;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(290px,calc(100vw - 40px))}}
#edit-dialog.worker-dialog{width:min(760px,calc(100vw - 32px));min-height:min(520px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:auto}.date-picker-popup,.date-picker-start .date-picker-popup{position:fixed;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(310px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto}@media(max-width:460px){#edit-dialog.worker-dialog{padding:20px;min-height:0}}
.form-grid>.date-picker-popup,.date-picker-start .date-picker-popup{position:static;grid-column:1/-1;transform:none;left:auto;right:auto;top:auto;width:100%;max-height:none;overflow:visible;margin:0 0 18px;padding:14px;background:var(--paper);box-shadow:none}.form-grid>.date-picker-popup .date-picker-heading,.form-grid>.date-picker-popup .date-picker-grid,.form-grid>.date-picker-popup .date-picker-actions{max-width:320px;margin-left:auto;margin-right:auto}.form-grid>.date-picker-popup .date-picker-heading{margin-bottom:12px}.form-grid>.date-picker-popup .date-picker-day{padding:9px 0;background:#fff}.form-grid>.date-picker-popup .date-picker-day:hover{background:#e4ead7}.form-grid>.date-picker-popup .date-picker-day[aria-pressed=true]{background:var(--forest);color:white}
.form-grid>.date-picker-popup{width:min(300px,100%);justify-self:end;padding:10px 12px;margin-bottom:14px}.form-grid>.date-picker-popup.date-picker-for-start{justify-self:start}.form-grid>.date-picker-popup .date-picker-heading{margin-bottom:8px}.form-grid>.date-picker-popup .date-picker-day{padding:7px 0}.form-grid>.date-picker-popup .date-picker-actions{margin-top:8px;padding-top:6px}@media(max-width:460px){.form-grid>.date-picker-popup,.form-grid>.date-picker-popup.date-picker-for-start{justify-self:center}}
#edit-dialog.worker-dialog{height:min(740px,calc(100dvh - 32px));min-height:0}#edit-dialog.worker-dialog #edit-form{min-height:100%;display:flex;flex-direction:column}#edit-dialog.worker-dialog #edit-fields{flex-shrink:0}#edit-dialog.worker-dialog .dialog-actions{margin-top:auto;padding-top:20px}
.date-picker-caption{display:block;max-width:320px;margin:0 auto 8px;color:var(--forest);font-size:11px;font-weight:600}.date-picker-field:has(.date-picker-toggle[aria-expanded=true])>input[data-date]{border-color:#7d9168;background:#f6f8f1}
.employee-portal{margin:0 auto;width:min(1100px,100%)}.employee-portal header{padding:0 24px}.employee-portal .content{padding:24px}.employee-portal #portal-login,.employee-portal #portal-password{max-width:460px;margin:24px auto}.employee-portal .panel{margin-top:20px}.employee-portal .metrics{margin:20px 0}.employee-portal .reports-actions{align-items:center}
.credentials-panel strong{overflow-wrap:anywhere}.employee-portal .content{max-width:100%;min-width:0}.employee-portal input,.employee-portal select,.employee-portal textarea{width:100%;font-size:16px}.employee-portal header>select{width:auto;max-width:160px}.employee-portal .reports-actions label{width:110px;margin:0}.employee-portal .reports-actions button{min-height:44px}.employee-portal h1{overflow-wrap:anywhere}.employee-portal .primary{min-height:44px}@media(max-width:600px){.employee-portal .content{padding:18px 14px}.employee-portal header{height:64px;padding:0 16px}.employee-portal h1{font-size:25px;line-height:1.25}.employee-portal .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-portal .metric{min-width:0;padding:14px}.employee-portal .metric strong{font-size:28px}.employee-portal .panel{padding:16px}.employee-portal .form-grid{grid-template-columns:minmax(0,1fr)}.employee-portal .form-grid .wide{grid-column:auto}.employee-portal .primary{width:100%}.employee-portal .reports-actions{gap:8px}.employee-portal .reports-actions button{flex:1;padding:10px;font-size:12px;white-space:normal}.employee-portal .table-wrap{overflow:visible}.employee-portal table{display:block;min-width:0;width:100%}.employee-portal .portal-table-head{display:none}.employee-portal tbody{display:block}.employee-portal table tr:not(.portal-table-head){display:block;border:1px solid var(--line);border-radius:8px;padding:10px;margin:10px 0;background:#fff}.employee-portal table td{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border:0;white-space:normal;text-align:right;overflow-wrap:anywhere}.employee-portal table td:before{content:attr(data-label);color:var(--muted);text-align:left;flex-shrink:0}}
.employee-portal .portal-success{background:#eef4e7;color:#253f33;}
.has-user-help{padding-bottom:78px}.help-launcher{position:fixed;right:22px;bottom:20px;z-index:40;border:1px solid #c5d2b1;border-radius:30px;min-height:48px;padding:12px 20px;background:var(--forest);color:white;font-size:16px;box-shadow:0 4px 16px #17281b24}.help-launcher:hover{background:#385345}.help-launcher:focus-visible,.help-dialog button:focus-visible{outline:3px solid #a6bd81;outline-offset:3px}.help-dialog{width:min(800px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:28px;overflow:auto}.help-top{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.help-top h2{font-size:27px;margin:0;line-height:1.3}.help-dialog p{font-size:18px;line-height:1.7}.help-dialog label{font-size:17px}.help-dialog input{width:100%;font-size:18px;min-height:48px}.help-dialog button{font-size:16px;min-height:48px;white-space:normal}.help-topics h3{font-size:19px;margin:25px 0 12px}.help-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-topic{border:1px solid var(--line);background:#f5f7ef;color:var(--forest);text-align:left;padding:18px;border-radius:9px;line-height:1.45}.help-topic:hover{background:#e8eedc}.help-dialog .help-reassurance{color:var(--muted);font-size:15px;margin-top:24px}.help-dialog .help-topic-title{font-size:17px;color:var(--muted);margin-top:24px}.help-step{background:#f5f7ee;padding:24px;border-radius:12px;margin:18px 0}.help-step h3{font-size:26px;line-height:1.35;margin:8px 0 16px}.help-step h3:focus{outline:none}.help-dialog .help-progress{color:#526847;font-size:16px;margin:0;font-weight:600}.help-step p:last-child{margin-bottom:0}.help-actions{display:flex;justify-content:space-between;gap:12px}.help-go{margin-top:20px}.help-form-button{font-size:13px;min-height:40px;margin-left:auto;padding:8px 12px;flex-shrink:0}.help-form-button+.icon{margin-left:8px}@media(max-width:600px){.help-launcher{right:14px;bottom:14px;font-size:15px;padding:10px 16px}.help-dialog{padding:18px}.help-top{align-items:flex-start;gap:10px}.help-top h2{font-size:23px}.help-top .secondary{font-size:14px;padding:10px 12px}.help-cards{grid-template-columns:minmax(0,1fr)}.help-step{padding:18px}.help-step h3{font-size:24px}.help-actions>button{flex:1;padding:12px 10px}.help-dialog p{font-size:17px}.dialog-heading:has(.help-form-button){flex-wrap:wrap;gap:10px}.help-form-button{font-size:12px}}@media print{.help-launcher,.help-dialog,.help-form-button{display:none!important}.has-user-help{padding-bottom:0}}
