:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:#f7f7f5;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:0;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.page{box-sizing:border-box;color:#232323;width:min(100%,980px);font-family:var(--sans);text-align:left;margin:0 auto;padding:22px 18px 28px}.authGate{box-sizing:border-box;color:#232323;min-height:100svh;font-family:var(--sans);text-align:center;background:#f7f7f5;place-items:center;padding:24px;font-size:17px;display:grid}.notebookHeader{border-bottom:1px solid #dfded8;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.headerActions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.adminEntryButton,.adminBackButton{color:#4f4a42;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d6cf;border-radius:6px;padding:5px 10px;font-size:12px;line-height:1.2}.adminEntryButton:hover,.adminBackButton:hover{background:#f7f6f2;border-color:#c7c2b8}.adminEntryButton:focus-visible,.adminBackButton:focus-visible{outline-offset:2px;outline:2px solid #d87620}.notebookKicker{color:#cc6b1d;font-family:var(--mono);text-transform:uppercase;margin-bottom:4px;font-size:12px;line-height:1.2;display:block}.page h1{color:#242424;letter-spacing:0;margin:0;font-size:28px;font-weight:500;line-height:1.1}.userBar{color:#67645f;flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:13px;line-height:1.2;display:flex}.userBar span{background:#fff;border:1px solid #dfded8;border-radius:6px;padding:5px 8px}.notice{text-align:left;border-left:3px solid;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:14px}.notice.error{color:#842919;background:#fff2ef;border-color:#d84f38}.notice.success{color:#275a2b;background:#f1f8f0;border-color:#5a9b5a}.tabs{scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #d8d6cf;gap:2px;margin-bottom:14px;display:flex;overflow-x:auto}.adminFilters{background:#fff;border:1px solid #dedcd3;border-radius:6px;padding:16px}.adminDateFields{flex-wrap:wrap;gap:12px;display:flex}.adminDateFields label{color:#5d5a55;flex:170px;gap:5px;font-size:13px;display:grid}.adminDateFields input,.adminEmployeeSelect summary{box-sizing:border-box;color:#232323;min-height:40px;font:inherit;background:#fff;border:1px solid #d8d6cf;border-radius:6px;padding:8px 10px}.adminEmployeeToggle{align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.adminEmployeeSelect{margin-top:12px;position:relative}.adminEmployeeSelect summary{cursor:pointer}.adminEmployeeOptions{z-index:20;background:#fff;border:1px solid #dedcd3;border-radius:6px;max-height:250px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #1f1c1724}.adminEmployeeOptions label,.adminEmployeeOptions button{box-sizing:border-box;color:#232323;text-align:left;width:100%;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.adminEmployeeOptions .selected,.adminEmployeeOptions label:hover,.adminEmployeeOptions button:hover{background:#fff6ec}.adminFilterActions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.adminFilterActions button{color:#232323;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d6cf;border-radius:6px;padding:8px 14px}.adminResults{margin-top:18px}.adminSelectAllButton{color:#232323;text-align:left;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d6cf;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:10px 14px;display:flex}.adminSelectAllButton span{font-weight:600}.adminSelectAllButton small{color:#67645f;text-align:right}.adminSelectAllButton.selected{color:#7d271f;background:#fff1ef;border-color:#c85d50}.adminResultsStatus{color:#67645f;background:#fff;border:1px solid #dedcd3;border-radius:6px;margin:18px 0;padding:16px}.adminDay{background:#fff;border:1px solid #dedcd3;border-radius:6px;margin-bottom:18px;padding:14px 16px}.adminDay h2,.adminUpdate h3{margin:0 0 12px;font-weight:600}.adminDay h2{font-size:17px}.adminDay .adminDayDate{color:#67645f;margin-bottom:12px;font-size:13px}.adminUpdate{background:#fcfbf8;border:1px solid #eeeae2;border-radius:6px;margin-top:10px;padding:12px}.adminSelectableCard{cursor:pointer;padding-right:50px;transition:border-color .15s,background-color .15s,box-shadow .15s;position:relative}.adminSelectableCard:hover{border-color:#d7a49e}.adminSelectableCard:focus-visible{outline-offset:2px;outline:3px solid #c85d5040}.adminSelectableCard.selected{background:#fff1ef;border-color:#c85d50;box-shadow:0 0 0 1px #c85d501f}.adminSelectionMark{color:#0000;background:#fff;border:1px solid #d5d1ca;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:grid;position:absolute;top:12px;right:14px}.adminSelectableCard.selected .adminSelectionMark{color:#fff;background:#b84b3f;border-color:#b84b3f}.adminExportFloating{z-index:80;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));justify-content:flex-end;display:flex;position:fixed}.adminExportMain{color:#fff;width:54px;height:54px;font:inherit;cursor:pointer;background:#b84b3f;border:1px solid #a84439;border-radius:50%;place-items:center;padding:0;font-size:28px;line-height:1;display:grid;box-shadow:0 8px 24px #5c231d47}.adminExportMain:hover:not(:disabled){background:#a84439}.adminExportMain.loading{cursor:wait;opacity:.8}.adminExportChoices{background:#fff;border:1px solid #d8d6cf;border-radius:999px;gap:8px;padding:6px;display:flex;box-shadow:0 8px 24px #1f1c1733}.adminExportChoices button{color:#7d271f;min-height:42px;font:inherit;cursor:pointer;background:#fff1ef;border:1px solid #c85d50;border-radius:999px;padding:8px 15px;font-size:14px;font-weight:600}.adminExportChoices button:hover{background:#fbded9}.adminExportFeedback{text-align:left;background:#fff;border:1px solid;border-radius:6px;width:max-content;max-width:min(300px,100vw - 32px);padding:9px 12px;font-size:13px;line-height:1.35;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 8px 24px #1f1c1729}.adminExportFeedback.success{color:#275a2b;border-color:#77a878}.adminExportFeedback.error{color:#842919;border-color:#d47b70}.adminUpdate h3{font-size:15px}.adminItemsTable{width:100%}.adminItemsRow{border-top:1px solid #efeee9;grid-template-columns:minmax(0,1fr) minmax(95px,120px) minmax(50px,85px) 34px;align-items:baseline;gap:10px;padding:8px 0;font-size:14px;display:grid}.adminItemsRow span{overflow-wrap:anywhere;min-width:0}.adminItemsRow span:nth-child(2){text-align:right;font-family:var(--mono)}.adminItemsRow span:nth-child(3){color:#67645f}.adminCommentAnchor{place-self:center end;position:relative}.adminCommentButton{flex-basis:28px;width:28px;height:28px;min-height:0}.adminCommentPopover{z-index:70;box-sizing:border-box;color:#282828;cursor:default;text-align:left;background:#fff;border:1px solid #d8d4cb;border-radius:8px;width:min(360px,100vw - 48px);max-height:430px;padding:12px;position:absolute;top:calc(100% + 7px);right:0;overflow-y:auto;box-shadow:0 14px 34px #1f1c1733}.adminCommentPopover form{gap:8px;margin-top:8px;display:grid}.adminCommentPopover .commentField select{box-sizing:border-box;color:#282828;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #d8d4cb;border-radius:5px;padding:7px 9px;font-size:14px}.adminCommentTarget{color:#67645f;font-size:12px}.adminCommentSubmit{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#d87620;border:1px solid #c86f1d;border-radius:5px;padding:7px 12px;font-size:13px;font-weight:600}.adminCommentSubmit:disabled{cursor:wait;opacity:.65}.adminItemsHead{color:#67645f;border-top:0;font-size:12px}.adminMoreButton{color:#232323;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d6cf;border-radius:6px;margin:0 auto 18px;padding:8px 18px;display:block}.adminMoreButton:disabled{cursor:wait;opacity:.6}.adminInviteButton{min-height:36px;font:inherit;cursor:pointer;border:1px solid #c86f1d;border-radius:6px;padding:7px 12px;font-size:13px}.adminInvitationOptionsStatus{color:#67645f;margin:0 0 12px;font-size:13px}.employeeInvitationPanel{background:#fffaf4;border:1px solid #d9c6ae;border-radius:8px;margin-bottom:18px;padding:18px;box-shadow:0 8px 24px #412d1914}.employeeInvitationPanel[hidden]{display:none}.employeeInvitationHeading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.employeeInvitationHeading h2{margin:0;font-size:21px;font-weight:600}.employeeInvitationClose{color:#5d5a55;width:36px;height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d6cf;border-radius:50%;padding:0;font-size:22px;line-height:1}.employeeInvitationForm{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.employeeInvitationForm label{color:#5d5a55;gap:6px;font-size:13px;display:grid}.employeeInvitationForm input,.employeeInvitationForm select,.employeeInvitationLink input{box-sizing:border-box;color:#232323;min-width:0;min-height:42px;font:inherit;background:#fff;border:1px solid #d8d6cf;border-radius:6px;padding:9px 10px}.employeeInvitationForm input:focus,.employeeInvitationForm select:focus,.employeeInvitationLink input:focus{border-color:#d87620;outline:2px solid #d8762059}.employeeInvitationForm .notice,.employeeInvitationForm .employeeInvitationHint,.employeeInvitationForm .employeeInvitationActions{grid-column:1/-1}.employeeInvitationActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.employeeInvitationActions button,.employeeInvitationLink button{color:#232323;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d6cf;border-radius:6px;padding:8px 14px}.employeeInvitationActions button:disabled{cursor:wait;opacity:.55}.employeeInvitationActions .dangerButton{color:#842919;border-color:#dfaaa1;margin-right:auto}.employeeInvitationState{color:#81511f;margin-bottom:14px;font-size:17px;font-weight:600}.employeeInvitationState.used{color:#275a2b}.employeeInvitationState.cancelled,.employeeInvitationState.expired,.employeeInvitationState.invalidated{color:#842919}.employeeInvitationSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.employeeInvitationSummary div{background:#fff;border:1px solid #e4ddd2;border-radius:6px;padding:10px}.employeeInvitationSummary dt{color:#77736c;margin-bottom:4px;font-size:12px}.employeeInvitationSummary dd{overflow-wrap:anywhere;margin:0;font-size:14px}.employeeInvitationQr{background:#fff;border:1px solid #e4ddd2;border-radius:8px;justify-content:center;width:fit-content;margin:0 auto 14px;padding:14px;display:flex}.employeeInvitationInstructions,.employeeInvitationTimer,.employeeInvitationHint{color:#5d5a55;font-size:14px;line-height:1.45}.employeeInvitationInstructions,.employeeInvitationTimer{text-align:center}.employeeInvitationTimer strong{font-family:var(--mono);color:#232323}.employeeInvitationLink{grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:700px;margin:14px auto 8px;display:grid}.employeeInvitationLink input{font-size:13px}.employeePageToolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.employeeInactiveToggle{color:#5d5a55;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.employeeCards{gap:10px;display:grid}.employeeCard{background:#fff;border:1px solid #dedcd3;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;display:grid}.employeeCard.inactive{background:#f7f6f2;border-style:dashed}.employeeCardTitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.employeeCardTitle h2{color:#242424;margin:0;font-size:18px;font-weight:600;line-height:1.25}.employeeSelfBadge,.employeeInactiveBadge{border-radius:999px;padding:3px 7px;font-size:11px;line-height:1.2}.employeeSelfBadge{color:#8b4b13;background:#fff0df}.employeeInactiveBadge{color:#66615a;background:#eceae5}.employeeCardDetails{flex-wrap:wrap;gap:10px 28px;margin:12px 0 0;display:flex}.employeeCardDetails div{min-width:140px}.employeeCardDetails dt{color:#77736c;text-transform:uppercase;margin-bottom:3px;font-size:11px}.employeeCardDetails dd{color:#34312d;margin:0;font-size:14px}.employeeCardActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.employeeCardActions button,.employeeEditActions button{color:#34312d;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d6cf;border-radius:6px;padding:7px 11px;font-size:13px}.employeeCardActions button:disabled,.employeeEditActions button:disabled{cursor:wait;opacity:.55}.employeeCardActions .employeeDeleteButton{color:#842919;border-color:#dfaaa1}.employeeEditForm{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.employeeEditForm label{color:#5d5a55;gap:5px;font-size:13px;display:grid}.employeeEditForm input,.employeeEditForm select{box-sizing:border-box;color:#232323;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #d8d6cf;border-radius:6px;padding:8px 10px}.employeeEditForm select:disabled{color:#6d6962;background:#f1f0ec}.employeeEditForm .notice,.employeeEditActions{grid-column:1/-1}.employeeEditActions{justify-content:flex-end;gap:8px;display:flex}.employeeEmptyState{color:#67645f;text-align:center;border:1px dashed #d8d6cf;border-radius:8px;padding:28px 18px}.tabs::-webkit-scrollbar{display:none}.tab{color:#5d5a55;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;padding:9px 14px;font-size:14px;position:relative}.tab:hover{color:#202020;background:#f2f1ed}.tab.active{color:#202020;background:#fff;border-color:#d8d6cf;margin-bottom:-1px;font-weight:600}.tabIndicator{background:#d87620;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:6px}.notebookPanel{background:#fff;border:1px solid #dedcd3;border-radius:8px;overflow:visible;box-shadow:0 1px 2px #1414140a}.table{overflow:visible}.tableHeader,.row{grid-template-columns:58px minmax(0,1fr) minmax(92px,150px);align-items:center;gap:10px;display:grid}.tableHeader{color:#77736c;letter-spacing:0;text-transform:uppercase;border-bottom:1px solid #e6e2d9;min-height:38px;padding:0 12px;font-size:12px;font-weight:600}.tableHeader:before{content:""}.rowBlock{background:#fff;border-bottom:1px solid #eeece6;position:relative}.rowBlock:last-child{border-bottom:none}.rowBlock:focus-within{background:#fffaf4;box-shadow:inset 3px 0 #e58a2f}.row{background:0 0;padding:9px 12px}.rowLead{justify-content:flex-end;align-items:center;gap:5px;display:flex}.rowNumber{color:#a09b91;font-family:var(--mono);text-align:right;-webkit-user-select:none;user-select:none;font-size:13px}.commentButton{color:#77736c;background:#fff;border:1px solid #d8d4cb;border-radius:6px;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;display:inline-grid;position:relative}.commentButton:hover,.commentButton:focus-visible,.commentButton.unread{color:#b85e12;background:#fff7ef;border-color:#d87620}.commentButton svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:18px;height:18px}.commentAlert{color:#fff;background:#d87620;border:2px solid #fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-5px}.commentPanel{text-align:left;background:#fffdf9;border:1px solid #e6e2d9;border-radius:7px;margin:0 12px 10px 70px;padding:10px 12px}.commentHistory{max-height:126px;margin-bottom:10px;overflow-y:auto}.commentHistoryEntry,.commentHistoryEmpty{color:#5f5a52;margin:0;padding:5px 0;font-size:13px;line-height:1.35}.commentHistoryEntry+.commentHistoryEntry{border-top:1px solid #eeeae2}.commentHistoryEmpty{color:#918b81}.commentField{color:#77736c;gap:5px;font-size:12px;font-weight:600;display:grid}.commentField input{box-sizing:border-box;color:#1e1e1e;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #d8d4cb;border-radius:5px;outline:none;padding:8px 10px;font-size:15px}.commentField input:focus{border-color:#d87620;box-shadow:0 0 0 3px #d8762021}.commentField input[aria-invalid=true]{border-color:#bd3b31}.commentHelp{color:#918b81;justify-content:space-between;min-height:18px;margin-top:4px;font-size:12px;display:flex}.commentHelp.error{color:#a92d25}.productCell{min-width:0;position:relative}.productInput,.quantityInput{box-sizing:border-box;color:#1e1e1e;width:100%;min-height:42px;font:inherit;background:#fafafa;border:1px solid #0000;border-radius:5px;outline:none;padding:9px 10px;font-size:16px;line-height:1.25;transition:background .16s,border-color .16s,box-shadow .16s}.productInput::placeholder,.quantityInput::placeholder{color:#a09b91}.productInput:hover,.quantityInput:hover{background:#fff;border-color:#dedcd3}.productInput:focus,.quantityInput:focus{background:#fff;border-color:#d87620;box-shadow:0 0 0 3px #d8762021}.productInput.draft{background:#fff7ef;border-color:#e0a066}.productInput.selected{background:#fff;border-color:#b9d6b9}.quantityInput{font-family:var(--mono);text-align:right}.dropdown{z-index:20;background:#fff;border:1px solid #dedcd3;border-radius:6px;max-height:270px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #1f1c1724}.dropdown button{text-align:left;color:#232323;width:100%;font:inherit;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f0eee8;padding:10px 12px;font-size:14px;line-height:1.25;display:block}.dropdown button:last-child{border-bottom:none}.dropdown button:hover{background:#fff6ec}.actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.actions button{color:#282828;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d6cf;border-radius:6px;padding:9px 14px;font-size:14px}.actions button:hover:not(:disabled){background:#f7f6f2;border-color:#c7c2b8}.actions button:disabled{cursor:not-allowed;opacity:.55}.saveButton{color:#fff!important;background:#d87620!important;border-color:#c86f1d!important}.saveButton:hover:not(:disabled){background:#c86f1d!important}@media (width<=720px){.page{padding:16px 10px 22px}.adminItemsRow{grid-template-columns:minmax(0,1fr) minmax(68px,82px) minmax(38px,58px) 30px;gap:6px}.adminCommentPopover{z-index:110;top:auto;right:10px;bottom:max(10px, env(safe-area-inset-bottom));width:auto;max-height:min(70vh,520px);position:fixed;left:10px}.notebookHeader{flex-direction:column;align-items:flex-start;gap:10px}.userBar{justify-content:flex-start}.headerActions{align-items:flex-start}.employeeInvitationPanel{padding:14px}.employeeInvitationForm,.employeeInvitationSummary,.employeeInvitationLink{grid-template-columns:1fr}.employeeInvitationActions{justify-content:stretch}.employeeInvitationActions button{flex:180px}.employeeInvitationActions .dangerButton{margin-right:0}.employeePageToolbar{flex-direction:column;align-items:flex-start}.employeeCard{grid-template-columns:1fr;gap:14px}.employeeCardActions{justify-content:stretch}.employeeCardActions button{flex:1}.employeeEditForm{grid-template-columns:1fr}.tableHeader,.row{grid-template-columns:48px minmax(0,1fr) minmax(76px,96px);gap:7px}.tableHeader{padding-inline:8px}.row{padding:8px}.commentButton{flex-basis:28px;width:28px;height:28px}.commentPanel{margin:0 8px 8px 56px}.productInput,.quantityInput{min-height:40px;padding-inline:8px;font-size:15px}.actions{justify-content:stretch}.actions button{flex:1;padding-inline:10px}}