:root{color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--surface-stripe: #f8fafc;--row-hover: #eef2f7;--border: #e2e8f0;--border-strong: #cbd5e1;--border-input: #7d8aa0;--text: #0f172a;--text-muted: #475569;--text-faint: #64748b;--text-inverse: #ffffff;--primary: #1e40af;--primary-hover: #1e3a8a;--primary-light: #eff6ff;--primary-contrast: var(--text-inverse);--primary-border: #bfdbfe;--danger: #dc2626;--danger-hover: #b91c1c;--danger-light: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--warning-border: #fcd9a8;--ok-on-dark: #86efac;--on-dark-subtle: rgba(255, 255, 255, .15);--on-dark-strong: rgba(255, 255, 255, .28);--warning: #b45309;--warning-light: #fffbeb;--ok: #15803d;--ok-light: #f0fdf4;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.5;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-sm-md: 12px;--space-md: 16px;--space-md-lg: 20px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius: 12px;--radius-sm: 8px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .16);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .25s;--ease-out: cubic-bezier(.2, 0, 0, 1);--touch-target: 44px;--overlay: rgba(15, 23, 42, .5);--overlay-strong: rgba(15, 23, 42, .85);--sidebar-width: 256px;--topbar-height: 56px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-bottom:96px;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{overscroll-behavior-y:contain}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:-.015em;line-height:var(--leading-tight);text-wrap:balance}h1{font-size:var(--text-2xl);font-weight:var(--weight-bold)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p:not([class*=banner]){max-width:75ch}.app-shell{min-height:100vh;min-height:100dvh;display:flex}.app-main{flex:1;min-width:0;padding:var(--space-xl) var(--space-xl);max-width:1320px;width:100%;margin:0 auto}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;height:100dvh;position:sticky;top:0;padding:max(var(--space-md-lg),env(safe-area-inset-top)) var(--space-md) max(var(--space-md-lg),env(safe-area-inset-bottom)) max(var(--space-md),env(safe-area-inset-left))}.sidebar-brand{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--text);padding:var(--space-xs) var(--space-sm) var(--space-md-lg)}.sidebar-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-contrast);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em}.sidebar-section{padding:0 var(--space-sm) var(--space-md)}.sidebar-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:var(--space-xs)}.sidebar-company-select{width:100%;padding:var(--space-sm) var(--space-sm);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--surface-alt);font-size:var(--text-base);font-weight:var(--weight-medium);min-height:var(--touch-target);color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1;padding:var(--space-xs) 0}.sidebar-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm-md);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:var(--weight-medium);font-size:var(--text-md);min-height:var(--touch-target);transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.sidebar-link:hover{background:var(--surface-alt);color:var(--text);text-decoration:none}.sidebar-link.active{background:var(--primary-light);color:var(--primary-hover);font-weight:var(--weight-semibold)}.sidebar-link-icon{display:inline-flex;flex-shrink:0}.sidebar-footer{border-top:1px solid var(--border);padding-top:var(--space-sm-md);margin-top:var(--space-sm)}.sidebar-user{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm) var(--space-sm-md)}.sidebar-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-hover);font-weight:var(--weight-semibold);font-size:var(--text-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{min-width:0}.sidebar-user-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-signout{display:flex;align-items:center;gap:var(--space-sm);width:100%;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-sm-md);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;min-height:var(--touch-target);transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.sidebar-signout:hover{background:var(--danger-light);color:var(--danger);border-color:transparent}.mobile-topbar,.sidebar-overlay{display:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-md-lg);box-shadow:var(--shadow-sm);scroll-margin-top:calc(var(--topbar-height) + var(--space-md-lg))}.page-toc{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-md-lg)}.page-toc a{padding:var(--space-xs) var(--space-sm-md);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);min-height:36px;display:inline-flex;align-items:center}.page-toc a:hover{background:var(--surface-alt);color:var(--text);text-decoration:none}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-md-lg);gap:var(--space-sm-md);flex-wrap:wrap}.page-header h1{margin:0}.page-header-main{min-width:0}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:32px;margin-bottom:var(--space-xs);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.back-link:hover{color:var(--primary);text-decoration:none}.page-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-sm-md)}.page-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm-md)}.panel-header h2,.panel-header h3{margin:0}.panel-title,.search-group h2{font-size:var(--text-lg);margin:0 0 var(--space-sm-md)}.search-group h2{margin-top:var(--space-md-lg)}.panel-header .panel-title{margin:0}.segmented{display:inline-flex;flex-wrap:wrap;gap:var(--space-2xs);padding:var(--space-2xs);margin-bottom:var(--space-md);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.segmented button{min-height:40px;padding:0 var(--space-sm-md);border:1px solid transparent;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.segmented button:hover{color:var(--text)}.segmented button:active{background:var(--border)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--primary-hover);font-weight:var(--weight-semibold);border-color:var(--border);box-shadow:var(--shadow-sm)}.segmented.compact{margin-bottom:0}.row-buttons{display:flex;gap:var(--space-sm);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);background:var(--primary);color:var(--primary-contrast);border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-md);font-weight:var(--weight-semibold);cursor:pointer;min-height:var(--touch-target);transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,transform var(--duration-fast) ease;box-shadow:var(--shadow-sm)}.btn:hover{background:var(--primary-hover)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.btn.secondary:hover{background:var(--surface-alt)}.btn.danger{background:var(--danger)}.btn.danger:hover{background:var(--danger-hover)}.btn.icon-btn{padding:0;min-width:var(--touch-target)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}table.data-grid{width:100%;border-collapse:collapse;background:var(--surface);font-size:var(--text-md);font-variant-numeric:tabular-nums}table.data-grid th,table.data-grid td{border-bottom:1px solid var(--border);padding:var(--space-sm) var(--space-sm-md);text-align:left}table.data-grid th{-webkit-user-select:none;user-select:none;background:var(--surface-alt);white-space:nowrap;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:var(--weight-semibold)}table.data-grid th.sortable{padding:0}.th-button{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-sm-md);border:none;background:none;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer}th.num .th-button{justify-content:flex-end}.th-button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}table.data-grid th.sortable:hover{background:var(--border);color:var(--text-muted)}.sort-indicator{display:inline-flex;opacity:.4}table.data-grid th.sortable:hover .sort-indicator,table.data-grid th[aria-sort=ascending] .sort-indicator,table.data-grid th[aria-sort=descending] .sort-indicator{opacity:1;color:var(--primary)}table.data-grid td{vertical-align:middle;line-height:var(--leading-snug)}table.data-grid .num{text-align:right;white-space:nowrap}table.data-grid .datetime{white-space:nowrap}table.data-grid .num,table.data-grid .datetime,.detail-field .value,.tile .tile-value{font-variant-numeric:tabular-nums lining-nums}table.data-grid tbody td{background:var(--surface);transition:background var(--duration-fast) ease}table.data-grid tbody tr:nth-child(2n) td{background:var(--surface-stripe)}table.data-grid tbody tr:hover td{background:var(--row-hover)}table.data-grid tbody tr:last-child td{border-bottom:none}table.data-grid th:first-child,table.data-grid td:first-child{position:sticky;left:0;box-shadow:1px 0 0 var(--border)}table.data-grid th:first-child{z-index:2}table.data-grid td:first-child{z-index:1}.empty-cell{text-align:center;color:var(--text-muted);padding:var(--space-lg) var(--space-md)!important}@media (min-width: 641px){table.data-grid td:first-child{white-space:nowrap}.grid-scroll.sticky-head{max-height:max(320px,calc(100dvh - 240px));overflow:auto}.grid-scroll.sticky-head thead th{position:sticky;top:0;z-index:2;box-shadow:inset 0 -1px 0 var(--border-strong)}.grid-scroll.sticky-head thead th:first-child{left:0;z-index:3;box-shadow:inset 0 -1px 0 var(--border-strong),1px 0 0 var(--border)}}@media (max-width: 640px){.grid-scroll:has(>table.stack-mobile){overflow:visible;border:none;background:transparent;border-radius:0}table.stack-mobile,table.stack-mobile tbody,table.stack-mobile tr,table.stack-mobile td{display:block;width:100%}table.stack-mobile{background:transparent}table.stack-mobile thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}table.stack-mobile tbody tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-sm);overflow:hidden}table.stack-mobile tbody td,table.stack-mobile tbody tr:nth-child(2n) td,table.stack-mobile tbody tr:hover td{position:static;box-shadow:none;background:transparent}table.stack-mobile td{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:var(--space-sm);align-items:center;text-align:left!important;white-space:normal;border-bottom:1px solid var(--border);padding:var(--space-sm) var(--space-sm-md)}table.stack-mobile td.datetime,table.stack-mobile td.num{white-space:normal}table.stack-mobile td>*{min-width:0}table.stack-mobile td:before{content:attr(data-label);white-space:normal;overflow-wrap:anywhere;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}table.stack-mobile td:first-child{grid-template-columns:1fr;background:var(--surface-alt);font-weight:var(--weight-semibold)}table.stack-mobile td:first-child:before,table.stack-mobile td:not([data-label]):before,table.stack-mobile td[data-label=""]:before{display:none}table.stack-mobile td:not([data-label]),table.stack-mobile td[data-label=""]{grid-template-columns:1fr}table.stack-mobile td:last-child{border-bottom:none}table.stack-mobile td.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}table.stack-mobile td.row-order{display:flex;align-items:center;gap:var(--space-xs)}table.stack-mobile td.row-order:before{display:block;margin-right:auto}table.stack-mobile .table-input{width:100%!important;min-width:0!important}table.stack-mobile .empty-cell{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface)!important}table.stack-mobile.sort-chips thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;display:block;margin-bottom:var(--space-sm)}table.stack-mobile.sort-chips thead tr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}table.stack-mobile.sort-chips thead tr:before{content:"Sort by";font-size:var(--text-sm);color:var(--text-muted);margin-right:var(--space-xs)}table.stack-mobile.sort-chips th{display:none}table.stack-mobile.sort-chips th.sortable{display:inline-flex;align-items:center;position:static;min-height:var(--touch-target);padding:0;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);box-shadow:none;text-transform:none;letter-spacing:0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text)}table.stack-mobile.sort-chips .th-button{min-height:var(--touch-target);padding:0 var(--space-sm-md)}table.stack-mobile.sort-chips th[aria-sort=ascending],table.stack-mobile.sort-chips th[aria-sort=descending]{border-color:var(--primary);background:var(--primary-light);color:var(--primary-hover)}}.grid-toolbar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm-md);flex-wrap:wrap;align-items:center}.grid-toolbar input,.grid-toolbar select{padding:var(--space-sm) var(--space-sm-md);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--surface);color:var(--text);min-height:var(--touch-target)}.grid-toolbar input:focus,.grid-toolbar select:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 0 4px var(--primary-light);outline:none}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-snug);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.badge.ok{background:var(--ok-light);color:var(--ok)}.badge.warning{background:var(--warning-light);color:var(--warning)}.badge.expired{background:var(--danger-light);color:var(--danger-text)}.badge.pending{background:var(--surface-alt);color:var(--text-muted)}.badge.approved{background:var(--ok-light);color:var(--ok)}.badge.rejected{background:var(--danger-light);color:var(--danger-text)}.badge.active{background:var(--ok-light);color:var(--ok)}.badge.upcoming{background:var(--primary-light);color:var(--primary-hover)}.badge.ended{background:var(--surface-alt);color:var(--text-muted)}.badge.company{color:var(--text-inverse)}.badge.manual{background:var(--surface-alt);color:var(--text-muted)}.badge.ai_auto_input{background:var(--primary-light);color:var(--primary-hover)}.badge.auto_mileage{background:var(--ok-light);color:var(--ok)}.status-dropdown{position:relative;padding-right:var(--space-lg);cursor:pointer}.status-dropdown select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:inherit;font:inherit;font-weight:var(--weight-semibold);padding:0;cursor:pointer}.status-dropdown svg{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);pointer-events:none;opacity:.7}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm-md)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field label,.form-field .field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-muted)}.form-field input,.form-field select,.form-field textarea{padding:var(--space-sm) var(--space-sm-md);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:inherit;min-height:42px;width:100%;background:var(--surface);color:var(--text);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.form-field input[type=checkbox],.form-field input[type=radio]{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--primary);flex-shrink:0}.form-field input:disabled{background:var(--surface-alt);color:var(--text-muted)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 0 4px var(--primary-light);outline:none}.form-field textarea{min-height:90px}.form-field.checkbox{flex-direction:row;align-items:center;gap:var(--space-sm)}.table-input,.input{font-size:var(--text-base);font-family:inherit;padding:var(--space-sm) var(--space-sm);border:1px solid var(--border-input);border-radius:var(--radius-sm);width:100%;background:var(--surface);color:var(--text);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.input{padding:var(--space-sm) var(--space-sm-md);min-height:var(--touch-target)}textarea.input{min-height:90px;resize:vertical}.table-input:focus,.input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 0 4px var(--primary-light);outline:none}fieldset.form-section{min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-md);background:var(--surface-alt)}fieldset.form-section legend{font-weight:var(--weight-semibold);padding:0 var(--space-sm);color:var(--text);font-size:var(--text-lg)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.form-actions .btn{min-width:120px}.form-actions.sticky{position:sticky;bottom:0;z-index:5;margin:var(--space-md) calc(-1 * var(--space-md)) calc(-1 * var(--space-md));padding:var(--space-sm-md) var(--space-md) calc(var(--space-sm-md) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius)}.error-summary{margin-bottom:var(--space-md);padding:var(--space-sm-md) var(--space-md);border:1px solid var(--danger-border);border-left:4px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-light);color:var(--danger-text)}.error-summary:focus{outline:2px solid var(--danger);outline-offset:2px}.error-summary h2{margin:0 0 var(--space-xs);font-size:var(--text-base)}.error-summary ul{margin:0;padding-left:var(--space-md-lg)}.error-summary a{color:var(--danger-text);text-decoration:underline}.form-note{margin:0 0 var(--space-sm-md);font-size:var(--text-sm);color:var(--text-muted)}.req{color:var(--danger);font-weight:var(--weight-semibold)}.optional{color:var(--text-muted);font-weight:var(--weight-regular)}.field-hint{margin:var(--space-xs) 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug)}.field-error{display:flex;align-items:flex-start;gap:var(--space-xs);margin:var(--space-xs) 0 0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--danger);line-height:var(--leading-snug)}.field-error svg{flex-shrink:0;margin-top:2px}.form-field [aria-invalid=true]{border-color:var(--danger)}.form-field [aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-light)}.file-input{font:inherit;font-size:var(--text-md);max-width:100%}.file-input::file-selector-button{font:inherit;font-weight:var(--weight-semibold);min-height:40px;margin-right:var(--space-sm-md);padding:0 var(--space-md);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--duration-fast) ease}.file-input::file-selector-button:hover{background:var(--surface-alt)}.upload-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:var(--space-sm-md);margin-bottom:var(--space-md)}.inline-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm-md)}.link-button{background:none;border:none;padding:var(--space-2xs) var(--space-xs);margin:calc(-1 * var(--space-2xs)) calc(-1 * var(--space-xs));font:inherit;color:var(--danger);cursor:pointer;border-radius:var(--radius-sm)}.link-button:hover{text-decoration:underline}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm-md) var(--space-md-lg)}.detail-field .label{font-size:var(--text-xs);color:var(--text-faint);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2xs)}.detail-field .value{font-size:var(--text-base);word-break:break-word}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm-md)}.tile{display:flex;flex-direction:column;align-items:flex-start;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 32px + var(--space-sm-md));box-shadow:var(--shadow-sm);position:relative}.tile-icon{position:absolute;left:var(--space-md);top:var(--space-md);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);flex-shrink:0}.tile-icon.warning{background:var(--warning-light);color:var(--warning)}.tile-icon.danger{background:var(--danger-light);color:var(--danger)}.tile .tile-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile .tile-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2xs);flex:1}.tile-cta{display:inline-flex;align-items:center;gap:var(--space-2xs);margin-top:var(--space-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--primary)}.tile.attention-warning{border-color:var(--warning-border)}.tile.attention-warning .tile-cta{color:var(--warning)}.tile.attention-danger{border-color:var(--danger-border)}.tile.attention-danger .tile-cta{color:var(--danger)}.tile-link{text-align:left;cursor:pointer;font-family:inherit;transition:box-shadow var(--duration-fast) ease,border-color var(--duration-fast) ease}.tile-link:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.tile-link:active{box-shadow:var(--shadow-sm);background:var(--surface-alt)}.search-wrap{position:relative;margin-bottom:var(--space-md-lg)}.search-wrap .search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.search-box{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 17px + var(--space-sm-md));font-size:var(--text-base);border:1px solid var(--border-input);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--surface)}.search-box:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 0 4px var(--primary-light);outline:none}.search-result,.doc-row,.note-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm-md) 0;border-bottom:1px solid var(--border);gap:var(--space-sm);flex-wrap:wrap}.note-row{flex-direction:column;align-items:flex-start}.note-meta{font-size:var(--text-xs);color:var(--text-faint)}.contract-photo{max-width:100%;border:1px solid var(--border);border-radius:var(--radius);cursor:zoom-in}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out;padding:var(--space-md)}.photo-lightbox{animation:fade-in var(--duration-base) ease-out}.lightbox-close{position:absolute;top:max(var(--space-md),env(safe-area-inset-top));right:var(--space-md);width:var(--touch-target);height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:var(--on-dark-subtle);color:var(--text-inverse);cursor:pointer}.lightbox-close:hover{background:var(--on-dark-strong)}.photo-button{display:block;padding:0;border:none;background:none;cursor:zoom-in;border-radius:var(--radius);max-width:100%}.photo-lightbox img{max-width:92vw;max-height:92vh;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.photo-history-strip{display:flex;gap:var(--space-sm-md);overflow-x:auto;margin-top:var(--space-sm-md);padding-bottom:var(--space-xs)}.photo-history-item{flex:0 0 auto;width:120px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:var(--space-xs);cursor:pointer;text-align:left}.photo-history-item img{width:100%;height:80px;object-fit:cover;border-radius:var(--radius-sm);display:block}.photo-history-caption{display:block;font-size:var(--text-xs);color:var(--text-faint);margin-top:var(--space-xs)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-md)}.modal-panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-lg);width:100%;max-width:640px;max-height:85vh;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.modal-title{margin:0 0 var(--space-sm-md)}.modal-message{margin:0}.modal-panel:focus{outline:none}.modal-overlay{animation:fade-in var(--duration-base) ease-out}.modal-panel{animation:rise-in var(--duration-base) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.toast-region{position:fixed;right:var(--space-md);bottom:calc(var(--space-md) + env(safe-area-inset-bottom));z-index:1200;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);width:min(420px,calc(100vw - 2 * var(--space-md)));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-sm);width:100%;padding:var(--space-sm-md) var(--space-sm) var(--space-sm-md) var(--space-sm-md);background:var(--text);color:var(--text-inverse);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:var(--text-md);line-height:var(--leading-snug);animation:rise-in var(--duration-base) var(--ease-out)}.toast-icon{display:inline-flex;flex-shrink:0;margin-top:1px}.toast.success .toast-icon{color:var(--ok-on-dark)}.toast.error{background:var(--danger)}.toast-message{flex:1;min-width:0;overflow-wrap:anywhere}.toast-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-6px 0;border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;opacity:.8;cursor:pointer}.toast-close:hover{opacity:1;background:var(--on-dark-subtle)}.state-message{display:flex;align-items:center;gap:var(--space-sm-md);padding:var(--space-md);color:var(--text-muted)}.state-message.loading{font-size:var(--text-md)}.state-message.empty{align-items:flex-start;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface)}.state-icon{display:inline-flex;flex-shrink:0;color:var(--text-faint)}.state-title{font-weight:var(--weight-semibold);color:var(--text)}.state-hint{margin-top:var(--space-2xs);font-size:var(--text-md)}.app-boot{padding:var(--space-xl);color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-md);top:-100px;z-index:1300;padding:var(--space-sm) var(--space-md);background:var(--primary);color:var(--primary-contrast);border-radius:var(--radius-sm);font-weight:var(--weight-semibold)}.skip-link:focus{top:var(--space-sm);text-decoration:none}.app-main:focus{outline:none}.diff-table-wrap{overflow-x:auto}.diff-table td,.diff-table th{vertical-align:top}table.data-grid.diff-table tbody tr.diff-row-removed td{background:var(--danger-light)}table.data-grid.diff-table tbody tr.diff-row-new td{background:var(--ok-light)}.changelog-entry{padding:var(--space-sm-md) 0;border-bottom:1px solid var(--border)}.changelog-entry:last-child{border-bottom:none}.changelog-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xs)}.changelog-fields{margin:0;padding-left:var(--space-md);font-size:var(--text-md)}.changelog-fields li{margin-bottom:var(--space-2xs)}.muted{color:var(--text-muted)}.error-banner{background:var(--danger-light);color:var(--danger-text);padding:var(--space-sm-md) var(--space-sm-md);border-radius:var(--radius-sm);margin-bottom:var(--space-sm-md);font-size:var(--text-base);border:1px solid var(--danger-border)}.info-banner{background:var(--primary-light);color:var(--primary-hover);padding:var(--space-sm-md) var(--space-sm-md);border-radius:var(--radius-sm);margin-bottom:var(--space-sm-md);font-size:var(--text-base);border:1px solid var(--primary-border)}@media (pointer: coarse){.status-dropdown select{font-size:var(--text-base)}.back-link,.segmented button,.toast-close{min-height:var(--touch-target)}.toast-close{width:var(--touch-target);margin:-10px -4px -10px 0}.link-button{padding:var(--space-sm-md) var(--space-sm);margin:calc(-1 * var(--space-sm-md)) 0}.file-input::file-selector-button{min-height:var(--touch-target)}.page-toc a{min-height:var(--touch-target)}}@media (max-width: 900px){.app-shell{flex-direction:column}html{scroll-padding-top:calc(var(--topbar-height) + env(safe-area-inset-top) + var(--space-sm))}.mobile-topbar{display:flex;align-items:center;gap:var(--space-sm-md);height:calc(var(--topbar-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-md) 0;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.mobile-brand{font-weight:var(--weight-bold);font-size:var(--text-base)}.nav-toggle{background:transparent;border:none;color:var(--text);padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);margin-left:calc((var(--touch-target) - 24px) / -2);border-radius:var(--radius-sm)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:199}.sidebar{position:fixed;top:0;left:0;height:100dvh;z-index:200;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--shadow-lg);padding-top:max(var(--space-md-lg),env(safe-area-inset-top))}.sidebar.open{transform:translate(0)}.app-main{padding:var(--space-md-lg) var(--space-md) calc(var(--space-md-lg) + env(safe-area-inset-bottom))}.page-header h1{font-size:var(--text-xl)}.upload-form,.form-grid,.detail-grid{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.tiles{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.page-header{flex-direction:column;align-items:stretch}.page-actions{justify-content:stretch}.page-actions>.btn{flex:1 1 auto}.toast-region{left:var(--space-md);right:var(--space-md);width:auto;align-items:stretch}.segmented{display:flex}.segmented button{flex:1 1 auto}.search-result{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}