.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.content-skeleton{opacity:1;min-width:0;margin:16px 0 6px}.skeleton-block,.skeleton-card,.route-loading-heading,.route-loading-subheading{background:#eaf0e9;border-radius:7px;display:block}.content-skeleton .skeleton-block,.content-skeleton .skeleton-card{background:linear-gradient(105deg,#e9efe8 24%,#f6f8f4 45%,#e9efe8 66%) 0 0/200% 100%;animation:1.6s ease-in-out infinite skeleton-shimmer}.skeleton-list{display:grid}.skeleton-list-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:70px;padding:12px 0;display:flex}.skeleton-list-row:last-child{border-bottom:0}.skeleton-icon{border-radius:9px;flex:none;width:36px;height:36px}.skeleton-row-copy{flex:1;gap:9px;min-width:0;display:grid}.skeleton-text{width:min(190px,75%);height:11px}.skeleton-detail{width:min(275px,90%);height:9px}.skeleton-end{flex:none;width:72px;height:12px}.skeleton-list-row:nth-child(3n+2) .skeleton-text{width:120px}.skeleton-list-row:nth-child(3n+2) .skeleton-detail{width:200px}.skeleton-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.skeleton-card{border:1px solid #e8eee7;border-radius:12px;flex-direction:column;align-items:flex-start;gap:15px;min-height:145px;padding:18px;display:flex}.skeleton-card .skeleton-icon,.skeleton-card .skeleton-text,.skeleton-card .skeleton-value{background:#dfe9df;display:block}.skeleton-card .skeleton-value{width:55%;height:20px;margin-top:auto}.skeleton-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;display:grid}.skeleton-field{gap:10px;display:grid}.skeleton-field .skeleton-text{width:100px}.skeleton-input{border-radius:8px;width:100%;height:44px}@keyframes skeleton-shimmer{to{background-position-x:-200%}}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite button-spin;display:inline-block}@keyframes button-spin{to{transform:rotate(360deg)}}.primary-action{justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-action:disabled{cursor:not-allowed}.route-loading{opacity:1}@media (max-width:640px){.skeleton-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-card:last-child{display:none}.skeleton-form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.content-skeleton .skeleton-block,.content-skeleton .skeleton-card{background:#e9efe8;animation:none}.button-spinner{border-right-color:#0000;animation:none}}
.add-record{margin:0 0 18px}.add-record>summary{color:#315e45;cursor:pointer;background:#fff;border:1px solid #c9dccc;border-radius:8px;align-items:center;min-height:44px;padding:0 15px;font-weight:700;list-style:none;display:inline-flex}.add-record>summary::-webkit-details-marker{display:none}.add-record>summary:hover{background:#edf4eb}.inline-add{margin-top:20px}.currency-input{width:100%;min-width:0;min-height:var(--field-height,44px);border:1px solid var(--field-border,#d6e0d6);border-radius:var(--field-radius,9px);color:var(--ink,#263930);background:#fff;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:0 1px 2px #2639300a}.currency-input:hover:not(.is-disabled){border-color:var(--field-border-hover,#7d9382)}.currency-input:focus-within{outline:2px solid var(--field-focus,#659773);outline-offset:2px;border-color:var(--field-focus,#659773)}.currency-input .currency-prefix{color:var(--field-label,#355542);white-space:nowrap;flex:none;font-size:14px;font-weight:700}.currency-input .currency-value{min-width:0;color:inherit;flex:1;margin:0;display:block;width:100%!important;height:auto!important;min-height:0!important;font:inherit!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;padding:0!important}.currency-input .currency-value:focus-visible{box-shadow:none!important;outline:0!important}.currency-input.is-disabled{color:#617a69;cursor:not-allowed;background:#f0f3f0;border-color:#d9e1d9}.currency-input.is-disabled .currency-prefix{color:#718075}.record-form{border:1px solid var(--line);background:#f8faf7;border-radius:10px;gap:18px;margin-top:12px;padding:20px;display:grid}.record-form h2,.record-form h3{margin:0;font-size:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;display:grid}.record-form label:not(.checkbox-label):not(.master-data-check){min-width:0;color:var(--field-label);flex-direction:column;align-items:stretch;gap:8px;font-size:14px;font-weight:650;line-height:1.35;display:flex}.record-form label span{color:var(--field-muted);font-weight:400}.record-form .field-label{color:var(--field-label);align-items:baseline;gap:6px;font-size:14px;font-weight:650;display:flex}.record-form .field-label>span{color:var(--field-muted);font-size:12px;font-weight:400}.record-form :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea){width:100%;min-width:0;min-height:var(--field-height);border:1px solid var(--field-border);border-radius:var(--field-radius);color:var(--ink);font:inherit;background:#fff;padding:0 12px;font-size:15px;font-weight:400;line-height:1.4;transition:border-color .14s,box-shadow .14s;box-shadow:0 1px 2px #2639300a}.record-form :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea):hover:not(:disabled){border-color:var(--field-border-hover)}.record-form :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea):focus-visible{outline:2px solid var(--field-focus);outline-offset:2px;border-color:var(--field-focus)}.record-form input::placeholder{color:#617a69;opacity:1}.record-form textarea{resize:vertical;min-height:112px;padding:11px 12px}.record-form :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea):disabled{color:#617a69;cursor:not-allowed;background:#f0f3f0}.record-form :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea)[aria-invalid=true]{border-color:#a94b40}.checkbox-label{min-height:44px;color:var(--field-label);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.checkbox-label input,.master-data-check input{width:18px;height:18px;accent-color:var(--green);flex:none}.master-data-check{color:var(--field-label);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.form-hint{color:var(--field-muted);margin-top:12px;font-size:13px;line-height:1.55}.form-error{color:#8f3028;background:#fff4f1;border:1px solid #c66a5d;border-radius:8px;margin:12px 0;padding:11px 13px;font-size:13px;line-height:1.5}.record-form>.form-hint,.record-form>.form-error{margin:0}.primary-action{color:#fff;cursor:pointer;background:#315e45;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:16px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.primary-action:hover{background:#244b36}.primary-action:disabled{cursor:not-allowed;opacity:.6}.record-form>.primary-action{justify-self:end;min-width:156px;margin:0}.record-form .record-actions,.record-form .record-actions .primary-action{margin:0}.text-action{color:#315e45;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:13px;font-weight:700}.text-action:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.record-form{padding:16px}.record-form>.primary-action{justify-self:stretch;width:100%}}
.picker-field{gap:8px;width:100%;min-width:0;display:grid}.picker-label{min-width:0;color:var(--field-label);font-size:14px;font-weight:650;line-height:1.35;display:block}.picker-trigger{border:1px solid var(--field-border);border-radius:var(--field-radius);width:100%;min-width:0;min-height:48px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#fff;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:400;line-height:1.35;transition:border-color .13s,box-shadow .13s,background-color .13s;display:flex;box-shadow:0 1px 2px #2639300a}.picker-trigger:hover:not(:disabled){border-color:var(--field-border-hover);background:#fff}.picker-trigger[aria-expanded=true]{border-color:var(--green);box-shadow:0 0 0 2px #315e4520}.picker-trigger:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px;border-color:var(--field-focus)}.picker-trigger:disabled{color:#75847a;cursor:not-allowed;opacity:.8;background:#f0f3f0}.picker-trigger[aria-invalid=true]{border-color:#a94b40}.picker-trigger-copy{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;display:block;overflow:hidden}.picker-trigger-copy strong{font-weight:500}.picker-trigger-copy.is-placeholder{color:#73877a}.picker-trigger-meta{color:#718579;font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:650}.picker-trigger-chevron{color:#718579;flex:none;width:17px;height:17px;transition:transform .13s,color .13s;transform:rotate(90deg)}.picker-trigger[aria-expanded=true] .picker-trigger-chevron{color:var(--green);transform:rotate(-90deg)}.picker-validation-input{clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.picker-dialog{inset:auto;left:var(--picker-left,12px);top:var(--picker-top,12px);width:var(--picker-width,min(320px,calc(100vw - 24px)));max-width:calc(100vw - 24px);max-height:var(--picker-max-height,min(440px,calc(100dvh - 24px)));color:var(--ink);opacity:1;transition:opacity .13s ease,transform .13s ease,display .13s allow-discrete,overlay .13s allow-discrete;background:#fff;border:1px solid #dce6dd;border-radius:12px;flex-direction:column;margin:0;padding:0;display:none;position:fixed;overflow:hidden;transform:translateY(0);box-shadow:0 14px 38px #1f35262e,0 2px 7px #1f35260f}.picker-dialog[open]{display:flex}.picker-dialog::backdrop{background:#1c2b2012;transition:background .13s}@starting-style{.picker-dialog[open]{opacity:0;transform:translateY(-4px)}.picker-dialog[open]::backdrop{background:0 0}}.picker-dialog-header{border-bottom:1px solid #e9eee9;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:13px 16px;display:flex}.picker-dialog-heading{min-width:0}.picker-eyebrow{color:#849489;letter-spacing:1.15px;margin-bottom:4px;font-size:9px;font-weight:750;display:block}.picker-dialog-heading h2{color:var(--ink);letter-spacing:-.25px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.3;overflow:hidden}.picker-close{color:#58715f;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.picker-close:hover{background:#edf4eb}.picker-close svg{width:18px;height:18px}.picker-search-wrap{flex:none;align-items:center;min-height:44px;margin:12px 12px 6px;display:flex;position:relative}.picker-search-icon{color:#819287;pointer-events:none;width:16px;height:16px;position:absolute;left:12px}.picker-search{width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;background:#f9fbf8;border:1px solid #d9e3da;border-radius:8px;outline:none;padding:0 12px 0 38px;font-size:14px}.picker-search::placeholder{color:#87968c}.picker-search:focus{background:#fff;border-color:#6d9877;box-shadow:0 0 0 2px #315e451a}.picker-options{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:5px 8px 8px;overflow-y:auto}.picker-option-group+.picker-option-group{border-top:1px solid #eef2ee;margin-top:5px;padding-top:5px}.picker-group-heading{color:#718277;letter-spacing:.75px;text-transform:uppercase;align-items:center;gap:8px;min-height:34px;padding:4px 9px;font-size:10px;font-weight:750;display:flex}.picker-group-heading.is-collapsible{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.picker-group-heading.is-collapsible:hover{color:var(--green)}.picker-group-count{color:#9aa79e;letter-spacing:0;margin-left:auto;font-size:10px;font-weight:600}.picker-group-chevron{color:#8b9a8f;width:14px;height:14px;transition:transform .13s;transform:rotate(90deg)}.picker-group-chevron.is-open{transform:rotate(-90deg)}.picker-option{width:100%;min-width:0;min-height:48px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:12px;padding:8px 10px;display:flex}.picker-option:hover:not(:disabled),.picker-option:focus-visible{background:#f2f7f0;border-color:#dce9dc;outline:none}.picker-option[data-selected=true]{color:#28563b;background:#edf4eb;border-color:#d5e5d5}.picker-option:focus-visible{outline:2px solid var(--field-focus);outline-offset:1px}.picker-option:disabled{color:#9aa69d;cursor:not-allowed;opacity:.72}.picker-option[data-action=true]{color:#315e45}.picker-option-copy{flex:1;gap:3px;min-width:0;display:grid}.picker-option-copy strong{text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.picker-option-copy small{color:#78887d;text-overflow:ellipsis;font-size:11px;font-weight:400;line-height:1.35;overflow:hidden}.picker-option-end{color:#728578;flex:none;align-items:center;gap:9px;display:flex}.picker-option-end>small{font-size:11px;font-weight:650}.picker-option-check{color:#315e45;width:16px;height:16px}.picker-option-plus{color:#315e45;border:1px solid #d5e5d5;border-radius:6px;place-items:center;width:24px;height:24px;font-size:19px;font-weight:400;line-height:1;display:grid}.picker-empty{color:#75857a;text-align:center;padding:24px 12px;font-size:13px}.picker-dialog-footer{color:#839187;border-top:1px solid #edf1ed;flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:7px 16px;font-size:10px;display:flex}.picker-keyboard-hint{align-items:center;gap:7px;display:flex}.picker-keyboard-hint i{background:#a6b2a8;border-radius:50%;width:3px;height:3px}body:has(.picker-dialog[open]){overflow:hidden}@media (max-width:760px){.picker-dialog{border:0;border-radius:18px 18px 0 0;width:100%;max-width:none;max-height:min(82dvh,720px);inset:auto 0 0;box-shadow:0 -12px 38px #1f352629}.picker-dialog::backdrop{background:#15241b61}.picker-dialog-header{min-height:72px;padding:25px 20px 12px;position:relative}.picker-dialog-header:before{content:"";background:#dce5dc;border-radius:6px;width:36px;height:4px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.picker-dialog-heading h2{font-size:17px}.picker-search-wrap{margin:12px 16px 6px}.picker-options{padding:5px 12px 12px}.picker-option{min-height:52px;padding:9px 10px}.picker-dialog-footer{padding:9px 18px calc(9px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.picker-trigger,.picker-trigger-chevron,.picker-dialog,.picker-dialog::backdrop,.picker-group-chevron{transition:none}}
.unit-stepper-input{flex:auto;width:100%;min-width:0;display:flex;position:relative}.unit-stepper-input.no-controls{display:contents}.unit-stepper-input>input[type=number]{appearance:textfield}.unit-stepper-input>input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit-stepper-input>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.unit-stepper-input:not(.no-controls)>input[type=number]{width:100%;min-width:0;padding-right:38px}.unit-stepper-controls{z-index:1;background:#fff;border-left:1px solid #e2e9e1;border-radius:0 7px 7px 0;grid-template-rows:1fr 1fr;width:29px;display:grid;position:absolute;top:1px;bottom:1px;right:1px;overflow:hidden}.unit-stepper-control{color:#74867a;background:0 0;border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;line-height:1;display:grid}.unit-stepper-control+.unit-stepper-control{border-top:1px solid #edf1eb}.unit-stepper-control svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:8px;transform:rotate(180deg)}.unit-stepper-control:first-child svg{transform:none}.unit-stepper-control:hover:not(:disabled){color:#315e45;background:#f1f5f0}.unit-stepper-control:disabled{color:#b7c1b8;cursor:not-allowed}.unit-stepper-input:focus-within .unit-stepper-controls{border-color:#9bb69e}
.employee-shell{background:var(--paper);flex-direction:column;max-width:760px;min-height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 0 1px #dde6db}.employee-topbar{z-index:40;min-height:68px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f8f4f0;border-bottom:1px solid #e2e9df;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.employee-brand{align-items:center;gap:11px;min-width:0;display:flex}.employee-brand-mark{background:var(--green);color:#fff;letter-spacing:-.5px;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:17px;font-weight:800;display:grid}.employee-brand strong,.employee-brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-brand strong{color:#263d2e;letter-spacing:-.35px;font-size:15px}.employee-brand small{color:#819186;letter-spacing:.2px;max-width:210px;margin-top:3px;font-size:10.5px;font-weight:650}.employee-topbar-right{flex:none;align-items:center;gap:4px;display:flex}.employee-avatar{color:#3d6648;background:#d9e8d9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.employee-logout{color:#657c6b;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:42px;height:42px;padding:0;display:grid}.employee-logout svg{width:18px;height:18px}.employee-logout:hover{color:var(--green);background:#e9f1e9}.employee-main{width:100%;padding:18px 16px calc(102px + env(safe-area-inset-bottom));flex:1}.employee-nav{z-index:50;width:min(760px,100%);padding:7px 8px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfcf9f7;border-top:1px solid #dde7db;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.employee-nav button{color:#7a897e;min-height:54px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:10.5px;font-weight:700;transition:background-color .14s,color .14s;display:flex}.employee-nav button svg{width:20px;height:20px}.employee-nav button[aria-current=page]{color:#29583d;background:#edf4eb}.employee-nav button:hover{color:#315e45}.employee-toast{z-index:70;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:#263930;border-radius:10px;width:min(100% - 32px,460px);padding:12px 15px;font-size:12.5px;line-height:1.45;animation:.18s ease-out both employee-toast-in;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #1a2d222e}.employee-toast.error{background:#8f3b31}@keyframes employee-toast-in{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}.screen-heading{margin:4px 0 20px}.screen-heading h1,.home-greeting h1,.detail-header h1{letter-spacing:-1.2px;color:#223b2a;margin:7px 0 0;font-size:clamp(28px,7vw,35px);line-height:1.08}.screen-heading p:not(.section-kicker){color:#73857a;max-width:52ch;margin-top:9px;font-size:12.5px;line-height:1.55}.section-kicker{letter-spacing:1.25px}.screen-heading .section-kicker,.detail-header .section-kicker,.action-panel .section-kicker{color:#6d8d73}.home-greeting{color:#fff;background:linear-gradient(145deg,#315e45 0%,#244b37 100%);border-radius:16px;justify-content:space-between;gap:18px;padding:22px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #1f3d2a24}.home-greeting:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:180px;height:180px;position:absolute;top:-64px;right:-46px}.home-greeting h1{color:#fff}.home-greeting p:not(.home-date){color:#c5d9c9;max-width:30ch;margin-top:9px;font-size:12.5px;line-height:1.55}.home-date{color:#a8c8ae;letter-spacing:1.15px;text-transform:uppercase;margin:0;font-size:10px;font-weight:750}.home-greeting-mark{color:#cfe3d2;background:#ffffff17;border:1px solid #ffffff29;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.home-greeting-mark svg{width:24px;height:24px}.placement-warning{color:#986c34;background:#fcf6eb;border:1px solid #ead7b8;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.placement-warning>svg{flex:none;width:17px;height:17px;margin-top:1px}.placement-warning strong,.placement-warning span{display:block}.placement-warning strong{font-size:12px;line-height:1.4}.placement-warning span{color:#a47e4d;margin-top:3px;font-size:11.5px;line-height:1.5}.task-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0 24px;display:grid}.task-tile{background:#fff;border:1px solid #e2e9df;border-radius:12px;gap:4px;padding:13px 12px;display:grid}.task-tile-icon{color:#5b8965;background:#edf5ed;border-radius:9px;place-items:center;width:31px;height:31px;margin-bottom:4px;display:grid}.task-tile-icon svg{width:16px;height:16px}.task-tile strong{color:#263d2e;letter-spacing:-.7px;font-size:23px;line-height:1}.task-tile>span:last-child{color:#839187;font-size:10.5px;font-weight:650;line-height:1.25}.task-tile.tone-amber .task-tile-icon{color:#b98545;background:#fbf3e9}.task-tile.tone-blue .task-tile-icon{color:#689;background:#eef3f6}.home-section{margin-top:26px}.home-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:11px;display:flex}.home-section-heading h2{color:#284231;letter-spacing:-.45px;font-size:18px}.home-section-heading p{color:#8b9a8f;margin-top:4px;font-size:11.5px;line-height:1.45}.home-count{color:#4c7657;background:#e7f1e5;border-radius:20px;place-items:center;min-width:25px;height:25px;padding:0 7px;font-size:11px;font-weight:750;display:grid}.home-section .text-action{white-space:nowrap;padding:0;font-size:11.5px}.procurement-list{gap:10px;display:grid}.procurement-card{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e8dd;border-radius:14px;gap:7px;padding:14px;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid}.procurement-card:hover{border-color:#bfd3c0;transform:translateY(-1px);box-shadow:0 8px 22px #223b2b0f}.procurement-card.tone-action{background:linear-gradient(#fffdf9 0%,#fff 52%);border-color:#e8d3b0}.procurement-card.tone-action:hover{border-color:#d5b780}.procurement-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.procurement-code{color:#6a7e70;letter-spacing:.45px;text-transform:uppercase;font-size:10.5px;font-weight:750}.procurement-supplier{color:#263d2e;letter-spacing:-.35px;text-overflow:ellipsis;white-space:nowrap;font-size:16.5px;line-height:1.25;overflow:hidden}.procurement-meta{color:#506759;font-size:12px;font-weight:650}.procurement-submeta{color:#929f95;text-overflow:ellipsis;white-space:nowrap;font-size:10.8px;line-height:1.4;overflow:hidden}.procurement-action{color:#315e45;border-top:1px dashed #e8eee6;align-items:center;gap:8px;margin-top:3px;padding-top:10px;font-size:12px;font-weight:750;display:flex}.procurement-action-icon{color:#4e7c59;background:#edf4eb;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.procurement-action-icon svg{width:14px;height:14px}.procurement-chevron{color:#8ba08f;width:15px;height:15px;margin-left:auto}.procurement-card.tone-wait .procurement-action{color:#6f8175}.procurement-card.tone-wait .procurement-action-icon{color:#788b7d;background:#f3f6f1}.procurement-card.tone-done .procurement-action{color:#5e8468}.procurement-card.tone-done .procurement-action-icon{color:#5c8566;background:#eaf3e9}.status-badge{color:#6d8072;letter-spacing:.1px;white-space:nowrap;background:#f1f5ef;border:1px solid #0000;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9.8px;font-weight:750;display:inline-flex}.status-badge.action{color:#95682e;background:#fbf2e2;border-color:#f0dfc1}.status-badge.wait{color:#6c8072;background:#f2f6f0;border-color:#e3ebe1}.status-badge.done{color:#557b5e;background:#eaf3e9;border-color:#d9e9d6}.empty-state{background:#fbfcf9;border:1px dashed #d6e2d3;border-radius:13px;align-items:flex-start;gap:12px;padding:22px 16px;display:flex}.empty-state.compact{padding:17px 14px}.empty-state>span{color:#62866b;background:#edf4eb;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.empty-state>span svg{width:17px;height:17px}.empty-state strong{color:#42604b;font-size:12.5px;display:block}.empty-state p{color:#8a998f;margin-top:4px;font-size:11.5px;line-height:1.5}.home-cta{color:#fff;text-align:left;cursor:pointer;background:#315e45;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;margin-top:26px;padding:15px;display:flex;box-shadow:0 9px 22px #1f3d2a1f}.home-cta:hover{background:#284f3a}.home-cta>span:first-child{background:#ffffff1f;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.home-cta>span:first-child svg{width:19px;height:19px}.home-cta strong,.home-cta small{display:block}.home-cta strong{font-size:13px}.home-cta small{color:#c5d9c9;margin-top:3px;font-size:11px;font-weight:400;line-height:1.4}.home-cta>svg{color:#b8d2bd;width:17px;height:17px;margin-left:auto}.search-field{color:#7e9183;background:#fff;border:1px solid #dce6db;border-radius:12px;align-items:center;gap:9px;min-height:48px;padding:0 13px;display:flex}.search-field:focus-within{border-color:var(--field-focus);box-shadow:0 0 0 2px #315e451a}.search-field svg{flex:none;width:18px;height:18px}.search-field input{width:100%;min-width:0;min-height:46px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.search-field input::placeholder{color:#8d9b92}.filter-chips{scrollbar-width:none;gap:7px;margin:12px 0 16px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{color:#6e8073;min-height:38px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dce6db;border-radius:999px;padding:0 14px;font-size:11.5px;font-weight:700}.filter-chips button[aria-pressed=true]{color:#fff;background:#315e45;border-color:#315e45}.create-screen{width:100%;min-width:0}.create-form{background:#fff;border-radius:14px;margin-top:0;padding:16px}.create-form>.form-grid>.picker-field{align-content:start;align-self:start}.line-items-heading{border-top:1px solid var(--line);margin-top:3px;padding-top:15px}.line-items-heading h2{color:#2c4836;letter-spacing:-.4px;font-size:17px}.line-items-heading p{color:#8b9a8f;margin-top:4px;font-size:11.5px;line-height:1.45}.line-items{gap:11px;display:grid}.line-item{background:#fbfcf9;border:1px solid #e2eae0;border-radius:12px;min-width:0;margin:0;padding:13px}.line-item legend{color:#496652;letter-spacing:.4px;text-transform:uppercase;padding:0 5px;font-size:11px;font-weight:750}.line-item-fields{--field-height:48px;grid-template-columns:minmax(0,1fr);align-items:start;gap:14px 18px;display:grid}.line-item-fields>.picker-field,.line-item-fields>label{min-width:0}.line-item-fields>.picker-field{align-content:start}.line-item-fields>.picker-field .picker-label{align-self:end}.create-form .line-item-fields>label:not(.checkbox-label):not(.master-data-check){color:var(--field-label);align-content:start;gap:8px;font-size:13px;line-height:1.35;display:grid}.create-form .line-item-fields>label>.line-item-label{min-width:0;color:var(--field-label);align-items:end;font-size:13px;font-weight:650;line-height:1.35;display:flex}.create-form .line-item-fields>label>.line-item-hint{min-width:0;color:var(--field-muted);font-size:11px;font-weight:400;line-height:1.4}.remove-line{color:#8f4a41;width:max-content;margin:10px 0 0 auto;padding:0 8px;font-size:11.5px;display:block}.create-form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:4px;padding-top:16px;display:flex}.create-form-footer>div span,.create-form-footer>div strong{display:block}.create-form-footer>div span{color:#8a998e;font-size:10.5px;font-weight:650}.create-form-footer>div strong{color:#2c4836;letter-spacing:-.5px;margin-top:4px;font-size:18px}.create-form-footer .primary-action{min-width:190px;margin:0}.secondary-action{color:#315e45;min-height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c9dccc;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:12.5px;font-weight:700;display:inline-flex}.secondary-action:hover{background:#edf4eb}.secondary-action:disabled{opacity:.55;cursor:not-allowed}.secondary-action.compact{min-height:40px;padding:0 11px;font-size:11.5px}.secondary-action svg{width:15px;height:15px}.line-items-add{z-index:3;bottom:calc(78px + env(safe-area-inset-bottom));background:#fff;border-color:#7d9382;justify-self:end;min-height:48px;margin:2px 0 0;padding:0 16px;position:sticky;box-shadow:0 5px 16px #223b2b1f}.line-items-add:focus-visible{outline-offset:3px;outline:3px solid #315e45}.create-success{text-align:center;background:#fff;border:1px solid #e0e8dd;border-radius:18px;margin-top:4px;padding:24px 18px;box-shadow:0 12px 32px #223b2b0d}.success-mark{color:#4d7c58;background:#e7f2e5;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 14px;display:grid}.success-mark svg{width:25px;height:25px}.create-success h1{letter-spacing:-1.1px;color:#243e2c;max-width:15ch;margin:6px auto 0;font-size:clamp(26px,6.5vw,33px);line-height:1.12}.create-success-copy{color:#74867a;max-width:36ch;margin:10px auto 0;font-size:12.5px;line-height:1.6}.qr-card{background:#f8faf7;border:1px solid #e3ebe1;border-radius:14px;justify-items:center;gap:8px;max-width:320px;margin:20px auto 0;padding:16px 14px 14px;display:grid}.qr-frame{background:#fff;border-radius:10px;place-items:center;padding:10px;display:grid;box-shadow:0 2px 12px #223b2b0f}.qr-frame svg{width:min(224px,62vw);height:auto;display:block}.qr-card strong{color:#284532;letter-spacing:.08em;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px}.qr-card>span{color:#8a998f;font-size:11.5px}.qr-card .pair-code-label{color:#586b5d;margin-top:7px;font-size:10.5px}.qr-card .pair-code-value{letter-spacing:.16em;margin-top:0;font-size:17px}.create-success-note{color:#8d6937;text-align:left;background:#fcf7ee;border:1px solid #ead9bc;border-radius:9px;align-items:flex-start;gap:9px;max-width:360px;margin:18px auto 0;padding:11px 12px;font-size:11.5px;line-height:1.5;display:flex}.create-success-note svg{flex:none;width:16px;height:16px;margin-top:1px}.create-success-actions{gap:8px;max-width:340px;margin:18px auto 0;display:grid}.create-success-actions .primary-action,.create-success-actions .secondary-action{width:100%;margin:0}.scan-panel{background:#244b37;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #1f3d2a26}.scan-placeholder{color:#fff;text-align:center;background:radial-gradient(circle at 50% 10%,#3a6c4d 0%,#244b37 62%);justify-items:center;gap:9px;padding:30px 24px;display:grid}.scan-placeholder-icon{color:#d5e7d7;background:#ffffff17;border:1px solid #ffffff2e;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:3px;display:grid}.scan-placeholder-icon svg{width:28px;height:28px}.scan-placeholder strong{letter-spacing:-.25px;font-size:16px}.scan-placeholder>span:not(.scan-placeholder-icon){color:#bfd4c3;max-width:32ch;font-size:11.5px;line-height:1.55}.scan-placeholder .primary-action{color:#244b37;background:#fff;margin-top:6px}.scan-placeholder .primary-action:hover{background:#edf4eb}.scan-placeholder .primary-action svg{width:16px;height:16px}.scan-camera{background:#111a15;min-height:330px;position:relative}.scan-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan-frame{aspect-ratio:1;border:2px solid #ffffffe6;border-radius:18px;width:62%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0a140e47}.scan-camera-loading{color:#d5e7d7;background:#244b37;place-items:center;min-height:280px;font-size:12px;display:grid}.scan-stop{color:#d5e7d7;width:100%;min-height:46px;font:inherit;cursor:pointer;background:#1d3b2b;border:0;font-size:12px;font-weight:700}.manual-code-form{background:#fff;border:1px solid #e0e8dd;border-radius:14px;gap:12px;margin-top:16px;padding:17px 16px;display:grid}.manual-code-heading{align-items:flex-start;gap:10px;display:flex}.manual-code-icon{color:#5b8664;background:#edf4eb;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.manual-code-icon svg{width:17px;height:17px}.manual-code-heading h2{color:#2c4836;letter-spacing:-.25px;font-size:15px}.manual-code-heading p{color:#8a998f;margin-top:3px;font-size:11.5px;line-height:1.45}.manual-code-form label{color:var(--field-label);gap:7px;font-size:13px;font-weight:650;display:grid}.manual-code-form input{border:1px solid var(--field-border);width:100%;min-height:48px;color:var(--ink);font:inherit;letter-spacing:.02em;background:#fff;border-radius:8px;padding:0 12px;font-size:15px}.manual-code-form input:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px;border-color:var(--field-focus)}.manual-code-form .secondary-action{width:100%;margin:0}.back-button{color:#4e6c57;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:0 0 9px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.back-button svg{width:17px;height:17px}.back-button:hover{color:#244b36}.detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.detail-header>div{min-width:0}.detail-header h1{overflow-wrap:anywhere}.detail-header p:not(.section-kicker){color:#86958a;margin-top:7px;font-size:11.5px;line-height:1.45}.detail-header .status-badge{flex:none;margin-top:2px}.detail-qr-panel{background:#f8faf7;border:1px solid #e3ebe1;border-radius:13px;justify-content:center;align-items:center;gap:16px;margin:14px 0;padding:14px;display:flex}.detail-qr-panel .qr-frame svg{width:min(168px,42vw)}.detail-qr-panel>div:last-child{gap:5px;min-width:0;display:grid}.detail-qr-panel strong,.detail-qr-panel b{color:#284532;letter-spacing:.08em;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.detail-qr-panel b{letter-spacing:.13em;font-size:16px}.detail-qr-panel span{color:#586b5d;font-size:10.8px;line-height:1.45}.detail-qr-panel small{color:#586b5d;margin-top:4px;font-size:10px}.detail-summary{background:#e2eae0;border:1px solid #e2eae0;border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.detail-summary>div{background:#fff;min-width:0;padding:11px 13px}.detail-summary span,.detail-summary strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.detail-summary span{color:#8a998e;font-size:10px;font-weight:650}.detail-summary strong{color:#2f4a38;margin-top:4px;font-size:12.5px}.detail-block{background:#fff;border:1px solid #e2eae0;border-radius:14px;margin-top:14px;padding:16px}.detail-block-heading h2{color:#2c4836;letter-spacing:-.4px;font-size:17px}.detail-block-heading p{color:#8b9a8f;margin-top:4px;font-size:11.5px;line-height:1.5}.detail-items{gap:9px;margin-top:13px;display:grid}.detail-item{background:#fcfdfb;border:1px solid #edf1ec;border-radius:10px;padding:12px}.detail-item-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.detail-item-top strong{color:#2f4a38;min-width:0;font-size:13px;line-height:1.35}.detail-item-top>span{color:#566c5c;flex:none;font-size:11.5px;font-weight:650}.detail-item-qty{flex-wrap:wrap;gap:8px 15px;margin-top:8px;display:flex}.detail-item-qty span{color:#87968b;font-size:10.5px}.detail-item-qty strong{color:#3b5945;margin-left:4px;font-size:11px}.detail-discrepancy{color:#946a34;background:#fcf5e9;border-radius:7px;align-items:flex-start;gap:6px;margin-top:9px;padding:8px 9px;font-size:10.8px;line-height:1.45;display:flex}.detail-discrepancy svg{flex:none;width:14px;height:14px;margin-top:1px}.detail-qc-result{color:#5f7d65;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;font-size:10.8px;display:flex}.timeline{gap:0;margin:14px 0 0;padding:0;list-style:none;display:grid}.timeline li{gap:11px;padding-bottom:17px;display:flex;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):before{content:"";background:#e3ebe0;width:1px;position:absolute;top:25px;bottom:1px;left:11px}.timeline-dot{z-index:1;color:#fff;background:#fff;border:1.5px solid #d7e2d4;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;display:grid;position:relative}.timeline-dot svg{width:12px;height:12px}.timeline li.is-done .timeline-dot{background:#315e45;border-color:#315e45}.timeline li>span:last-child{min-width:0;padding-top:2px}.timeline strong,.timeline small{display:block}.timeline strong{color:#3f5b48;font-size:12px;line-height:1.35}.timeline small{color:#8b9a8f;margin-top:3px;font-size:10.8px;line-height:1.45}.action-panel{background:#fff;border:1px solid #dce7d9;border-radius:16px;margin-top:15px;padding:16px;box-shadow:0 10px 28px #223b2b0d}.action-panel-heading{align-items:flex-start;gap:11px;display:flex}.action-panel-icon{color:#4e7c59;background:#edf4eb;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.action-panel-icon svg{width:19px;height:19px}.action-panel-heading>div{min-width:0}.action-panel-heading h2{color:#2b4735;letter-spacing:-.55px;margin-top:3px;font-size:20px}.action-panel-heading p:not(.section-kicker){color:#7e8e82;margin-top:5px;font-size:11.5px;line-height:1.55}.action-form{margin-top:14px}.receive-lines{gap:9px;display:grid}.receive-line{background:#fcfdfb;border:1px solid #edf1ec;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;padding:11px 12px;display:grid}.receive-line.has-difference{background:#fffbf3;border-color:#ead9bc}.receive-line-name{color:#3b5945;min-width:0;font-size:12.5px;font-weight:650;line-height:1.35}.receive-line-name small{color:#8a998f;margin-top:3px;font-size:10.5px;font-weight:400;display:block}.receive-line-input{align-items:center;gap:5px;display:flex}.receive-line-input>.unit-stepper-input{flex:0 0 92px;width:92px}.receive-line-input input{border:1px solid var(--field-border);width:92px;min-height:43px;color:var(--ink);font:inherit;text-align:right;background:#fff;border-radius:7px;padding:0 9px;font-size:14px}.receive-line-input input:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px;border-color:var(--field-focus)}.receive-line-input em{color:#6f8174;min-width:22px;font-size:10.5px;font-style:normal;font-weight:650}.receive-line-diff{color:#9a692f;grid-column:1/-1;font-size:10.5px;font-weight:650}.receive-reason{color:#80633d;grid-column:1/-1;gap:5px;font-size:10.8px;font-weight:700;display:grid}.receive-reason>span{color:#6d624f;font-size:10px;font-weight:400;display:inline}.receive-reason textarea{resize:vertical;width:100%;min-height:58px;color:var(--ink);font:inherit;background:#fff;border:1px solid #e5d8c2;border-radius:7px;padding:9px 10px;font-size:12px;line-height:1.4}.receive-reason textarea:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}.receive-package-capture{background:#f7faf5;border:1px solid #dfe8dc;border-radius:9px;grid-column:1/-1;gap:9px;min-width:0;padding:11px;display:grid}.receive-package-capture>strong{color:#3b5945;font-size:11px}.receive-package-capture>small{color:#5f7164;font-size:10px;line-height:1.5}.receive-package-row{grid-template-columns:minmax(0,1fr) minmax(120px,.7fr);align-items:end;gap:8px;min-width:0;display:grid}.receive-package-row label{color:#566a5b;gap:5px;min-width:0;font-size:10px;font-weight:650;display:grid}.receive-package-row input:not([type=checkbox]){border:1px solid var(--field-border);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:7px;padding:0 9px;font-size:12px}.receive-package-row input:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}.receive-package-weight{color:#5f7164;align-self:center;font-size:10.5px}.package-record-list{background:#fff;border:1px solid #e7eee4;border-radius:8px;gap:0;margin:9px 0 0;padding:0 9px;list-style:none;display:grid}.package-record-list li{border-bottom:1px solid #edf1ec;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;padding:8px 1px;display:grid}.package-record-list li:last-child{border-bottom:0}.package-record-list li>span{overflow-wrap:anywhere;color:#3b5945;min-width:0;font-size:10.5px}.package-record-list li>strong{color:#556d5c;font-size:10.5px}.package-record-list li>small{color:#5f7164;grid-column:1/-1;font-size:9.5px}.inline-note{color:#607568;background:#f5f8f3;border:1px solid #e3eae0;border-radius:8px;align-items:flex-start;gap:8px;margin:12px 0;padding:10px 11px;font-size:11px;line-height:1.5;display:flex}.inline-note svg{flex:none;width:15px;height:15px;margin-top:1px}.inline-note.warning{color:#916b36;background:#fcf6eb;border-color:#ead9bc}.action-form>.primary-action,.action-panel>.primary-action{width:100%;margin-top:12px}.confirm-summary{background:#e8eee5;border:1px solid #e8eee5;border-radius:10px;gap:1px;margin:14px 0 0;display:grid;overflow:hidden}.confirm-summary>div{background:#fbfcf9;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.confirm-summary span{color:#718378;min-width:0;font-size:11.5px}.confirm-summary strong{color:#3b5945;flex:none;font-size:11.5px}.confirm-check{color:#526a5a;cursor:pointer;background:#f6f9f4;border-radius:9px;align-items:flex-start;gap:9px;margin:12px 0 0;padding:11px;font-size:11.5px;line-height:1.5;display:flex}.confirm-check input{width:18px;height:18px;accent-color:var(--green);flex:none;margin:0}.qc-actions{justify-content:flex-end;display:flex}.qc-actions .text-action{font-size:11.5px}.qc-lines{gap:9px;display:grid}.qc-line{background:#fcfdfb;border:1px solid #edf1ec;border-radius:10px;min-width:0;margin:0;padding:12px}.qc-line.is-balanced{background:#fbfdf9;border-color:#d9e8d6}.qc-line legend{color:#3b5945;padding:0 4px;font-size:12.5px;font-weight:700}.qc-line legend small{color:#8a998f;margin-top:3px;font-size:10.5px;font-weight:400;display:block}.qc-inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qc-inputs label{color:#6c8073;gap:5px;font-size:10.5px;font-weight:650;display:grid}.qc-inputs input{border:1px solid var(--field-border);width:100%;min-height:43px;color:var(--ink);font:inherit;background:#fff;border-radius:7px;padding:0 9px;font-size:14px}.qc-inputs input:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px;border-color:var(--field-focus)}.qc-package-list{background:#fff;border:1px solid #e5ebe5;border-radius:9px;gap:0;margin-top:8px;padding:0 9px;display:grid}.qc-package-list label{cursor:pointer;border-bottom:1px solid #e8eee7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:45px;padding:7px 1px;display:grid}.qc-package-list label:last-child{border-bottom:0}.qc-package-list input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);margin:0}.qc-package-list label>span{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.qc-package-list label strong{color:#3b5945;font-size:10.5px}.qc-package-list label small{color:#5f7164;font-size:9.8px}.qc-package-list label>b{color:#4e7158;white-space:nowrap;font-size:10.5px}.qc-package-list>small{color:#5f7164;padding:8px 0;font-size:9.8px;line-height:1.45;display:block}.qc-package-list+.qc-balance.is-ok{color:#4d6b52}.qc-balance{color:#a4763b;margin-top:7px;font-size:10.5px;line-height:1.4}.qc-balance.is-ok{color:#5d7f62}.reopen-panel .secondary-action{width:100%;margin-top:12px}.pair-unlock-card{background:#fff;border:1px solid #dce7d9;border-radius:16px;max-width:440px;margin:28px auto;padding:22px 18px}.pair-unlock-card>.action-panel-icon{margin-bottom:14px}.pair-unlock-card h1{color:#2b4735;letter-spacing:-.6px;margin-top:4px;font-size:24px}.pair-unlock-card>p:not(.section-kicker){color:#586b5d;margin-top:7px;font-size:12px;line-height:1.55}.pair-unlock-card form{gap:11px;margin-top:17px;display:grid}.pair-unlock-card form label{color:#526a5a;gap:7px;font-size:12px;font-weight:700;display:grid}.pair-unlock-card input{border:1px solid var(--field-border);width:100%;min-height:48px;color:var(--ink);font:inherit;letter-spacing:.12em;background:#fff;border-radius:8px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px}.pair-unlock-card input:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}.pair-unlock-card .primary-action{width:100%;margin:0}.detail-state{margin-top:15px}.detail-status-note{background:#fff;border:1px solid #e2eae0;border-radius:14px;align-items:flex-start;gap:11px;padding:15px;display:flex}.detail-status-note>span{color:#517c5a;background:#edf4eb;border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.detail-status-note>span svg{width:18px;height:18px}.detail-status-note strong{color:#375541;font-size:13px;display:block}.detail-status-note p{color:#788a7d;margin-top:4px;font-size:11.5px;line-height:1.55}.detail-status-note.icon-alert>span{color:#b17f43;background:#fbf3e9}.detail-status-note.icon-check>span{color:#4e7c59;background:#e8f2e5}.detail-status-note.icon-clock>span{color:#6a8796;background:#eef3f5}.detail-footer-note{color:#8d9a90;align-items:flex-start;gap:7px;margin:17px 2px 0;font-size:10.5px;line-height:1.5;display:flex}.detail-footer-note svg{flex:none;width:14px;height:14px;margin-top:1px}.employee-confirm-dialog{color:#263930;background:#fbfcf9;border:1px solid #dce7d9;border-radius:15px;width:min(440px,100% - 28px);max-width:440px;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 22px 64px #13251a40}.employee-confirm-dialog::backdrop{background:#13201794}.employee-confirm-content{padding:22px}.employee-confirm-eyebrow{color:#557c5f;letter-spacing:1.1px;font-size:10px;font-weight:750}.employee-confirm-content h2{color:#263d2e;letter-spacing:-.65px;margin-top:8px;font-size:23px;line-height:1.17}.employee-confirm-description{color:#526c5b;margin-top:9px;font-size:13px;line-height:1.55}.employee-confirm-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9px;margin-top:20px;display:grid}.employee-confirm-cancel,.employee-confirm-submit{min-width:0;min-height:48px;font:inherit;cursor:pointer;border:1px solid #c9dccc;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:750;line-height:1.3}.employee-confirm-cancel{color:#315e45;background:#fff}.employee-confirm-cancel:hover{background:#edf4eb}.employee-confirm-submit{color:#fff;background:#315e45;border-color:#315e45}.employee-confirm-submit:hover{background:#284f3a}.employee-confirm-submit.is-danger{background:#8f3b31;border-color:#8f3b31}.employee-confirm-submit.is-danger:hover{background:#783229}.employee-confirm-dialog :is(.employee-confirm-cancel,.employee-confirm-submit):focus-visible{outline-offset:3px;outline:3px solid #659773}.load-error{text-align:center;background:#fff;border:1px solid #e2eae0;border-radius:16px;max-width:420px;margin:40px auto;padding:26px 20px}.load-error>span{color:#9c4a40;background:#fbf0ed;border-radius:13px;place-items:center;width:48px;height:48px;margin:0 auto 13px;display:grid}.load-error>span svg{width:22px;height:22px}.load-error h1{letter-spacing:-.7px;margin:0;font-size:22px}.load-error p{color:#7a8a7e;margin-top:8px;font-size:12.5px;line-height:1.55}.load-error .primary-action{margin-top:16px}.load-error-banner{color:#916b36;background:#fcf6eb;border:1px solid #ead9bc;border-radius:9px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:11.5px;line-height:1.5;display:flex}.load-error-banner svg{flex:none;width:15px;height:15px;margin-top:1px}@media (min-width:680px){.employee-main{padding:24px 30px calc(108px + env(safe-area-inset-bottom))}.employee-topbar{padding-left:30px;padding-right:30px}.procurement-list{grid-template-columns:1fr 1fr}.procurement-card{align-content:start}.home-greeting{padding:26px 24px}.detail-summary{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px){.employee-shell{background:var(--paper);max-width:none;min-height:100dvh;box-shadow:none;grid-template-rows:68px minmax(0,1fr);grid-template-columns:238px minmax(0,1fr);display:grid}.employee-topbar{grid-area:1/1/auto/-1;padding:10px 32px}.employee-brand small{max-width:420px}.employee-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbfcf9;border-top:0;border-right:1px solid #dde7db;flex-direction:column;grid-area:2/1;align-items:stretch;gap:5px;width:auto;height:calc(100dvh - 68px);padding:18px 13px;display:flex;position:sticky;top:68px;bottom:auto;left:auto;transform:none}.employee-nav button{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:48px;padding:0 12px;font-size:12px}.employee-nav button svg{width:19px;height:19px}.employee-main{grid-area:2/2;justify-self:center;width:min(100%,1500px);min-width:0;padding:32px clamp(28px,4vw,64px) 40px}.home-screen{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:24px;display:grid}.home-greeting,.placement-warning,.task-summary,.home-cta{grid-column:1/-1}.home-active-section,.home-recent-section{min-width:0}.home-active-section .procurement-list,.home-recent-section .procurement-list{grid-template-columns:1fr}.employee-toast{bottom:24px}.create-screen{max-width:1120px;margin-inline:auto}.create-screen .screen-heading{margin-bottom:24px}.create-form{border:1px solid #dfe8dd;border-radius:16px;padding:26px;box-shadow:0 8px 24px #223b2b0b}.line-items-heading{margin-top:4px;padding-top:20px}.line-items-add{bottom:16px}}@media (min-width:680px){.line-item-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.line-item-fields>.picker-field{grid-column:1/-1}}@media (min-width:1280px){.line-item-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.line-item-fields>.picker-field{grid-column:auto}}@media (max-width:420px){.employee-main{padding-left:14px;padding-right:14px}.task-summary{gap:7px}.task-tile{padding:11px 10px}.task-tile strong{font-size:20px}.task-tile>span:last-child{font-size:10px}.home-greeting{padding:19px 17px}.home-greeting h1{font-size:27px}.employee-nav button{font-size:9px}.employee-nav button svg{width:19px;height:19px}.create-form-footer{flex-direction:column;align-items:stretch}.create-form-footer .primary-action{width:100%}.detail-summary>div{padding:10px 11px}.detail-header{display:block}.detail-header .status-badge{margin-top:9px}.detail-qr-panel{align-items:flex-start;gap:10px;padding:10px}.detail-qr-panel .qr-frame{padding:6px}.employee-confirm-content{padding:19px 17px}.employee-confirm-actions,.receive-package-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.employee-nav button,.procurement-card{transition:none}.procurement-card:hover{transform:none}.employee-toast{animation:none}}
.employee-v2-shell{--v2-green:#315e45;--v2-muted:#718276;--v2-line:#e1e9e0;color:#263930;background:#f6f8f5;min-height:100dvh}.employee-v2-sidebar{z-index:45;border:1px solid var(--v2-line);background:#fbfcf9;border-radius:16px;flex-direction:column;width:250px;min-height:0;padding:27px 20px 18px;display:flex;position:fixed;inset:16px auto 16px 16px;overflow-y:auto}.employee-v2-brand{letter-spacing:-.55px;white-space:nowrap;align-items:center;gap:10px;font-size:16px;display:flex}.employee-v2-brand-mark{background:var(--v2-green);color:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.employee-v2-brand-mark svg{width:21px;height:21px}.employee-v2-nav-caption{color:#92a197;letter-spacing:1.1px;margin:48px 12px 12px;font-size:10px;font-weight:700}.employee-v2-side-nav{gap:4px;display:grid}.employee-v2-nav-link{color:#718078;text-align:left;width:100%;min-height:46px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:650;display:flex;position:relative}.employee-v2-nav-link svg{flex:none;width:19px;height:19px}.employee-v2-nav-link:is(:hover,:focus-visible){color:var(--v2-green);background:#edf4eb}.employee-v2-nav-link.is-active{color:#24573b;background:#e5f0e5;font-weight:750}.employee-v2-nav-link.is-active:before{content:"";background:#39714d;border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.employee-v2-side-footer{border-top:1px solid var(--v2-line);margin-top:auto;padding-top:16px}.employee-v2-side-profile{align-items:center;gap:10px;min-width:0;display:flex}.employee-v2-user-initial{color:#456c50;background:#dbe9da;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:750;display:grid}.employee-v2-side-profile>span:last-child{min-width:0}.employee-v2-side-profile strong,.employee-v2-side-profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-v2-side-profile strong{font-size:12px}.employee-v2-side-profile small{color:#89978c;margin-top:3px;font-size:10px}.employee-v2-signout{color:#657c6b;width:100%;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:0 9px;font-size:12px;font-weight:650;display:flex}.employee-v2-signout svg{width:18px;height:18px}.employee-v2-signout:hover{background:#edf4eb}.employee-v2-workspace{min-width:0;min-height:100dvh;margin-left:282px}.employee-v2-header{z-index:42;justify-content:flex-end;align-items:center;gap:8px;height:42px;display:flex;position:absolute;top:27px;right:34px}.employee-v2-header-heading{display:none}.employee-v2-header-actions{align-items:center;gap:7px;display:flex}.employee-v2-account{position:relative}.employee-v2-account-trigger{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.employee-v2-account-trigger:hover{background:#eaf2e8}.employee-v2-account-trigger>span{color:#456b50;background:#dce9dc;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;font-weight:750;display:grid}.employee-v2-account-menu{z-index:70;border:1px solid var(--v2-line);background:#fff;border-radius:11px;width:min(250px,100vw - 24px);padding:15px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #19372624}.employee-v2-account-menu strong,.employee-v2-account-menu small{display:block}.employee-v2-account-menu strong{font-size:13px}.employee-v2-account-menu small{color:var(--v2-muted);margin-top:4px;font-size:11px}.employee-v2-account-menu button{border:0;border-top:1px solid var(--v2-line);color:#395c43;text-align:left;width:100%;min-height:40px;font:inherit;cursor:pointer;background:0 0;align-items:center;gap:9px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.employee-v2-account-menu button svg{width:17px;height:17px}.employee-v2-main{width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:43px 38px 62px}.employee-v2-mobile-nav{display:none}.employee-v2-main .home-screen{display:block}.employee-v2-page-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px;padding-right:105px;display:flex}.employee-v2-page-heading h1,.employee-v2-main .screen-heading h1{color:#263930;letter-spacing:-1.3px;margin:0;font-size:clamp(27px,3vw,37px);line-height:1.13}.employee-v2-page-heading p{color:#85958a;margin-top:5px;font-size:12px}.employee-v2-primary{color:#fff;min-height:41px;font:inherit;cursor:pointer;background:#315e45;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:750;display:inline-flex}.employee-v2-primary:hover{background:#264e38}.employee-v2-primary svg{width:17px;height:17px}.employee-v2-task-filters{border-bottom:1px solid #e2eae1;gap:0;width:100%;margin-bottom:28px;padding:0 3px;display:flex}.employee-v2-task-filters button{color:#87968b;min-height:46px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:baseline;gap:9px;padding:9px 18px;display:flex;position:relative}.employee-v2-task-filters button:first-child{padding-left:4px}.employee-v2-task-filters button[aria-pressed=true]{color:#315e45}.employee-v2-task-filters button[aria-pressed=true]:after{content:"";background:#315e45;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.employee-v2-task-filters strong{letter-spacing:-.7px;font-size:18px;line-height:1.2}.employee-v2-task-filters span{font-size:12px;font-weight:650}.employee-v2-list-top{justify-content:space-between;align-items:center;margin:0 0 11px;display:flex}.employee-v2-list-top>strong{letter-spacing:-.3px;font-size:15px}.employee-v2-text-link{color:#315e45;min-height:35px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:750;display:inline-flex}.employee-v2-text-link svg{width:15px;height:15px}.employee-v2-main .procurement-list{border:1px solid var(--v2-line);background:#fff;border-radius:12px;grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.employee-v2-main .procurement-card.employee-v2-record{color:#263930;width:100%;min-height:80px;box-shadow:none;text-align:left;background:#fff;border:0;border-bottom:1px solid #eaf0e9;border-radius:0;flex-direction:row;align-items:center;gap:13px;padding:12px 17px;display:flex;transform:none}.employee-v2-main .procurement-card.employee-v2-record:last-child{border-bottom:0}.employee-v2-main .procurement-card.employee-v2-record:hover{box-shadow:none;background:#f8fbf7;transform:none}.employee-v2-record-icon{color:#578062;background:#edf3eb;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;display:grid}.employee-v2-record-icon svg{width:18px;height:18px}.employee-v2-record-body{flex:1;gap:3px;min-width:0;display:grid}.employee-v2-record-body strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px;font-size:13px;overflow:hidden}.employee-v2-record-body small{text-overflow:ellipsis;white-space:nowrap;color:#839489;font-size:11px;overflow:hidden}.employee-v2-record-body small:last-child{color:#607b67}.employee-v2-record-end{flex:none;align-items:center;gap:10px;display:flex}.employee-v2-record-end>svg{color:#9bad9c;width:16px;height:16px}.employee-v2-record-status{color:#718377;background:#f0f3ef;border-radius:6px;padding:5px 8px;font-size:10.5px;font-weight:750}.employee-v2-record-status.is-action{color:#315e45;background:#e8f1e6}.employee-v2-empty{border:1px solid var(--v2-line);color:#859589;background:#fff;border-radius:11px;align-items:center;gap:9px;min-height:77px;padding:0 15px;font-size:12px;display:flex}.employee-v2-empty svg{color:#5d8566;width:17px;height:17px}.employee-v2-main .screen-heading{margin:0 0 20px}.employee-v2-main .screen-heading .section-kicker,.employee-v2-main .screen-heading p:not(.section-kicker){display:none}.employee-v2-main .history-screen{max-width:1180px}.employee-v2-main .history-screen>.search-field{max-width:500px;margin-bottom:13px}.employee-v2-main .history-screen .filter-chips{margin:0 0 16px}.employee-v2-main .history-screen .filter-chips button{min-height:38px;font-size:12px}.employee-v2-main .record-form.create-form{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.employee-v2-main .create-form>.form-grid{border:1px solid var(--v2-line);background:#fff;border-radius:12px;margin:0 0 19px;padding:20px}.employee-v2-main .line-items-heading{display:none}.employee-v2-main .line-items-heading h2{font-size:15px}.employee-v2-main .line-items-heading p{display:none}.employee-v2-main .line-items{gap:9px}.employee-v2-main .line-item{border:1px solid var(--v2-line);background:#fff;border-radius:12px;padding:17px}.employee-v2-main .line-item legend{color:#6c8773;padding:0 6px;font-size:11px;font-weight:700}.employee-v2-main .line-item-fields>label>.line-item-hint:empty{display:none}.employee-v2-main .line-item-fields>label>.line-item-hint{font-size:10.5px}.employee-v2-main .line-items-add{color:#315e45;width:100%;min-height:43px;box-shadow:none;background:#fbfcf9;border:1px dashed #c8d8c8;border-radius:9px;margin-top:0;font-size:12px;position:static;bottom:auto}.employee-v2-main .line-items-add:hover{background:#edf4eb}.employee-v2-main .create-form-footer{border-top:1px solid var(--v2-line);margin-top:7px}.employee-v2-main .create-form-footer .primary-action{border-radius:9px}.employee-v2-main .scan-panel{border:1px solid var(--v2-line);max-width:850px;box-shadow:none;background:#fff;border-radius:12px}.employee-v2-main .scan-placeholder{color:#263930;background:#fff;padding:29px 20px}.employee-v2-main .scan-placeholder-icon{color:#315e45;background:#eaf2e9;border:0;border-radius:9px}.employee-v2-main .scan-placeholder strong{color:#294734}.employee-v2-main .scan-placeholder>span:not(.scan-placeholder-icon){display:none}.employee-v2-main .manual-code-form{border-radius:12px;max-width:850px;margin-top:14px}.employee-v2-main .manual-code-heading p{display:none}.employee-v2-main .create-success{max-width:600px;box-shadow:none;border-radius:12px;margin-inline:auto}.employee-v2-main .create-success-copy{display:none}.employee-v2-main :is(.primary-action,.secondary-action){border-radius:9px}@media (min-width:1200px){.employee-v2-main .line-item-fields{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.85fr))}.employee-v2-main .line-item-fields>.picker-field{grid-column:auto}}@media (max-width:920px){.employee-v2-sidebar{display:none}.employee-v2-workspace{margin:0}.employee-v2-header{z-index:43;border-bottom:1px solid var(--v2-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfcf9ed;justify-content:space-between;height:63px;padding:8px 17px;position:sticky;top:0;right:auto}.employee-v2-header-heading{gap:3px;display:grid}.employee-v2-header-heading strong{letter-spacing:-.35px;font-size:14px;font-weight:750}.employee-v2-header-heading small{color:#8b9c8f;font-size:10px}.employee-v2-main{padding:23px 17px calc(86px + env(safe-area-inset-bottom))}.employee-v2-mobile-nav{z-index:45;padding:7px max(9px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfcf9f0;border-top:1px solid #dde7dc;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid;position:fixed;inset:auto 0 0}.employee-v2-mobile-link{color:#829286;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-content:center;justify-items:center;gap:3px;padding:3px;font-size:10px;font-weight:700;display:grid}.employee-v2-mobile-link svg{width:19px;height:19px}.employee-v2-mobile-link.is-active{color:#315e45;background:#e6f0e5}.employee-v2-page-heading{padding-right:0}.employee-toast{bottom:calc(78px + env(safe-area-inset-bottom))}body:has(input:focus,textarea:focus,[contenteditable=true]:focus) .employee-v2-mobile-nav{display:none}}@media (max-width:540px){.employee-v2-main{padding:20px 13px calc(82px + env(safe-area-inset-bottom))}.employee-v2-page-heading{margin-bottom:18px}.employee-v2-page-heading h1{font-size:29px}.employee-v2-task-filters{justify-content:space-between;margin-bottom:19px}.employee-v2-task-filters button{flex:1;justify-items:start;gap:3px;min-height:55px;padding:6px 8px;display:grid}.employee-v2-task-filters button:first-child{padding-left:6px}.employee-v2-task-filters strong{font-size:20px}.employee-v2-task-filters span{font-size:10.5px}.employee-v2-main .procurement-card.employee-v2-record{gap:9px;padding:11px 12px}.employee-v2-record-icon{width:32px;height:32px}.employee-v2-record-end{gap:4px}.employee-v2-record-status{padding:4px 6px;font-size:10px}.employee-v2-record-body strong{font-size:12px}.employee-v2-main .create-form>.form-grid{padding:15px}.employee-v2-main .line-item{padding:13px}.employee-v2-main .create-form-footer{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.employee-v2-shell *,.employee-v2-shell :before,.employee-v2-shell :after{transition:none!important}}
.employee-v2-shell{--v2-ink:#203329;--v2-green:#315e45;--v2-line:#dfe5d9;--v2-cream:#f6f4eb;--v2-paper:#fffefa;background:var(--v2-cream);width:100%;height:100dvh;min-height:0;color:var(--v2-ink);grid-template-columns:78px minmax(0,1fr);display:grid;overflow:hidden}.employee-v2-sidebar{z-index:10;border:0;border-right:1px solid var(--v2-line);background:var(--v2-paper);width:78px;height:100dvh;min-height:0;box-shadow:none;border-radius:0;flex-direction:column;align-items:center;padding:16px 7px 12px;display:flex;position:relative;inset:auto;overflow-y:auto}.employee-v2-side-brand{background:var(--v2-green);color:#fffefa;cursor:pointer;border:0;border-radius:11px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.employee-v2-side-brand svg{width:21px;height:21px}.employee-v2-side-nav{gap:7px;width:100%;margin-top:32px;display:grid}.employee-v2-nav-link{color:#53675a;width:100%;min-height:58px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:4px 2px;font-size:10px;font-weight:700;display:flex}.employee-v2-nav-link:before{display:none!important}.employee-v2-nav-link svg{width:21px;height:21px}.employee-v2-nav-link span{overflow-wrap:anywhere;text-align:center;max-width:100%}.employee-v2-nav-link:hover,.employee-v2-nav-link.is-active{color:#244b36;background:#e7eee2}.employee-v2-side-footer{border-top:0;justify-items:center;gap:5px;width:100%;margin-top:auto;padding:0;display:grid}.employee-v2-side-footer .employee-notifications-control{margin:0}.employee-v2-side-footer .employee-notifications-trigger{width:50px;height:46px}.employee-v2-side-footer .employee-notifications-popover{width:min(390px,100vw - 98px);max-height:76dvh;position:fixed;inset:auto auto 18px 79px}.employee-v2-logout{flex:none}.employee-v2-side-account{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:50px;height:48px;padding:0;display:grid}.employee-v2-side-account:hover,.employee-v2-side-account[aria-expanded=true]{background:#e7eee2}.employee-v2-side-initial{color:#244b36;background:#e6ecdf;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.employee-v2-workspace{scrollbar-width:thin;background:var(--v2-cream);grid-column:2;height:100dvh;min-height:0;margin:0;position:relative;overflow:hidden auto}.employee-v2-header,.employee-v2-mobile-header,.employee-v2-mobile-nav{display:none}.employee-v2-main{width:min(100%,1480px);min-width:0;max-width:1480px;margin:0 auto;padding:clamp(22px,3vw,42px)}.employee-v2-main .employee-v2-page-heading{padding-right:0}.employee-v2-main .employee-v2-page-heading h1,.employee-v2-main .screen-heading h1{font-size:clamp(26px,3vw,35px)}.employee-v2-main .employee-v2-page-heading p{color:#6d8070}.employee-v2-main .procurement-list,.employee-v2-main .employee-v2-empty,.employee-v2-main .create-form>.form-grid,.employee-v2-main .line-item,.employee-v2-main .scan-panel,.employee-v2-main .manual-code-form{background:var(--v2-paper);border-color:var(--v2-line)}.employee-v2-main .employee-v2-record-status.is-action{background:#e7eee2}.employee-v2-main .employee-v2-primary{background:var(--v2-green)}.employee-v2-main .employee-v2-primary:hover{background:#244b36}.employee-v2-main .employee-v2-record-icon{background:#eef3e9}.employee-v2-main .screen-heading{margin-bottom:21px}.employee-v2-main .create-form .line-items{gap:12px}.employee-v2-main .home-screen{display:block}.employee-v2-main .line-item-fields>label>.line-item-label{font-size:13px}.employee-v2-main :is(.primary-action,.secondary-action){font-weight:700}@media (max-width:650px){.employee-v2-shell{width:100%;height:100dvh;display:block}.employee-v2-sidebar{display:none}.employee-v2-workspace{width:100%;height:100dvh;min-height:0;margin:0;display:block}.employee-v2-mobile-header{background:var(--v2-cream);justify-content:flex-end;align-items:center;min-height:49px;padding:5px 13px 0;display:flex}.employee-v2-mobile-notification{flex:none;place-items:center;margin-right:auto;display:grid}.employee-v2-mobile-notification .employee-notifications-trigger{width:42px;height:42px}.employee-v2-main{padding:19px 13px calc(76px + env(safe-area-inset-bottom));width:100%}.employee-v2-main .employee-v2-page-heading{margin-bottom:18px}.employee-v2-main .employee-v2-page-heading h1{font-size:29px}.employee-v2-main .employee-v2-page-heading p{display:none}.employee-v2-main .screen-heading h1{font-size:28px}.employee-v2-mobile-nav{z-index:50;width:100%;height:calc(58px + env(safe-area-inset-bottom));padding:0 5px env(safe-area-inset-bottom);border-top:1px solid var(--v2-line);background:var(--v2-paper);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;justify-content:space-around;align-items:stretch;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.employee-v2-mobile-link{color:#53675a;min-width:0;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:3px 1px;font-size:10px;font-weight:700;display:flex}.employee-v2-mobile-link svg{width:20px;height:20px}.employee-v2-mobile-link.is-active{color:var(--v2-green);background:0 0}body:has(input:focus,textarea:focus,[contenteditable=true]:focus) .employee-v2-mobile-nav{display:none}.employee-v2-main .line-item{padding:14px}.employee-v2-main .create-form>.form-grid{padding:15px}.employee-v2-main .create-form-footer{flex-direction:column;align-items:stretch}}@media (min-width:651px) and (max-width:920px){.employee-v2-sidebar{display:flex}.employee-v2-workspace{margin:0}.employee-v2-mobile-nav,.employee-v2-mobile-header{display:none}.employee-v2-main{padding:28px 22px}.employee-v2-main .home-screen{display:block}}.employee-v2-menu-dialog{background:var(--v2-paper);width:min(520px,100%);max-width:none;height:auto;max-height:84dvh;color:var(--v2-ink);border:0;border-radius:18px 18px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 6px 35px #14251a19}.employee-v2-menu-dialog[open]{animation:.24s cubic-bezier(.22,1,.36,1) both employee-sheet-in}.employee-v2-menu-dialog::backdrop{background:#18261d6b}.employee-v2-menu-body{padding:20px 18px max(18px,env(safe-area-inset-bottom))}.employee-v2-menu-heading{border-bottom:1px solid var(--v2-line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.employee-v2-menu-heading strong,.employee-v2-menu-heading small{display:block}.employee-v2-menu-heading strong{color:#263f30;letter-spacing:-.4px;font-size:18px}.employee-v2-menu-heading small{color:#7a887c;margin-top:5px;font-size:11px}.employee-v2-menu-heading button{color:#526759;cursor:pointer;background:#f1f4ed;border:0;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;padding:0;display:grid}.employee-v2-menu-heading button svg{width:19px;height:19px}.employee-v2-menu-body nav{padding:12px 0;display:grid}.employee-v2-menu-body nav button,.employee-v2-menu-logout{color:#53675a;text-align:left;width:100%;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:0 8px;font-size:13px;font-weight:700;display:flex}.employee-v2-menu-body nav button:hover,.employee-v2-menu-body nav button[aria-current=page]{color:#244b36;background:#e7eee2}.employee-v2-menu-body nav button span{flex:1}.employee-v2-menu-body nav button svg,.employee-v2-menu-logout svg{width:20px;height:20px}.employee-v2-menu-body nav button svg:last-child{color:#839789;width:16px}.employee-v2-menu-logout{border-top:1px solid var(--v2-line);border-radius:0;margin-top:12px;padding-top:12px}@media (min-width:651px){.employee-v2-menu-dialog{border:1px solid var(--v2-line);border-radius:12px;width:310px;max-height:min(440px,100dvh - 34px);margin:0;inset:auto auto 17px 86px;box-shadow:0 12px 40px #14251a23}.employee-v2-menu-body{padding:18px}}@keyframes employee-sheet-in{0%{opacity:.75;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.employee-v2-menu-dialog[open]{animation:none}}
.employee-v2-shell.is-branch-staff .employee-v2-mobile-header{justify-content:flex-end}.employee-v2-mobile-profile{color:#315e45;cursor:pointer;background:#fffefa;border:1px solid #dfe5d9;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;margin-left:auto;padding:0;display:grid}.employee-v2-mobile-profile[aria-expanded=true]{background:#e7eee2}.employee-v2-mobile-profile svg{width:20px;height:20px}.employee-v2-shell.is-branch-staff .employee-v2-mobile-nav{justify-content:stretch}.employee-v2-shell.is-branch-staff .employee-v2-mobile-link{flex:1}.employee-v2-attendance{width:min(100%,600px)}.employee-v2-attendance-panel{background:#fffefa;border:1px solid #dfe5d9;border-radius:13px;padding:22px}.employee-v2-attendance-day{border-bottom:1px solid #e4e9e0;align-items:center;gap:13px;padding-bottom:21px;display:flex}.employee-v2-attendance-day>svg{color:#315e45;background:#e9f0e5;border-radius:10px;flex:none;width:38px;height:38px;padding:9px}.employee-v2-attendance-day strong{color:#263930;font-size:15px;display:block}.employee-v2-attendance-day small{color:#748477;margin-top:5px;font-size:12px;display:block}.employee-v2-attendance-branch{color:#53675a;gap:8px;margin-top:19px;font-size:12px;font-weight:700;display:grid}.employee-v2-attendance-branch .picker-field{gap:0}.employee-v2-attendance-branch .picker-trigger{color:#263930;min-height:44px;font:inherit;background:#fffefa;border:1px solid #dfe5d9;border-radius:9px;font-weight:500}.employee-v2-attendance-times{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.employee-v2-attendance-times>div{background:#f8f9f4;border:1px solid #e5e9e2;border-radius:9px;padding:14px}.employee-v2-attendance-times small{color:#7b897d;font-size:12px;display:block}.employee-v2-attendance-times strong{letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:7px;font-size:24px;font-weight:650;display:block}.employee-v2-attendance-action{color:#fffefa;width:100%;min-height:49px;font:inherit;cursor:pointer;background:#315e45;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.employee-v2-attendance-action svg{width:19px;height:19px}.employee-v2-attendance-action:hover:not(:disabled){background:#244b36}.employee-v2-attendance-action:disabled{color:#67776a;cursor:default;background:#dfe6db}.employee-v2-attendance-message,.employee-v2-attendance-error,.employee-v2-attendance-note{color:#54775b;margin:12px 0 0;font-size:12px;line-height:1.5}.employee-v2-attendance-error{color:#a1473b}.employee-v2-attendance-cashier{color:#315e45;cursor:pointer;width:100%;min-height:62px;font:inherit;text-align:left;background:#fffefa;border:1px solid #dfe5d9;border-radius:11px;align-items:center;gap:12px;margin-top:16px;padding:0 18px;font-size:14px;font-weight:700;display:flex}.employee-v2-attendance-cashier svg{width:20px;height:20px}.employee-v2-attendance-cashier span{flex:1}.employee-v2-attendance-cashier:hover{background:#f3f7f0}@media (max-width:650px){.employee-v2-attendance{width:100%}.employee-v2-attendance-panel{padding:18px}.employee-v2-attendance-times strong{font-size:22px}}