:root{--background: #f5f7f8;--foreground: #0b2c4d;--primary: #0b2c4d;--primary-foreground: #ffffff;--secondary: #eceef1;--accent: #00838f;--accent-foreground: #ffffff;--accent-light: rgba(0, 131, 143, .1);--muted: #526a81;--card: #ffffff;--card-foreground: #0b2c4d;--border: #dfe4e8;--neutral-light: rgba(11, 44, 77, .09);--settled-light: rgba(11, 44, 77, .07);--success: #15803d;--success-light: rgba(21, 128, 61, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-soft: 0 1px 2px rgba(11, 44, 77, .05), 0 6px 20px rgba(11, 44, 77, .06);--shadow-card: 0 1px 3px rgba(11, 44, 77, .06), 0 14px 32px rgba(11, 44, 77, .08);--shadow-hover: 0 4px 10px rgba(11, 44, 77, .09), 0 22px 48px rgba(11, 44, 77, .14);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input{font:inherit}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.app-shell{width:80%;max-width:2000px;margin:0 auto;padding:40px 0 72px}.page-header{margin-bottom:28px}.page-header h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-.02em}.page-header p{margin:6px 0 0;color:var(--muted);font-size:14px}.summary-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.summary-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:18px 20px}.summary-tile__label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.summary-tile__value{margin-top:8px;font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.summary-tile__hint{margin-top:4px;font-size:12px;color:var(--muted)}.summary-tile__value--debt{color:var(--accent)}.summary-tile__value--credit{color:var(--primary)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.search-field{position:relative;flex:1 1 260px;min-width:220px}.search-field svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-field input{width:100%;height:42px;padding:0 14px 0 38px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--foreground);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s ease,box-shadow .2s ease,opacity .2s ease}.btn--primary{background:var(--primary);color:var(--primary-foreground)}.btn--primary:hover{box-shadow:var(--shadow-card)}.btn--outline{background:var(--card);border-color:var(--border);color:var(--foreground)}.btn--outline:hover{border-color:var(--primary)}.btn--ghost{background:transparent;color:var(--muted)}.btn--ghost:hover{color:var(--foreground)}.btn--danger{background:var(--accent);color:var(--accent-foreground)}.btn--danger:hover{opacity:.9}.table-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.table-scroll{overflow-x:auto}.drivers-table{width:100%;min-width:1090px;border-collapse:collapse}.drivers-table th{position:sticky;top:0;z-index:1;background:var(--secondary);padding:13px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.drivers-table th.num{text-align:right}.drivers-table th.center{text-align:center}.drivers-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.drivers-table tbody tr:last-child td{border-bottom:none}.drivers-table tbody tr{transition:background .15s ease}.drivers-table tbody tr:hover{background:var(--secondary)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.center{text-align:center}.cell-name{font-weight:600}.cell-sub{margin-top:2px;font-size:12px;color:var(--muted);font-weight:400}.cell-plate{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;white-space:nowrap}.pill-count{display:inline-block;min-width:34px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--secondary);border:1px solid var(--border);font-weight:600;font-variant-numeric:tabular-nums}.row-delete{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted);transition:color .15s ease,background .15s ease,border-color .15s ease}.row-delete:hover{color:var(--accent);background:var(--accent-light);border-color:var(--accent-light)}.empty-state{padding:56px 20px;text-align:center;color:var(--muted)}.balance-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}.balance-pill{display:inline-flex;flex-direction:column;align-items:flex-end;padding:6px 12px;border-radius:var(--radius-md);font-variant-numeric:tabular-nums}.balance-pill__amount{font-weight:700}.balance-pill__label{font-size:11px;opacity:.85}.balance-pill--debt{background:var(--accent-light);color:var(--accent)}.balance-pill--credit{background:var(--neutral-light);color:var(--primary)}.balance-pill--settled{background:var(--success-light);color:var(--success)}.balance-edit{opacity:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);transition:opacity .15s ease,color .15s ease}.drivers-table tbody tr:hover .balance-edit,.balance-edit:focus-visible{opacity:1}.balance-edit:hover{color:var(--foreground)}.balance-override-tag{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:var(--muted);justify-content:flex-end}.balance-override-tag button{border:none;background:none;padding:0;color:var(--accent);font-size:11px;text-decoration:underline}.balance-input{width:120px;height:34px;padding:0 10px;border:1px solid var(--primary);border-radius:var(--radius-sm);text-align:right;font-variant-numeric:tabular-nums;outline:none}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#0b2c4d8c}.modal{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);padding:26px}.modal--narrow{max-width:420px}.modal__title{margin:0 0 4px;font-size:19px;font-weight:700;letter-spacing:-.01em}.modal__subtitle{margin:0 0 20px;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field--full{grid-column:1 / -1}.field label{font-size:12px;font-weight:600;color:var(--muted)}.field input{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.field input[aria-invalid=true]{border-color:var(--accent)}.field__error{font-size:12px;color:var(--accent)}.field__hint{font-size:12px;color:var(--muted)}.form-preview{margin-top:18px;padding:14px 16px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--secondary);display:flex;align-items:center;justify-content:space-between;gap:12px}.form-preview__label{font-size:12px;font-weight:600;color:var(--muted)}.modal__actions{flex:0 0 auto;display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal__text{margin:0 0 4px;font-size:14px}@media(max-width:1280px){.app-shell{width:92%}}@media(max-width:900px){.summary-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.app-shell{width:100%;padding:28px 16px 56px}.form-grid{grid-template-columns:1fr}.toolbar .btn{flex:1 1 auto;justify-content:center}}.back-btn{margin-bottom:18px}.toolbar__hint{flex:1 1 auto;color:var(--muted);font-size:13px}.clickable-row{cursor:pointer}.clickable-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.row-open-hint{opacity:0;margin-left:6px;vertical-align:-3px;color:var(--muted);transition:opacity .15s ease}.clickable-row:hover .row-open-hint,.clickable-row:focus-visible .row-open-hint{opacity:1}.deliveries-table{min-width:1260px}.table-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.table-card__title{font-size:15px;font-weight:700;letter-spacing:-.01em}.table-card__meta{font-size:13px;color:var(--muted)}.sort-btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .15s ease}.sort-btn svg{opacity:.35;flex-shrink:0}.sort-btn:hover,.sort-btn--active{color:var(--foreground)}.sort-btn--active svg{opacity:1}.nowrap{white-space:nowrap}.product-tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);background:var(--secondary);border:1px solid var(--border);font-size:12px;font-weight:600;white-space:nowrap}.amount-due{color:var(--accent);font-weight:600}.status-badge{display:inline-block;padding:4px 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap}.status-badge--delivered{background:var(--neutral-light);color:var(--primary)}.status-badge--pending{background:var(--accent-light);color:var(--accent)}.btn--small{height:32px;padding:0 14px;font-size:12px;gap:6px}.select-cell{width:44px;padding-right:0!important;text-align:center}.select-cell input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.multi-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:600;vertical-align:1px}.selection-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:12px 16px;border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-soft)}.selection-bar__text{flex:1 1 auto;font-size:13px}.page-header--row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.detail-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:20px 22px}.detail-card--note{margin-top:16px}.detail-card__title{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.detail-list{margin:0}.detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row dt{color:var(--muted);font-size:13px}.detail-row dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.detail-row__strong{font-size:16px;font-weight:700}.detail-card__note{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.6}.detail-card__empty{margin:0;font-size:13px;color:var(--muted)}.identity-cell{position:relative;padding-right:56px!important}.row-add{position:absolute;top:50%;right:16px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--muted);opacity:0;transform:translateY(-50%) translate(-6px) scale(.85);pointer-events:none;transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.3,1),background .15s ease,color .15s ease,border-color .15s ease}.identity-cell:hover .row-add,.plate-cell:hover+.identity-cell .row-add,.row-add:focus-visible{opacity:1;transform:translateY(-50%) translate(0) scale(1);pointer-events:auto}.row-add:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);transform:translateY(-50%) scale(1.08)}.row-add:active{transform:translateY(-50%) scale(.94)}@media(prefers-reduced-motion:reduce){.row-add,.row-add:hover,.row-add:active,.identity-cell:hover .row-add,.plate-cell:hover+.identity-cell .row-add,.row-add:focus-visible{transform:translateY(-50%);transition:opacity .12s ease}}.modal--wide{max-width:780px}.form-section{padding:16px 0;border-bottom:1px solid var(--border)}.form-section:first-of-type{padding-top:0}.form-section__title{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.form-section__hint{margin:12px 0 0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.field select,.field textarea{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field select{height:40px;padding:0 12px}.form-section textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);font:inherit;resize:vertical;outline:none}.field select:focus,.form-section textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.input-suffix{position:relative;display:flex;align-items:center}.input-suffix input{width:100%;padding-right:52px}.input-suffix span{position:absolute;right:12px;font-size:12px;font-weight:600;color:var(--muted);pointer-events:none}.field-output{display:flex;align-items:center;height:40px;padding:0 12px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--secondary);font-weight:700;font-variant-numeric:tabular-nums}.field-output--due{color:var(--accent)}.expense-row{display:grid;grid-template-columns:1fr 140px 34px;gap:8px;margin-bottom:8px}.expense-row input{height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);outline:none}.expense-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.expense-row input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.navbar{position:sticky;top:0;z-index:40;background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 1px 12px #0b2c4d0d}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:80%;max-width:2000px;margin:0 auto;height:66px}.navbar__brand{display:flex;align-items:center;gap:10px}.brand-logo{display:flex;align-items:center;gap:calc(var(--logo-h) / 4)}.brand-logo__mark{height:var(--logo-h);display:block}.brand-logo__name{height:calc(var(--logo-h) / 3);display:block}.navbar__tabs{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.nav-tab{position:relative;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:14px;font-weight:600;transition:color .18s ease,background .18s ease}.nav-tab:after{content:"";position:absolute;left:16px;right:16px;bottom:-13px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .22s cubic-bezier(.2,.8,.3,1)}.nav-tab:hover{color:var(--foreground);background:var(--secondary)}.nav-tab--active{color:var(--primary)}.nav-tab--active:after{transform:scaleX(1)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:58vh;text-align:center}.placeholder__logo{height:58px;margin-bottom:14px}.placeholder h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em}.placeholder p{margin:0;color:var(--muted)}@media(max-width:1280px){.navbar__inner{width:92%}}@media(max-width:700px){.navbar__inner{width:100%;padding:0 16px}.nav-tab{padding:0 11px}}.settings-block{margin-bottom:18px}.price-input{position:relative;display:inline-flex;align-items:center}.price-input input{width:118px;height:36px;padding:0 38px 0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);text-align:right;font-variant-numeric:tabular-nums;font-weight:600;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.price-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.price-input span{position:absolute;right:12px;font-size:12px;font-weight:600;color:var(--muted);pointer-events:none}.settings-add__body{display:grid;grid-template-columns:220px 1fr 180px auto;align-items:start;gap:12px;padding:18px 20px 12px}.settings-add__body .btn{margin-top:22px}.settings-add__hint{margin:0;padding:0 20px 16px;font-size:12px;color:var(--muted)}.settings-add__error{margin:0;padding:0 20px 16px;font-size:13px;color:var(--accent)}@media(max-width:800px){.settings-add__body{grid-template-columns:1fr}}.table-card__header--toggle{width:100%;border:none;border-bottom:1px solid transparent;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .2s ease}.table-card__header--toggle:hover{background:var(--secondary)}.table-card__header--open{border-bottom-color:var(--border)}.collapse-chevron{flex-shrink:0;color:var(--muted);transition:transform .25s cubic-bezier(.2,.8,.3,1)}.collapse-chevron--open{transform:rotate(180deg)}.collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,.8,.3,1)}.collapsible--open{grid-template-rows:1fr}.collapsible__inner{overflow:hidden;min-height:0}@media(prefers-reduced-motion:reduce){.collapsible,.collapse-chevron{transition:none}}.field-new{margin-top:8px;height:40px;padding:0 12px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);outline:none}.field-new:focus{box-shadow:0 0 0 3px var(--accent-light)}.form-section__badge{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:600}.page-header__actions{display:flex;align-items:center;gap:12px}.modal--picker{display:flex;flex-direction:column;max-height:86vh;overflow:hidden}.picker-search{flex:0 0 auto;margin-bottom:12px}.picker-empty{padding:28px 12px;text-align:center;color:var(--muted);font-size:13px}.picker-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.picker-toolbar__count{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.picker-list{flex:1 1 auto;min-height:120px;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:4px 0 0;list-style:none}.picker-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.picker-item:hover{background:var(--secondary)}.picker-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.picker-item__text{flex:1 1 auto;min-width:0}.picker-item__label{display:block;font-weight:600}.picker-item__sub{display:block;font-size:12px;color:var(--muted)}.picker-item__meta{font-variant-numeric:tabular-nums;font-weight:600;color:var(--muted)}.picker-item--on .picker-item__meta{color:var(--foreground)}.btn:disabled{opacity:.45;cursor:not-allowed}.amount-over{color:var(--accent)}.amount-under{color:var(--success)}.inline-price{display:inline-flex;align-items:center;gap:6px}.inline-price input{width:82px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);text-align:right;font-weight:700;font-variant-numeric:tabular-nums;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.inline-price input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.inline-price>span{font-size:12px;font-weight:600;color:var(--muted)}.status-select{height:32px;padding:0 30px 0 12px;border:none;border-radius:var(--radius-pill);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;appearance:none;background-repeat:no-repeat;background-position:right 10px center;background-size:10px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%235f6875' stroke-width='1.6' stroke-linecap='round'/></svg>")}.status-select--delivered{background-color:var(--neutral-light);color:var(--primary)}.status-select--pending{background-color:var(--accent-light);color:var(--accent)}.inline-price--over input{border-color:var(--accent);color:var(--accent)}.inline-price--under input{border-color:var(--success);color:var(--success)}.inline-price input::placeholder{color:var(--muted);font-weight:400}.filter-toggle--active{border-color:var(--primary)}.filter-toggle__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-foreground);font-size:12px;font-variant-numeric:tabular-nums}.filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 18px}.filter-chip{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 12px;border:1px solid var(--primary);border-radius:var(--radius-pill);background:var(--neutral-light);color:var(--foreground);font-size:13px;font-weight:600}.filter-chip button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted)}.filter-chip button:hover{background:var(--primary);color:var(--primary-foreground)}.filter-chips__clear{border:0;background:transparent;color:var(--accent);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.filter-chips__result{margin-left:auto;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.filter-overlay{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:#0b2c4d59;animation:filter-fade .18s ease}.filter-panel{display:flex;flex-direction:column;width:min(420px,100%);height:100%;background:var(--card);box-shadow:var(--shadow-hover);animation:filter-slide .22s ease}@keyframes filter-fade{0%{opacity:0}}@keyframes filter-slide{0%{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.filter-overlay,.filter-panel{animation:none}}.filter-panel__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.filter-panel__header h2{margin:0;font-size:19px;font-weight:700}.filter-panel__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--foreground)}.filter-panel__close:hover{border-color:var(--primary)}.filter-panel__body{flex:1;overflow-y:auto;padding:8px 22px 22px}.filter-panel__footer{display:flex;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--border)}.filter-panel__footer .btn--primary{flex:1;min-width:0;justify-content:center;white-space:normal;text-align:center;line-height:1.2}.filter-panel__footer .btn--ghost{padding:0 10px}.filter-section{padding:16px 0;border-bottom:1px solid var(--border)}.filter-section:last-child{border-bottom:0}.filter-section__title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.filter-section__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-foreground);font-size:11px;letter-spacing:0}.filter-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.filter-chip-btn{height:30px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--foreground);font-size:13px}.filter-chip-btn:hover{border-color:var(--primary)}.filter-chip-btn--on{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.filter-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-label{font-size:12px;font-weight:600;color:var(--muted)}.filter-dates input{font-variant-numeric:tabular-nums}.filter-search{position:relative;margin-bottom:8px}.filter-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}.filter-search input{width:100%;height:36px;padding:0 12px 0 32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);outline:none}.filter-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.filter-options{display:flex;flex-direction:column;gap:2px;max-height:220px;margin:0;padding:0;overflow-y:auto;list-style:none}.filter-option{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 10px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer}.filter-option:hover{background:var(--secondary)}.filter-option--on{background:var(--neutral-light);font-weight:600}.filter-option input{width:16px;height:16px;accent-color:var(--primary)}.filter-empty{margin:0;padding:6px 10px;font-size:13px;color:var(--muted)}.filter-segmented{display:flex;flex-wrap:wrap;gap:6px}.filter-segmented__btn{min-height:34px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--foreground);font-size:13px;font-weight:600}.filter-segmented__btn:hover{border-color:var(--primary)}.filter-segmented__btn--on{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}@media(max-width:600px){.filter-chips__result{margin-left:0;width:100%}}.detail-card--wide{grid-column:1 / -1}.detail-subtitle{margin:20px 0 10px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.fuel-verdict{margin-bottom:14px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600}.fuel-verdict--ok{background:var(--neutral-light);color:var(--primary)}.fuel-verdict--bad{background:var(--accent-light);color:var(--accent)}.fuel-locked{margin:0 0 14px;padding:10px 14px;border:1px dashed var(--border);border-radius:var(--radius-md);font-size:13px;color:var(--muted)}.inline-price input:disabled{background:var(--secondary);color:var(--muted);cursor:not-allowed}.cell-fuel{color:var(--muted)}.settings-fuel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:18px 20px 4px}.expense-row--compact{grid-template-columns:1fr 108px 32px;gap:6px;margin-bottom:6px}.expense-row--compact input{height:34px;padding:0 10px}.expense-add{margin-top:4px}.detail-note-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);font:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.detail-note-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.detail-note-input::placeholder{color:var(--muted)}.salary-head{display:grid;grid-template-columns:200px 200px 1fr;align-items:end;gap:16px;padding:18px 20px}.salary-totals{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;font-size:13px;color:var(--muted)}.salary-totals strong{display:block;font-size:16px;color:var(--foreground);font-variant-numeric:tabular-nums}.salary-table{min-width:620px}.salary-date{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);outline:none}.salary-badge--paid{background:var(--neutral-light);color:var(--primary)}.salary-badge--partial,.salary-badge--unpaid{background:var(--accent-light);color:var(--accent)}@media(max-width:800px){.salary-head{grid-template-columns:1fr}.salary-totals{justify-content:flex-start}}.salary-section{margin-top:18px}.balance-table tfoot td{border-top:2px solid var(--border);font-weight:700;font-variant-numeric:tabular-nums}.balance-note{margin:14px 2px 0;font-size:12px;color:var(--muted)}.summary-tile__value--cash{color:var(--success)}.balance-check{opacity:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--muted);transition:opacity .15s ease,color .15s ease,background .15s ease,border-color .15s ease}.drivers-table tbody tr:hover .balance-check,.balance-check:focus-visible{opacity:1}.balance-check:hover{background:var(--success);border-color:var(--success);color:#fff}.summary-tile__value--profit{color:var(--success)}.balance-pill--profit{background:var(--success-light);color:var(--success)}.balance-table{min-width:1120px}.update-banner{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);font-size:14px}.update-banner__text{flex:1 1 auto}.update-banner--pending{border-color:var(--accent)}.update-banner--pending svg{color:var(--accent);flex-shrink:0}.update-banner--done{border-color:var(--success);background:var(--success-light);color:var(--success)}.update-banner--done svg{flex-shrink:0}.tile-edit{display:flex;align-items:center;gap:8px;margin-top:6px}.tile-edit input{width:128px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);font-size:20px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.tile-edit input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.tile-edit--debt{color:var(--accent)!important}.tile-edit>span{font-size:13px;font-weight:600;color:var(--muted)}.tile-edit__check{opacity:1}.link-button{border:none;background:none;padding:0;color:var(--accent);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.remaining-cell{display:flex;align-items:center;justify-content:flex-end;gap:4px}.remaining-cell>button{flex-shrink:0}.remaining-cell__amount{white-space:nowrap;font-variant-numeric:tabular-nums}.remaining-input{width:100%;max-width:130px}.remaining-cell--editing{flex-direction:column;align-items:flex-end}.remaining-cell__error{max-width:220px;margin:4px 0 0 auto;text-align:right;white-space:normal;line-height:1.3}.status-badge--paid{background:var(--success-light);color:var(--success)}.plate-link{border-bottom:1px dashed transparent;transition:border-color .15s ease}.clickable-row:hover .plate-link{border-bottom-color:var(--muted)}.plate-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.plate-chip{height:32px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--muted);font-family:var(--font-mono);font-size:12px;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.plate-chip:hover{border-color:var(--primary);color:var(--foreground)}.plate-chip--active,.plate-chip--active:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.plate-switch .plate-chip:first-child{font-family:var(--font-sans)}.page-header__plate{font-family:var(--font-mono);letter-spacing:.02em}.plate-chip--wide{font-family:var(--font-sans);font-size:13px}.inline-select{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);font:inherit;font-weight:600;outline:none}.inline-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b2c4d1a}.refueling-section{margin:24px 0}.refueling-form{padding:20px}.refueling-form .form-grid{margin-bottom:16px}.fuel-full{display:flex;align-items:center;gap:8px}.fuel-full input{width:auto}.refueling-section .table-card__header{flex-wrap:wrap;gap:12px}.refueling-section details p{line-height:1.6}.detail-card select{max-width:100%}.summary-tile__value{overflow-wrap:anywhere}@media(max-width:640px){.page-header__actions{flex-wrap:wrap}.refueling-section .table-card__header{align-items:stretch}.refueling-form{padding:14px}}@media(max-width:700px){.navbar__inner{height:auto;flex-direction:column;align-items:stretch;gap:4px;padding-top:10px}.navbar__brand{justify-content:center}.navbar__tabs{justify-content:space-between;gap:0}.nav-tab{padding:0 6px;gap:4px;font-size:12px}.nav-tab svg{width:14px}.page-header--row{flex-direction:column;align-items:stretch}.page-header__actions{flex-wrap:wrap}.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-card{min-width:0}}@media(max-width:700px){.update-banner{flex-wrap:wrap}.update-banner__text{flex:1;min-width:160px}.update-banner .btn{max-width:100%;white-space:normal}}@media(max-width:480px){.summary-bar{grid-template-columns:minmax(0,1fr)}}.delivery-history{container-type:inline-size}.delivery-history .deliveries-table{width:100%;min-width:0;table-layout:fixed}.delivery-history .deliveries-table th,.delivery-history .deliveries-table td{padding:12px 7px;white-space:normal;overflow-wrap:anywhere}.delivery-history .deliveries-table th{letter-spacing:.035em;font-size:10px}.delivery-history .deliveries-table th:first-child,.delivery-history .deliveries-table td:first-child{padding-left:20px}.delivery-history .deliveries-table th:last-child,.delivery-history .deliveries-table td:last-child{padding-right:20px}.delivery-history .deliveries-table th.col-remaining{width:170px}.delivery-history .sort-btn{white-space:normal;width:100%;gap:3px}.delivery-history th.num .sort-btn{flex-direction:row-reverse;justify-content:flex-start;text-align:right}.delivery-history th.center .sort-btn{justify-content:center;text-align:center}.delivery-history .sort-btn svg{flex-shrink:0}.delivery-history .row-open-hint{display:none}.delivery-history .product-tag,.delivery-history .status-badge{white-space:normal;max-width:100%}.history-sort{display:none}@container (max-width: 850px){.history-sort{display:flex;align-items:center;gap:8px;padding:12px 16px;flex-wrap:wrap}.history-sort select{min-width:0;max-width:100%;padding:6px}.delivery-history .deliveries-table thead{display:none}.delivery-history .deliveries-table,.delivery-history .deliveries-table tbody{display:block}.delivery-history .deliveries-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:18px 16px;border-bottom:1px solid var(--border)}.delivery-history .deliveries-table td{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0;border:0;text-align:left;gap:3px}.delivery-history .deliveries-table td:first-child,.delivery-history .deliveries-table td:last-child{padding:0}.delivery-history .deliveries-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.delivery-history .remaining-cell{flex-direction:row-reverse;justify-content:flex-end}.delivery-history .remaining-cell--editing{flex-direction:column;align-items:flex-start}.delivery-history .remaining-cell__error{margin-left:0;text-align:left}.delivery-history .remaining-cell .balance-edit,.delivery-history .remaining-cell .balance-check{opacity:1}}.rate-exceeded{color:#b42318!important;font-weight:700}.rate-warning,.storage-error{padding:16px 20px;margin:16px 0;color:#912018;background:#fff0ed;border:1px solid #f2aaa1;border-radius:12px}.rate-warning p{margin:6px 0 0}.reference-filters{display:flex;gap:16px;padding:16px 20px;flex-wrap:wrap}.reference-filters label{display:grid;gap:6px;flex:1;min-width:180px}.reference-filters input,.reference-filters select{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--foreground)}.reference-table{min-width:600px}.return-load-fields{margin-top:16px}.pending-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:16px;border-top:1px solid var(--border)}.home-deliveries .table-scroll{padding-inline:20px;padding-bottom:16px}.rate-warnings{margin-top:24px}.home-table-header{flex-wrap:wrap;gap:12px}.home-table-header__actions{display:flex;align-items:center;gap:16px;margin-left:auto}.home-table-header__actions .btn{min-height:36px}.rate-warnings__note{margin:0;padding:0 20px 16px;color:var(--muted);font-size:12px}@container (max-width: 850px){.home-deliveries .table-scroll{padding-inline:8px;padding-bottom:8px}}.return-load-toggle{position:relative;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);cursor:pointer}.return-load-toggle--active{border-color:var(--accent);background:#0096aa0a}.return-load-toggle__copy{display:grid;gap:3px}.return-load-toggle__copy strong{font-size:14px}.return-load-toggle__copy>span{color:var(--muted);font-size:12px}.return-load-toggle input{position:absolute;right:18px;width:42px;height:24px;opacity:0}.return-load-toggle__switch{width:42px;height:24px;flex-shrink:0;border-radius:20px;background:#bdc8d2;padding:3px;transition:background .15s}.return-load-toggle__switch:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}.return-load-toggle input:checked+.return-load-toggle__switch{background:var(--accent)}.return-load-toggle input:checked+.return-load-toggle__switch:before{transform:translate(18px)}.return-load-toggle input:focus-visible+.return-load-toggle__switch{outline:2px solid var(--primary);outline-offset:4px}.return-load-total input{background:var(--background);font-weight:700;color:var(--accent)}.return-load-actions{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}@media(max-width:570px){.return-load-actions .btn{width:100%}.return-load-toggle{padding:14px;gap:12px}}#return-load{scroll-margin-top:110px}.delivery-history .cell-sub{display:block}.login{display:grid;place-items:center;min-height:100vh;padding:24px 16px}.login__card{display:grid;gap:16px;width:100%;max-width:380px;padding:32px 28px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.login__logo{justify-self:center;margin-bottom:4px}.login__title{margin:0;font-size:20px;color:var(--primary);text-align:center}.login__submit{width:100%;justify-content:center}.nav-tab--logout{padding:0 12px}.sync-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:80%;max-width:2000px;margin:16px auto}.import-banner{padding:16px 20px;color:var(--primary);background:var(--accent-light);border:1px solid var(--accent);border-radius:12px}@media(max-width:1280px){.sync-banner{width:92%}}.field-check{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;font-weight:600;color:var(--foreground);cursor:pointer}.field-check input{width:18px;height:18px;accent-color:var(--primary)}.field-check--invalid input{outline:2px solid var(--accent);outline-offset:2px}.report-sheet{display:none}@media print{@page{size:A4 landscape;margin:14mm}body{background:#fff;font-size:11px}.app-shell,.overlay,.filter-overlay,.navbar{display:none!important}.report-sheet{display:block;color:#0b2c4d}.report-sheet *{box-shadow:none!important}.report-header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid #0b2c4d;padding-bottom:8px;margin-bottom:14px}.report-header h1{margin:0;font-size:17px;letter-spacing:.14em;text-transform:uppercase}.report-header p{margin:2px 0 0;font-size:11px;color:#526a81}.report-meta{text-align:right;font-size:11px;color:#526a81}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{border:1px solid #b1bcc6;padding:5px 7px;text-align:left}.report-table th{background:#eceef1!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.report-table .num{text-align:right;font-variant-numeric:tabular-nums}.report-table tfoot td{font-weight:700;background:#f5f7f8!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-table tr{break-inside:avoid}.report-summary{margin-top:14px;display:flex;justify-content:flex-end;gap:26px;font-size:12px}.report-summary strong{font-size:14px}@page bon{size:A4 portrait;margin:16mm}.report-sheet--portrait{page:bon}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.report-pairs{width:100%;border-collapse:collapse;break-inside:avoid}.report-pairs th{background:#eceef1!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1px solid #b1bcc6;padding:4px 7px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.report-pairs td{border:1px solid #b1bcc6;padding:4px 7px;font-size:11px}.report-pairs .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.report-expenses{margin-top:14px}.report-note{margin-top:12px;font-size:11px}.report-signatures{margin-top:26px;display:flex;justify-content:space-between;font-size:11px}.report-footer{margin-top:22px;display:flex;justify-content:space-between;font-size:10px;color:#526a81}}
