:root{--paper:#fff;--sheet:#fff;--inset:#fff;--ink:#182d48;--secondary:#4e6075;--tertiary:#617185;--muted:#68798b;--rule:#dde5ed;--rule-soft:#edf1f5;--green:#08775f;--red:#a1352a;--red-wash:#fff5f3;--focus:var(--ink)}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;background:#fff;margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:18px;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button,input,textarea{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:34px;font-weight:650;line-height:1.25}h2{letter-spacing:-.5px;font-size:25px;font-weight:600}h3{font-size:20px;font-weight:600}.number{font-variant-numeric:tabular-nums;letter-spacing:-.7px;font-family:Segoe UI,Arial,sans-serif}.muted{color:var(--muted)}.danger{color:var(--red)!important}.align-right{text-align:right!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.wide{grid-column:1/-1}.app-header{border-bottom:1px solid var(--rule);background:#fff;align-items:center;gap:40px;height:100px;padding:0 48px;display:flex}.app-brand{letter-spacing:-.5px;font-size:22px;font-weight:650}.app-header nav{align-items:center;gap:8px;margin:auto;display:flex}.app-header nav button{min-height:54px;color:var(--secondary);background:#fff;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 24px;font-size:18px;font-weight:500;display:flex}.app-header nav button.active{color:var(--ink);background:#f4f5f4;font-weight:650}.app-header nav button:hover{background:#f4f5f4}.main-content{max-width:1400px;margin:auto;padding:52px 48px 64px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.registration-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px;margin-top:16px;display:grid}.registration-card{text-align:left;background:#fff;border:1px solid #d3dad4;border-radius:12px;align-items:center;gap:24px;min-height:194px;padding:36px;font-size:27px;font-weight:600;transition:border-color .15s,background .15s;display:flex;position:relative}.registration-card>svg:first-child{stroke-width:1.6px}.registration-card>svg:last-child{flex:none;margin-left:auto}.registration-card:hover{border-color:var(--ink);background:#fafbfa}.registration-card.scan-card{grid-column:1/-1;min-height:140px;font-size:23px}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 22px;font-size:17px;font-weight:600;display:inline-flex}.button.primary{background:var(--ink);color:#fff}.button.secondary{background:#fff;border-color:#d3dad4}.button.secondary:hover:not(:disabled){border-color:var(--tertiary);background:#f6f7f6}.button.small{min-height:48px;padding:8px 16px;font-size:16px}.icon-button{width:48px;height:48px;color:var(--secondary);background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:#f3f5f3}.text-button{color:var(--ink);background:0 0;border:0;align-items:center;gap:7px;min-height:48px;padding:8px 0;font-size:16px;font-weight:600;display:inline-flex}.text-button:hover{text-decoration:underline}.period-controls{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:28px;display:flex}.segmented{border:1px solid var(--rule);background:#fff;border-radius:8px;gap:6px;padding:5px;display:flex}.segmented button{color:var(--secondary);background:#fff;border:0;border-radius:5px;min-height:44px;padding:10px 22px;font-size:16px;font-weight:500}.segmented button.selected{background:var(--ink);color:#fff}.period-date{align-items:center;gap:10px;display:flex}.period-date .field-label{display:none}.period-date .choice-trigger{border-color:#0000;min-height:44px;font-size:17px}.summary-grid{border:1px solid var(--rule);background:#fff;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:42px;display:grid}.summary-card{border:0;border-right:1px solid var(--rule);text-align:left;background:#fff;min-width:0;padding:26px 24px}.summary-card:first-child{border-radius:10px 0 0 10px}.summary-card:last-child{border-right:0;border-radius:0 10px 10px 0}.summary-card>span{color:var(--secondary);min-height:24px;font-size:15px;display:block}.summary-card strong{letter-spacing:-1.2px;white-space:nowrap;margin-top:14px;font-size:32px;font-weight:600;display:block}.summary-card.gain strong{color:var(--green)}button.summary-card:hover{background:#f8faf8}.history-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.history-tabs{flex-wrap:wrap;gap:8px;display:flex}.history-tabs button{min-height:46px;color:var(--secondary);background:#fff;border:0;border-radius:6px;padding:11px 16px;font-size:17px}.history-tabs button.active{color:var(--ink);background:#f2f4f2;font-weight:650}.history-tabs button:hover{background:#f4f6f4}.table-surface{border:1px solid var(--rule);background:#fff;border-radius:9px;min-width:0;overflow:hidden}.table-scroll{min-width:0;overflow:visible}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{border-bottom:1px solid var(--rule);color:var(--secondary);background:#fff;padding:18px 22px;font-size:15px;font-weight:600}td{border-bottom:1px solid var(--rule-soft);vertical-align:middle;padding:22px;font-size:17px}td strong{font-weight:600}td small{color:var(--tertiary);letter-spacing:0;margin-top:5px;font-size:14px;display:block}.concept-cell{white-space:normal;min-width:200px;max-width:330px}td.number{white-space:nowrap;font-size:20px;font-weight:550}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfc}.row-link{text-align:left;color:var(--ink);background:0 0;border:0;padding:0;font-size:17px;font-weight:600}.row-link:hover{text-decoration:underline}.employee-name{font-size:18px}.pill{white-space:nowrap;border-radius:5px;align-items:center;padding:4px 10px;font-size:14px;font-weight:500;display:inline-flex}.pill.success{background:var(--rule-soft);color:var(--ink)}.pill.pending{background:var(--rule-soft);color:var(--secondary)}.pill.neutral{color:var(--tertiary);background:#f2f3f2}.pagination{border-top:1px solid var(--rule);color:var(--tertiary);justify-content:space-between;align-items:center;padding:14px 22px;font-size:15px;display:flex}.pagination>div{gap:10px;display:flex}.empty{text-align:center;color:var(--tertiary);padding:52px 24px;font-size:18px}.empty.compact{padding:30px}.empty strong,.empty p{margin:8px 0;font-size:17px;display:block}.employee-toolbar{justify-content:flex-end;margin-bottom:20px;display:flex}.employee-detail{margin-top:40px}.employee-detail h2{margin-bottom:22px}.row-actions{justify-content:flex-end;gap:22px;display:flex}.loading-state{text-align:center;color:var(--tertiary);padding:80px 24px}.data-loading{opacity:.45;pointer-events:none}.error,.warning{background:var(--red-wash);color:var(--red);border:1px solid #f1d7cf;border-radius:7px;padding:18px;font-size:16px;line-height:1.6}.error{margin-bottom:18px}.error>.text-button{margin-left:20px}.warning{background:var(--rule-soft);color:var(--ink);border-color:var(--rule)}.toast{z-index:150;background:var(--ink);color:#fff;border-radius:8px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:14px 18px;font-size:17px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast .icon-button{color:#fff}.refreshing svg{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:100;background:#141b1640;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--rule);background:#fff;border-radius:13px;flex-direction:column;width:760px;max-width:100%;max-height:calc(100dvh - 48px);display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--rule);flex:none;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;display:flex}.modal-header h2{font-size:27px}.modal-header p{color:var(--secondary);margin-top:10px;font-size:16px}.modal>form{flex-direction:column;min-height:0;display:flex;overflow:hidden}.modal-body{min-height:0;padding:30px;overflow:auto}.modal-footer{border-top:1px solid var(--rule);background:#fff;flex:none;justify-content:flex-end;gap:14px;padding:20px 30px;display:flex}.form-stack{flex-direction:column;gap:24px;display:flex}fieldset{border:0;min-inline-size:0;margin:0}label{flex-direction:column;gap:9px;font-size:17px;font-weight:500;display:flex}input,textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d4dbd5;border-radius:7px;padding:13px 14px;font-size:18px}input{min-height:52px}input::placeholder,textarea::placeholder{color:#818983;font-size:16px}textarea{resize:vertical}input:disabled{color:var(--secondary)}label small,.optional{color:var(--tertiary);font-size:14px;font-weight:400}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.form-grid .form-grid{gap:14px}.field-label{margin-bottom:9px;font-size:17px;font-weight:500;display:block}.choice,.calendar-field{min-width:0;position:relative}.choice-trigger{text-align:left;background:#fff;border:1px solid #d4dbd5;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:54px;padding:13px 14px;font-size:17px;display:flex}.choice-trigger span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.choice-trigger svg{flex:none}.choice-menu{z-index:25;border:1px solid var(--rule);background:#fff;border-radius:7px;min-width:0;max-width:100%;max-height:250px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto}.choice-menu button{text-align:left;overflow-wrap:anywhere;white-space:normal;background:#fff;border:0;border-radius:4px;width:100%;padding:12px;font-size:17px;display:block}.choice-menu button:hover,.choice-menu button[aria-selected=true]{background:#f2f5f2}.calendar-popover{z-index:30;border:1px solid var(--rule);background:#fff;border-radius:8px;width:320px;max-height:calc(100dvh - 32px);padding:18px;position:absolute;top:calc(100% + 5px);right:0;overflow-y:auto}.calendar-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-heading strong{text-transform:capitalize;font-size:16px;font-weight:600}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-grid>span{color:var(--tertiary);padding:5px;font-size:13px}.calendar-grid button{background:#fff;border:0;border-radius:4px;min-height:48px;font-size:16px}.calendar-grid button:hover{background:#f2f5f2}.calendar-grid button.selected{background:var(--ink);color:#fff}.calendar-direct{color:var(--tertiary);border-top:1px solid var(--rule);margin-top:12px;padding-top:12px;font-size:13px}.calendar-direct input{min-height:40px;padding:8px;font-size:15px}.check-label{flex-direction:row;align-items:center;gap:12px;font-size:16px;font-weight:400;display:flex}.check-label input{width:21px;height:21px;min-height:0;accent-color:var(--ink);flex:none;margin:0}.commission-box,.payment-box{border:1px solid var(--rule);background:#fff;border-radius:8px;padding:20px}.switch-label{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;display:flex}.switch-label strong{font-size:18px;font-weight:600}.switch-label input{appearance:none;cursor:pointer;background:#d9dfd9;border:0;border-radius:20px;flex:none;width:48px;height:28px;min-height:0;padding:0;position:relative}.switch-label input:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch-label input:checked{background:var(--ink)}.switch-label input:checked:before{transform:translate(20px)}.commission-box>.form-grid,.payment-box>.form-grid{margin-top:20px}.hint{line-height:1.6;color:var(--tertiary)!important;font-size:14px!important}.form-total{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding:20px 0 0;font-size:18px;display:flex}.form-total strong{font-size:32px;font-weight:650}.line-editor{flex-direction:column;gap:18px;display:flex}.line-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid;position:relative}.line-description{grid-column:1/-1}.remove-line{color:var(--red);position:absolute;top:0;right:0}.line-row:has(.remove-line) .line-description{padding-right:42px}.ticket-origin{border:1px solid var(--rule);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:18px;display:flex}.ticket-origin strong{font-size:20px;font-weight:600;display:block}.ticket-origin span{color:var(--secondary);margin-top:3px;font-size:15px;display:block}.source-lines{border:1px solid var(--rule);border-radius:7px;padding:4px 18px}.source-lines>div{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;font-size:17px;display:flex}.source-lines>div:last-child{border-bottom:0}.source-lines small{color:var(--tertiary);margin-top:5px;font-size:14px;display:block}.source-lines strong{white-space:nowrap;font-size:19px;font-weight:600}.supplier-suggestion{border:1px solid var(--rule);text-align:left;background:#fff;border-radius:7px;width:100%;margin-top:8px;padding:12px 14px;display:block}.supplier-suggestion strong{font-size:17px;font-weight:600}.supplier-suggestion span{color:var(--tertiary);justify-content:space-between;align-items:center;margin-top:4px;font-size:14px;display:flex}.scan-form{align-items:end;gap:16px;display:flex}.scan-form>label{flex:1}.scan-form .button{height:54px}.ticket-results{flex-direction:column;gap:12px;display:flex}.ticket-result{border:1px solid var(--rule);text-align:left;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.ticket-result strong{font-size:18px}.ticket-result small{color:var(--secondary);margin:6px 0;font-size:14px;display:block}.balance-callout{border:1px solid var(--rule);border-radius:8px;padding:22px}.balance-callout span{font-size:18px;font-weight:600;display:block}.balance-callout small{color:var(--secondary);margin-top:16px;font-size:15px;display:block}.balance-callout strong{margin-top:5px;font-size:34px;font-weight:600;display:block}.detail-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.detail-heading>strong{white-space:nowrap;font-size:32px}.detail-heading p{color:var(--secondary);margin-top:10px;font-size:17px}.eyebrow{color:var(--tertiary);margin-bottom:10px;font-size:14px;font-weight:500;display:block}.detail-grid{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0;padding-top:20px;display:grid}.detail-grid dt{color:var(--secondary);font-size:14px}.detail-grid dd{margin:6px 0 0;font-size:17px}.ticket-id{overflow-wrap:anywhere}.detail-tax{color:var(--secondary);justify-content:flex-end;gap:22px;font-size:15px;display:flex}.commission-detail{border:1px solid var(--rule);border-radius:7px;justify-content:space-between;align-items:center;gap:20px;padding:18px;font-size:16px;display:flex}.payment-history>div{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:22px;padding:16px 0;font-size:17px;display:flex}.payment-history small{color:var(--tertiary);margin-top:5px;font-size:14px;display:block}.notes{border:1px solid var(--rule);border-radius:7px;padding:18px}.notes p{white-space:pre-wrap;font-size:17px}.detail-actions{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:14px;padding-top:22px;display:flex}.detail-actions .danger{margin-left:auto}@media (max-width:1200px){.app-header{padding:0 32px}.main-content{padding:40px 32px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card:nth-child(2){border-right:0}.summary-card:nth-child(-n+2){border-bottom:1px solid var(--rule)}.summary-card strong{font-size:34px}.registration-card{padding:28px;font-size:25px}.registration-card>svg:first-child{width:36px}.history-tabs{gap:4px}}@media (max-width:760px){.app-header{flex-wrap:wrap;gap:12px;height:auto;min-height:130px;padding:20px 20px 0}.app-brand{flex:1;font-size:21px}.app-header>.icon-button{order:1}.app-header nav{order:2;justify-content:space-between;gap:6px;width:100%;margin:8px 0 0}.app-header nav button{border-radius:7px 7px 0 0;flex-direction:column;flex:1;justify-content:center;gap:5px;min-height:70px;padding:10px 12px;font-size:15px}.app-header nav button.active{background:#f3f5f3}.app-header nav button svg{width:22px;height:22px}.main-content{min-width:0;padding:32px 20px 48px}h1{font-size:29px}.page-heading{flex-wrap:wrap;align-items:start;gap:16px;margin-bottom:26px}.page-heading .button{min-height:48px;padding:10px 16px;font-size:16px}.registration-actions{grid-template-columns:1fr;gap:16px;margin-top:8px}.registration-card{gap:20px;min-height:136px;padding:24px;font-size:25px}.registration-card.scan-card{grid-column:auto;min-height:118px;font-size:23px}.registration-card>svg:first-child{width:36px}.period-controls{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:26px;padding-bottom:22px}.segmented{justify-content:space-between}.segmented button{flex:1;padding:10px 16px}.period-date{justify-content:space-between;gap:8px}.period-date .choice-trigger{font-size:17px}.summary-grid{margin-bottom:28px}.summary-card{padding:20px 16px}.summary-card>span{min-height:42px;font-size:14px}.summary-card strong{letter-spacing:-1px;margin-top:8px;font-size:28px}.summary-card:first-child,.summary-card:last-child{border-radius:0}.history-header{flex-direction:column;align-items:start;gap:12px}.history-tabs{flex-wrap:nowrap;gap:5px;width:100%;padding-bottom:4px;overflow:auto}.history-tabs button{white-space:nowrap;padding:10px 13px;font-size:15px}.table-surface{min-width:0;max-width:100%}th{padding:16px;font-size:14px}td{padding:18px 16px;font-size:16px}.row-link{font-size:16px}.concept-cell{min-width:180px;max-width:250px}td.number{font-size:19px}.pagination{padding:12px;font-size:14px}.employee-toolbar{margin-bottom:16px}.employee-detail h2{font-size:23px}.modal-backdrop{padding:8px}.modal{border-radius:10px;max-height:calc(100dvh - 16px)}.modal-header{padding:20px}.modal-header h2{font-size:25px}.modal-body{padding:22px 20px}.modal-footer{padding:16px 20px}.modal-footer .button{flex:1;padding:11px 16px}.form-grid{grid-template-columns:1fr;gap:22px}.form-grid .form-grid,.line-row{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-form{flex-direction:column;align-items:stretch}.scan-form .button{width:100%}.detail-heading{flex-direction:column;gap:16px}.commission-detail{flex-direction:column;align-items:start;gap:10px}.detail-actions .button{flex:1}.detail-actions .danger{margin-left:0}.form-total{font-size:17px}.form-total strong{font-size:29px}.calendar-popover{z-index:130;width:320px;max-width:calc(100vw - 32px);position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.calendar-grid button{min-height:48px}.toast{width:calc(100vw - 32px);font-size:16px}.ticket-result{flex-direction:column;align-items:start}.error{font-size:16px}.empty{font-size:17px}}.app-header{border-top:4px solid var(--ink);height:110px}.app-brand{align-items:center;gap:12px;line-height:1.2;display:flex}.app-brand small{letter-spacing:2.4px;color:var(--tertiary);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.brand-mark{background:var(--ink);color:#fff;border-radius:12px 12px 12px 3px;place-items:center;width:47px;height:50px;display:grid}.app-header nav button.active{background:var(--ink);color:#fff}.app-header nav button:not(.active):hover{background:#f0f4f8}.main-content{padding-top:44px}.date-stamp{color:var(--secondary);border-left:1px solid var(--rule);padding-left:14px;font-size:17px}.heading-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.registration-actions{gap:22px;max-width:none}.registration-card{border-color:#0000;border-radius:16px;flex-wrap:wrap;align-items:flex-start;gap:20px;min-height:220px;padding:32px}.registration-card>span:not(.action-icon):not(.scan-symbol){letter-spacing:-.8px;flex:1;align-self:flex-end;font-size:30px}.registration-card small{letter-spacing:1.8px;margin-bottom:8px;font-size:13px;font-weight:650;display:block}.registration-card>svg:last-child{align-self:flex-start;margin-left:0}.action-icon{border-radius:15px;flex:none;place-items:center;width:60px;height:60px;display:grid}.income-card,.expense-card{background:var(--paper);color:var(--ink);border:1px solid var(--rule)}.income-card .action-icon,.expense-card .action-icon{background:var(--rule-soft);color:var(--ink)}.income-card:hover,.expense-card:hover{background:var(--rule-soft);border-color:var(--tertiary)}.registration-card.scan-card{background:var(--ink);color:#fff;border:1px solid var(--ink);align-items:center;gap:24px;min-height:136px}.scan-symbol{color:#fff;border:1px solid #53677e;border-radius:12px;place-items:center;width:66px;height:66px;display:grid}.registration-card.scan-card>span:not(.scan-symbol){align-self:center;font-size:25px}.registration-card.scan-card small{letter-spacing:0;color:#c2d1e1;margin:6px 0 0;font-size:16px;font-weight:400}.registration-card.scan-card>svg:last-child{align-self:center}.registration-card.scan-card:hover{background:#233f5e}.registration-links{border-bottom:1px solid var(--rule);grid-column:1/-1;justify-content:space-between;align-items:center;gap:30px;padding:4px 0 24px;display:flex}.registration-links .text-button{padding:14px 0;font-size:18px}.button.primary:hover:not(:disabled){background:#294763}.summary-grid{background:0 0;border:0;gap:16px}.summary-card,.summary-card:first-child,.summary-card:last-child{border:1px solid var(--rule);border-radius:12px;padding:23px}.summary-card>span{font-size:16px}.summary-card strong{font-weight:650}.history-tabs button.active{color:var(--ink);background:#eaf0f6}th{color:#4c6077;background:#f5f8fb}.employee-toolbar{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.employee-toolbar>.choice{width:300px;margin-right:auto}.employee-toolbar>.check-label{align-self:center}.selected-row{background:var(--rule-soft)}.employee-name{color:var(--ink)}.modal{border-radius:16px;box-shadow:0 18px 80px #0f23322b}.modal-header{border-top:1px solid var(--rule)}.modal-footer{background:#f7f9fb}.ticket-origin{background:var(--rule-soft);border-color:var(--rule);color:var(--ink)}.ticket-origin>.pill{margin-left:auto;font-size:13px}.ticket-customer{color:var(--secondary);justify-content:space-between;gap:12px;margin-top:-12px;font-size:15px;display:flex}.commission-box{background:var(--rule-soft);border-color:var(--rule)}.commission-box .switch-label strong{color:var(--ink);align-items:center;gap:10px;display:flex}.commission-fields{margin-top:22px}.commission-calculation{border-top:1px solid var(--rule);color:var(--ink);justify-content:space-between;align-items:center;padding-top:18px;display:flex}.commission-calculation strong{font-size:26px}.form-total{background:var(--rule-soft);color:var(--ink);border:0;border-radius:10px;padding:20px}.scanner-stage{border:1px solid var(--rule);color:var(--secondary);background:#f5f8fb;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.scanner-stage.armed{background:var(--rule-soft);border-color:var(--ink);color:var(--ink)}.scanner-stage strong{font-size:24px;font-weight:650}.scanner-stage span{font-size:16px}.scanner-help{color:var(--tertiary);text-align:center;margin-top:-12px;font-size:14px}.manual-entry-badge{color:var(--ink);border-bottom:1px solid var(--rule);align-items:center;gap:10px;padding-bottom:18px;display:flex}.ticket-result:disabled{opacity:1;color:var(--secondary);background:#f5f8fb}.payout-summary{background:var(--rule-soft);color:var(--ink);border:1px solid var(--rule);border-radius:12px;align-items:center;gap:22px;padding:24px;display:flex}.payout-summary span,.payout-summary small{font-size:15px;display:block}.payout-summary strong{margin:4px 0;font-size:38px;line-height:1.3;display:block}.payout-lines{border:1px solid var(--rule);border-radius:10px;max-height:280px;overflow:auto}.payout-lines>div:not(.empty){border-bottom:1px solid var(--rule-soft);justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;display:flex}.payout-lines small{color:var(--tertiary);font-size:14px;display:block}@media (max-width:1200px){.summary-card:nth-child(-n+2){border-bottom:1px solid var(--rule)}.app-header{gap:24px}.app-header nav button{padding:12px 18px}}@media (max-width:760px){.app-header{height:auto;padding-top:16px}.brand-mark{width:40px;height:43px}.app-header nav button.active{background:var(--ink)}.registration-card{gap:16px;min-height:174px;padding:25px}.registration-card>span:not(.action-icon):not(.scan-symbol){font-size:26px}.action-icon{border-radius:12px;width:50px;height:50px}.registration-card.scan-card{gap:16px;min-height:140px;padding:22px}.registration-card.scan-card>span:not(.scan-symbol){font-size:22px}.registration-card.scan-card small{font-size:13px}.scan-symbol{width:48px;height:56px}.scan-symbol svg{width:32px}.registration-links{flex-direction:column;align-items:stretch;gap:4px}.registration-links button{justify-content:space-between}.heading-actions{width:100%}.heading-actions .button{flex:1}.summary-grid{gap:12px}.summary-card,.summary-card:first-child,.summary-card:last-child{border-radius:10px;padding:16px}.summary-card strong{white-space:normal;overflow-wrap:anywhere;font-size:26px}.summary-card>span{font-size:14px}.employee-toolbar>.choice{width:100%}.payout-button{flex:1}.ticket-customer{flex-direction:column}.ticket-origin{flex-wrap:wrap}.scanner-stage{padding:20px 12px}.payout-summary{gap:18px;padding:20px}.payout-summary strong{font-size:33px}.modal-footer .button{font-size:15px}}.manual-sale-backdrop{padding:16px}.modal.manual-sale-modal{border-radius:18px;width:700px;max-height:calc(100dvh - 32px)}.manual-sale-modal .modal-header{border-top:1px solid var(--rule);padding:18px 24px}.manual-sale-modal .modal-header h2{font-size:24px;line-height:1.25}.manual-sale-modal .modal-header .icon-button{width:48px;height:48px}.manual-sale-body{min-height:0;padding:20px 24px 12px}.manual-sale-fields{grid-template-columns:minmax(0,1fr);gap:16px;padding:0;display:grid}.manual-sale-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.manual-sale-identity{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.manual-sale-modal label{gap:6px;font-size:17px;line-height:1.3}.manual-sale-modal .field-label{margin-bottom:6px;font-size:17px;line-height:1.3}.manual-sale-modal input:not([type=checkbox]),.manual-sale-modal .choice-trigger{border-radius:10px;height:46px;min-height:46px;padding:10px 12px;font-size:18px}.manual-sale-modal input::placeholder{font-size:17px}.manual-sale-modal .choice-menu{min-width:100%;max-height:min(220px,35dvh);top:auto;bottom:calc(100% + 4px);box-shadow:0 6px 20px #182d4818}.manual-sale-modal .choice-menu button{padding:10px;font-size:16px}.manual-sale-commission{border:1px solid var(--rule);background:var(--rule-soft);border-radius:14px;min-width:0;padding:14px}.manual-sale-modal .manual-sale-switch{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.manual-sale-switch span{align-items:center;gap:10px;display:flex}.manual-sale-switch svg{color:var(--ink)}.manual-sale-switch strong{font-weight:600}.manual-sale-switch input{appearance:none;cursor:pointer;background:#a6b0bf;border:0;border-radius:20px;flex:none;width:46px;height:28px;min-height:28px;padding:3px}.manual-sale-switch input:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;display:block}.manual-sale-switch input:checked{background:var(--ink)}.manual-sale-switch input:checked:before{transform:translate(18px)}.manual-sale-commission-fields{border-top:1px solid var(--rule);margin-top:12px;padding-top:12px}.manual-sale-total{background:var(--rule-soft);color:var(--secondary);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:12px 16px;font-size:17px;display:flex}.manual-sale-total strong{color:var(--ink);font-size:27px;font-weight:650;line-height:1}.manual-sale-total span{min-width:0}.manual-sale-total strong{flex:none;font-size:clamp(18px,4.4vw,27px)}.manual-sale-error{color:var(--red);font-size:14px;line-height:1.3}.manual-sale-modal .modal-footer{padding:14px 24px}.manual-sale-modal .modal-footer .button{min-height:46px;padding:10px 18px;font-size:17px}.manual-sale-modal .modal-footer .primary{background:var(--ink)}.manual-sale-modal .modal-footer .primary:hover:not(:disabled){background:#294763}@media (max-width:760px){.manual-sale-backdrop{padding:8px}.modal.manual-sale-modal{max-height:calc(100dvh - 16px)}.manual-sale-modal .modal-header{padding:15px 16px}.manual-sale-modal .modal-header h2{font-size:22px}.manual-sale-body{padding:16px 16px 10px}.manual-sale-fields{gap:14px}.manual-sale-row{gap:12px}.manual-sale-modal label,.manual-sale-modal .field-label{font-size:16px;line-height:1.25}.manual-sale-modal input:not([type=checkbox]),.manual-sale-modal .choice-trigger{height:44px;min-height:44px;padding:9px 10px;font-size:16px}.manual-sale-modal input::placeholder{font-size:15px}.manual-sale-commission{padding:12px}.manual-sale-switch span{gap:7px}.manual-sale-switch strong{font-size:16px}.manual-sale-total{min-height:46px;padding:10px 12px;font-size:16px}.manual-sale-total strong{font-size:25px}.manual-sale-modal .modal-footer{padding:12px 16px}.manual-sale-modal .modal-footer .button{min-height:44px;padding:9px 12px;font-size:16px}}@media (max-height:700px){.manual-sale-modal .modal-header{padding:12px 18px}.manual-sale-modal .modal-header h2{font-size:22px}.manual-sale-body{padding:14px 16px 8px}.manual-sale-fields{gap:12px}.manual-sale-modal label,.manual-sale-modal .field-label{font-size:16px;line-height:1.2}.manual-sale-modal input:not([type=checkbox]),.manual-sale-modal .choice-trigger{height:42px;min-height:42px;padding:8px 10px;font-size:16px}.manual-sale-commission{padding:12px}.manual-sale-commission-fields{margin-top:10px;padding-top:10px}.manual-sale-total{min-height:44px;padding:10px 12px}.manual-sale-modal .modal-footer{padding:10px 16px}.manual-sale-modal .modal-footer .button{min-height:42px;padding:8px 14px}}@media (max-height:620px){.manual-sale-backdrop{padding:6px}.modal.manual-sale-modal{border-radius:13px;max-height:calc(100dvh - 12px)}.manual-sale-modal .modal-header{padding:6px 12px}.manual-sale-modal .modal-header h2{font-size:20px}.manual-sale-body{padding:8px 12px 6px}.manual-sale-fields{gap:6px}.manual-sale-modal label{gap:4px}.manual-sale-modal label,.manual-sale-modal .field-label{font-size:16px;line-height:1.2}.manual-sale-modal .field-label{margin-bottom:4px}.manual-sale-modal input:not([type=checkbox]),.manual-sale-modal .choice-trigger{height:40px;min-height:40px;padding:6px 9px}.manual-sale-commission{padding:10px}.manual-sale-switch strong{font-size:16px}.manual-sale-commission-fields{margin-top:8px;padding-top:8px}.manual-sale-total{min-height:40px;padding:8px 12px}.manual-sale-total strong{font-size:23px}.manual-sale-modal .modal-footer{padding:8px 12px}.manual-sale-modal .modal-footer .button{min-height:40px;padding:6px 12px;font-size:16px}}@media (min-width:500px) and (max-height:500px){.modal.manual-sale-modal{width:900px}.manual-sale-fields{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"identity commission""pricing commission""customer total""feedback feedback";align-items:start;column-gap:20px}.manual-sale-identity{grid-area:identity}.manual-sale-pricing{grid-area:pricing}.manual-sale-customer{grid-area:customer}.manual-sale-commission{grid-area:commission}.manual-sale-total{grid-area:total;align-self:end}.manual-sale-error{grid-area:feedback}}@media (min-width:500px) and (max-height:360px){.manual-sale-modal .modal-header{padding:4px 12px}.manual-sale-modal .modal-header h2{font-size:19px}.manual-sale-body{padding:8px 12px 4px}.manual-sale-fields{grid-template-columns:.9fr 1.1fr;gap:4px 16px}.manual-sale-row{gap:10px}.manual-sale-modal label,.manual-sale-modal .field-label{font-size:13px}.manual-sale-modal input:not([type=checkbox]),.manual-sale-modal .choice-trigger{height:34px;min-height:34px;padding:4px 8px}.manual-sale-commission{padding:8px}.manual-sale-commission-fields{margin-top:6px;padding-top:6px}.manual-sale-switch strong{font-size:14px}.manual-sale-total{min-height:36px;padding:6px 10px;font-size:13px}.manual-sale-total span{line-height:1.2}.manual-sale-total strong{font-size:20px}.manual-sale-error{font-size:13px;line-height:1.2}.manual-sale-modal .modal-footer{padding:4px 12px}.manual-sale-modal .modal-footer .button{min-height:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sale-breakdown{border:1px solid var(--rule);background:#fff;border-radius:12px;flex-shrink:0;overflow:hidden}.sale-breakdown-item{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:18px;padding:18px;display:grid}.sale-breakdown-item h4{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:600;line-height:1.4}.sale-breakdown-item dl{grid-template-columns:.6fr 1fr 1fr;gap:12px;margin:0;display:grid}.sale-breakdown dt{color:var(--secondary);font-size:14px;line-height:1.35}.sale-breakdown dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:17px;font-weight:600}.sale-breakdown-totals{background:#f7f9fc;margin:0;padding:14px 18px}.sale-breakdown-totals>div{justify-content:space-between;align-items:baseline;gap:18px;padding:5px 0;display:flex}.sale-breakdown-totals dd{margin:0}.sale-breakdown-totals .sale-breakdown-total{border-top:1px solid var(--rule);margin-top:7px;padding-top:12px}.sale-breakdown-total dt,.sale-breakdown-total dd{color:var(--ink);font-size:22px;font-weight:700}@media (max-width:600px){.sale-breakdown-item{grid-template-columns:minmax(0,1fr);gap:12px;padding:15px}.sale-breakdown-item dl{grid-template-columns:.6fr 1fr 1fr;gap:8px}.sale-breakdown-totals{padding:12px 15px}}.period-selector{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px 20px;margin-bottom:24px;padding-bottom:20px;display:flex}.period-options{border:1px solid var(--rule);background:#f6f8fb;border-radius:10px;flex-wrap:wrap;gap:5px;padding:5px;display:flex}.period-options button{min-height:44px;color:var(--secondary);background:0 0;border:0;border-radius:6px;padding:9px 16px;font-size:16px;font-weight:600}.period-options button.selected{background:var(--ink);color:#fff}.period-options button:hover:not(.selected){background:#e8edf4}.period-interval{align-items:center;gap:10px;display:flex}.period-interval>span{text-align:center;min-width:0;font-size:17px;font-weight:600}.period-custom{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.period-custom .choice-trigger{min-height:46px;font-size:16px}.period-all-label{color:var(--secondary);font-size:16px}.application,.main-content,.registration-card,.page-heading>*,.heading-actions,.history-header>*,.employee-toolbar>*,.form-grid>*,.line-row>*,.detail-grid>*,.modal-header>div,.modal-footer>*,.payout-summary>div,.payout-lines>div>*,.payment-history>div>*,.ticket-result>*,.ticket-origin>*,.detail-heading>*,.manual-sale-row>*{min-width:0}.main-content{width:100%}.registration-card>span:not(.action-icon):not(.scan-symbol){min-width:0}.brand-mark,.action-icon,.scan-symbol,.payout-summary>svg{flex-shrink:0}.summary-card strong,.detail-heading>strong{white-space:normal}.history-tabs{flex-wrap:wrap;overflow:visible}.responsive-table{table-layout:fixed;white-space:normal}.responsive-table td,.responsive-table th{overflow-wrap:anywhere;min-width:0}.responsive-table .concept-cell{min-width:0;max-width:none}.responsive-table td.number{white-space:normal}.responsive-table .row-actions{flex-wrap:wrap;gap:8px 16px}.movement-table th:first-child{width:22%}.movement-table th:nth-child(2){width:34%}.movement-table th:nth-child(3){width:14%}.movement-table th:nth-child(4){width:22%}.movement-table th:nth-child(5){width:8%}.commission-table th:first-child{width:22%}.commission-table th:nth-child(2){width:28%}.commission-table th:nth-child(3){width:18%}.commission-table th:nth-child(4){width:14%}.commission-table th:nth-child(5){width:18%}.employee-table th:first-child{width:28%}.employee-table th:not(:first-child){width:18%}.mobile-action-label{display:none}.balance-table th:first-child{width:20%}.balance-table th:nth-child(2){width:26%}.balance-table th:nth-child(3){width:16%}.balance-table th:nth-child(4){width:22%}.balance-table th:nth-child(5){width:16%}.modal,.modal>form,.modal-body>*,.form-stack>*,.choice-trigger>span{min-width:0}.payout-lines>div:not(.empty),.payment-history>div,.form-total,.supplier-suggestion>span{flex-wrap:wrap}.payout-lines>div>span,.payment-history>div>span{flex:140px}.payout-summary>div{flex:1}.payout-summary strong,.balance-callout strong{overflow-wrap:anywhere}.modal-footer .button,.detail-actions .button,.payout-button{white-space:normal}@media (max-width:1000px){.calendar-popover{z-index:130;max-width:calc(100vw - 32px);position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.app-header{grid-template-columns:minmax(0,1fr) auto;gap:12px;height:auto;min-height:0;padding:16px 20px 0;display:grid}.app-brand{min-width:0;font-size:clamp(18px,2.5vw,22px)}.app-header>.icon-button{grid-area:1/2}.app-header nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0;margin:0;display:grid}.app-header nav button{border-radius:7px 7px 0 0;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:68px;padding:10px 4px;font-size:15px}.history-tabs{flex-wrap:wrap;overflow:visible}.responsive-table,.responsive-table tbody{width:100%;display:block}.responsive-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.responsive-table tbody tr{border-bottom:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.responsive-table tbody tr:last-child{border-bottom:0}.responsive-table td{white-space:normal;border:0;width:auto;min-width:0;max-width:none;padding:0;display:block;text-align:left!important}.responsive-table td:before{content:attr(data-label);color:var(--tertiary);letter-spacing:0;margin-bottom:5px;font-size:14px;font-weight:500;display:block}.responsive-table td.mobile-wide{grid-column:1/-1}.responsive-table td[data-label=Acciones]{justify-content:flex-end;display:flex}.responsive-table td[data-label=Acciones]:before,.responsive-table td[data-label=Acciones]:empty{display:none}.responsive-table td[data-label=Acciones] .icon-button{gap:8px;width:auto;min-height:44px;font-size:16px}.mobile-action-label{display:inline}}@media (max-width:600px){.registration-actions{grid-template-columns:minmax(0,1fr)}.modal-footer{gap:10px}.detail-grid{grid-template-columns:minmax(0,1fr)}.payout-lines>div:not(.empty),.payment-history>div{align-items:flex-start}}@media (max-width:380px){.summary-grid{grid-template-columns:minmax(0,1fr)}.summary-card>span{min-height:0}.period-custom{grid-template-columns:minmax(0,1fr)}.period-selector .period-options button{padding-inline:4px;font-size:15px}.modal:not(.manual-sale-modal) .modal-footer{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.modal:not(.manual-sale-modal) .modal-footer .button{width:100%}.payout-summary{flex-direction:column;align-items:flex-start;gap:12px}.payout-summary strong{font-size:24px}}@media (max-width:600px){.period-selector{gap:14px;margin-bottom:22px;padding-bottom:20px}.period-options{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.period-options button{min-width:0;padding:9px 8px}.period-options button:nth-child(4),.period-options button.all-pending{grid-column:1/-1}.period-interval{justify-content:space-between;gap:4px;width:100%}.period-interval>span{font-size:15px}.period-custom{width:100%}.period-custom .choice-trigger{gap:5px;padding-inline:10px;font-size:14px}}.profit-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;margin-bottom:0;display:grid}.profit-details{grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}.profit-grid .summary-card{--summary-accent:var(--ink);border:1px solid var(--rule);background:var(--paper);border-radius:12px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;padding:22px;display:flex}.summary-term-heading{align-items:center;gap:10px;min-width:0;min-height:44px;display:flex}.summary-term-heading>span:last-child{color:var(--summary-accent);font-size:16px;font-weight:600;line-height:1.35}.profit-grid .summary-card strong{color:var(--summary-accent);white-space:normal;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(26px,2.25vw,32px);line-height:1.2}.profit-details .summary-card{flex-flow:wrap;align-items:center;gap:8px 16px;padding:16px 20px}.profit-details .summary-term-heading{flex:180px;min-height:28px}.profit-details .summary-card strong{font-size:clamp(24px,2.2vw,30px)}.profit-grid .gain{--summary-accent:var(--green);justify-content:center;gap:20px;min-height:296px;padding:32px}.profit-grid .gain .summary-term-heading>span:last-child{color:var(--summary-accent);font-size:28px;font-weight:700}.profit-grid .gain strong{font-size:clamp(36px,4.4vw,64px);font-weight:700}.profit-grid .gain.is-loss{--summary-accent:var(--red)}.profit-grid .collected{--summary-accent:var(--green)}.profit-grid .expense-total,.profit-grid .commission-total{--summary-accent:var(--red)}.profit-grid .summary-card.is-zero{--summary-accent:var(--ink)}.pending-section{border-top:1px solid var(--rule);margin:28px 0 36px;padding-top:22px}.pending-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:12px;display:flex}.pending-heading h2{letter-spacing:0;font-size:18px}.pending-heading>span{color:var(--tertiary);font-size:14px}.pending-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pending-grid .summary-card{border:1px solid var(--rule);background:var(--paper);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:18px 20px;display:flex}.pending-grid .summary-card:hover{background:var(--rule-soft)}.pending-card-content{min-width:0}.pending-card-content>span{color:var(--secondary);font-size:15px;display:block}.pending-grid .summary-card strong{color:var(--ink);white-space:normal;overflow-wrap:anywhere;margin-top:4px;font-size:25px;line-height:1.3}.pending-grid .summary-card>svg{color:var(--tertiary);flex:none}@media (min-width:701px) and (max-width:1000px){.profit-details .summary-card{flex-direction:column;align-items:flex-start}.profit-details .summary-term-heading{flex:0 auto}.profit-grid .gain{padding:24px}}@media (max-width:700px){.profit-grid{grid-template-columns:minmax(0,1fr);gap:12px}.profit-details{gap:8px}.profit-details .summary-card{gap:8px 12px;padding:14px 16px}.profit-details .summary-term-heading{flex-basis:140px;gap:8px}.profit-details .summary-card strong{text-align:right;flex:0 auto;font-size:24px}.profit-grid .gain{gap:16px;min-height:188px;padding:24px 20px}.profit-grid .gain .summary-term-heading>span:last-child{font-size:25px}.profit-grid .gain strong{font-size:clamp(40px,10vw,46px)}.profit-grid .gain.is-long-amount strong{font-size:clamp(28px,8.5vw,46px)}.pending-section{margin:22px 0 28px;padding-top:18px}.pending-grid{grid-template-columns:minmax(0,1fr);gap:10px}.pending-grid .summary-card{padding:14px 16px}.pending-grid .summary-card strong{font-size:23px}}.history-title{scroll-margin-top:24px;font-size:23px}.folio-pending-banner{border:1px solid var(--rule);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.folio-pending-banner>div{flex-direction:column;gap:4px;min-width:0;display:flex}.folio-pending-banner span{color:var(--secondary);font-size:16px}.movement-more-items{margin-top:4px;display:block}.sale-facts{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;display:grid}.sale-facts>div{min-width:0}.sale-facts dt{color:var(--secondary);margin-bottom:4px;font-size:16px}.sale-facts dd{color:var(--ink);margin:0;font-size:18px;font-weight:600}.record-details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0}.record-details>summary{min-height:52px;color:var(--secondary);cursor:pointer;padding:12px 0;font-size:18px;font-weight:600}.record-details[open]>summary{margin-bottom:8px}.record-details>:not(summary){overflow-wrap:anywhere;min-width:0;margin-bottom:16px}@media (max-width:700px){.folio-pending-banner{padding:14px}.folio-pending-banner .button{width:100%}.sale-facts{grid-template-columns:minmax(0,1fr);gap:14px}}.workspace-filters{flex-wrap:wrap;gap:12px 24px;margin-bottom:20px;scroll-margin-top:16px;display:flex}.workspace-filters>.choice,.period-selector>.choice{flex:0 340px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.workspace-filters .field-label,.period-selector>.choice .field-label{color:var(--secondary);margin:0;font-size:16px}.workspace-filters .choice-trigger,.period-selector>.choice .choice-trigger{border-color:var(--rule);min-height:52px;padding-block:10px}.period-selector>.choice{flex-basis:300px}.period-selector>.choice .choice-trigger span{white-space:normal;overflow:visible}.period-selector .period-return-today{min-height:48px;padding:10px 16px}.save-notice{border:1px solid var(--rule);background:var(--rule-soft);border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;scroll-margin-top:16px;display:flex}.save-notice>svg{flex:none}.save-notice>span{flex:1;min-width:0}.payment-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:24px 0;display:flex}.payment-heading>div{min-width:0}.payment-heading h2{font-size:24px}.payment-heading p,.employee-payment-row p{color:var(--secondary);font-size:16px}.payment-heading>strong{max-width:100%;font-size:36px;line-height:1.2}.employee-payment-list{border:1px solid var(--rule);border-radius:10px}.employee-payment-row{grid-template-columns:minmax(0,1fr) minmax(0,auto) auto;align-items:center;gap:16px 24px;padding:20px 24px;display:grid}.employee-payment-row+.employee-payment-row{border-top:1px solid var(--rule)}.employee-payment-row>strong{text-align:right;font-size:26px}.employee-detail-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pagination>div,.row-actions{gap:12px}.row-link{min-height:48px}@media (max-width:760px){.app-header{gap:8px;height:auto;min-height:0;padding:12px 16px 0}.app-brand{gap:8px;font-size:20px}.brand-mark{width:38px;height:40px}.main-content{padding:20px 16px 40px}.page-heading{align-items:center;gap:12px;margin-bottom:16px}.workspace-filters{gap:12px;margin-bottom:12px}.workspace-filters>.choice,.period-selector>.choice{flex-basis:100%;width:100%}.period-selector{gap:8px;margin-bottom:16px;padding-bottom:16px}.period-interval{justify-content:space-between;gap:8px;width:100%}.period-interval>span{flex:1;font-size:16px}.period-custom{width:100%}.period-custom .choice-trigger{min-height:48px;font-size:16px}.profit-grid .gain{gap:12px;min-height:160px;padding:20px}.profit-details .summary-card{padding:12px 16px}.save-notice{gap:8px;padding:8px 12px;font-size:17px}.payment-heading{margin:20px 0}.payment-heading h2{font-size:22px}.payment-heading>strong{font-size:32px}.employee-payment-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.employee-payment-row>div{grid-column:1/-1}.employee-payment-row>strong{text-align:left}}.direct-navigation{grid-template-columns:256px minmax(0,1fr);min-height:100dvh;display:grid}.direct-navigation .app-header{border:0;border-right:1px solid var(--rule);flex-direction:column;align-self:start;align-items:stretch;gap:28px;width:100%;height:100dvh;min-height:0;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.direct-navigation .app-brand{gap:8px;min-width:0;min-height:48px;font-size:20px}.direct-navigation .brand-mark{width:38px;height:40px}.direct-navigation .app-header nav{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;width:100%;min-width:0;margin:0;display:grid}.direct-navigation .app-header nav a{background:var(--paper);min-width:0;min-height:64px;color:var(--secondary);border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:18px;font-weight:500;line-height:1.3;text-decoration:none;display:flex;position:relative}.direct-navigation .app-header nav a>svg{flex:none}.direct-navigation .app-header nav a>span{white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;min-width:0}.direct-navigation .app-header nav a.active{border-color:var(--rule);background:var(--rule-soft);color:var(--ink);font-weight:650}.direct-navigation .app-header nav a:hover{background:var(--rule-soft);color:var(--ink)}.direct-navigation .app-header nav a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.direct-navigation .app-header>.icon-button{flex:none;align-self:start;margin-top:auto}.direct-navigation .main-content{width:100%;max-width:1400px;margin:0 auto;padding:40px 32px 64px}@media (max-width:1099px){.direct-navigation{display:block}.direct-navigation .app-header{border-right:0;border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;gap:12px;height:auto;padding:12px 20px 16px;display:grid;position:static;overflow:visible}.direct-navigation .app-header>.icon-button{grid-area:1/2;align-self:center;margin:0}.direct-navigation .app-header nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.direct-navigation .app-header nav a{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:72px;padding:8px 6px;font-size:16px}.direct-navigation .main-content{padding:28px 24px 48px}}@media (max-width:760px){.direct-navigation .app-header{gap:8px;padding:12px 16px}.direct-navigation .app-header nav{grid-template-columns:repeat(6,minmax(0,1fr))}.direct-navigation .app-header nav a{grid-column:span 2}.direct-navigation .app-header nav a:nth-last-child(-n+2){grid-column:span 3}.direct-navigation .main-content{padding:20px 16px 40px}}@media (max-width:480px){.direct-navigation .app-header nav{margin:0}.direct-navigation .app-header nav a>svg{display:none}.direct-navigation .app-header nav a{min-height:64px;padding-block:6px;padding-inline:2px}}@media (max-width:360px){.direct-navigation .app-header{padding-inline:8px}}@media (max-width:480px){.app-header nav{margin-top:4px}.app-header nav button{min-height:52px;padding:8px 0;font-size:16px}.app-header nav button span{white-space:nowrap}.app-header nav button svg{display:none}.period-custom{grid-template-columns:minmax(0,1fr)}}