@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,600,700&display=swap";:root,[data-theme=light]{--color-bg: #f5f4f0;--color-surface: #f9f8f5;--color-surface-2: #ffffff;--color-surface-offset: #eeecea;--color-surface-dynamic: #e4e2dd;--color-divider: #dbd8d3;--color-border: #d0cdc7;--color-text: #1e1c16;--color-text-muted: #6e6d68;--color-text-faint: #b0aea9;--color-text-inverse: #f9f8f4;--color-primary: #01696f;--color-primary-hover: #0c4e54;--color-primary-active: #0f3638;--color-primary-hl: #cddcda;--color-success: #437a22;--color-success-hl: #d2dfcc;--color-warning: #964219;--color-warning-hl: #ddd0c7;--color-error: #a82323;--color-error-hl: #e3cfcf;--r-sm: .25rem;--r-md: .375rem;--r-lg: .5rem;--r-xl: .75rem;--r-full: 9999px;--shadow-sm: 0 1px 2px oklch(.2 .01 80 / .06);--shadow-md: 0 4px 12px oklch(.2 .01 80 / .09);--shadow-lg: 0 12px 32px oklch(.2 .01 80 / .13);--tx: .16s cubic-bezier(.16, 1, .3, 1);--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.8125rem, .78rem + .2vw, .875rem);--text-base: clamp(.875rem, .85rem + .15vw, .9375rem);--text-lg: clamp(1rem, .95rem + .25vw, 1.125rem);--text-xl: clamp(1.125rem, 1rem + .5vw, 1.375rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--w-narrow: 640px;--w-default: 960px;--w-wide: 1200px;--font-body: "Satoshi", "Inter", system-ui, sans-serif}[data-theme="dark"],@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #141311;--color-surface: #1a1917;--color-surface-2: #1f1e1c;--color-surface-offset: #1c1b19;--color-surface-dynamic: #2a2926;--color-divider: #252421;--color-border: #353330;--color-text: #d0cfc9;--color-text-muted: #7a7975;--color-text-faint: #4f4e4b;--color-text-inverse: #1e1c16;--color-primary: #4c969f;--color-primary-hover: #247f8b;--color-primary-active: #1a636b;--color-primary-hl: #2e3b3c;--color-success: #6aaa42;--color-success-hl: #323f2e;--color-warning: #c06630;--color-warning-hl: #4a3c33;--color-error: #cc4444;--color-error-hl: #4a2c2c;--shadow-sm: 0 1px 2px oklch(0 0 0 / .25);--shadow-md: 0 4px 12px oklch(0 0 0 / .35);--shadow-lg: 0 12px 32px oklch(0 0 0 / .45)}}[data-theme=dark]{--color-bg: #141311;--color-surface: #1a1917;--color-surface-2: #1f1e1c;--color-surface-offset: #1c1b19;--color-surface-dynamic: #2a2926;--color-divider: #252421;--color-border: #353330;--color-text: #d0cfc9;--color-text-muted: #7a7975;--color-text-faint: #4f4e4b;--color-text-inverse: #1e1c16;--color-primary: #4c969f;--color-primary-hover: #247f8b;--color-primary-active: #1a636b;--color-primary-hl: #2e3b3c;--color-success: #6aaa42;--color-success-hl: #323f2e;--color-warning: #c06630;--color-warning-hl: #4a3c33;--color-error: #cc4444;--color-error-hl: #4a2c2c;--shadow-sm: 0 1px 2px oklch(0 0 0 / .25);--shadow-md: 0 4px 12px oklch(0 0 0 / .35);--shadow-lg: 0 12px 32px oklch(0 0 0 / .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:16px;scroll-padding-top:var(--sp-16)}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-text);background:var(--color-bg)}img,svg{display:block;max-width:100%}button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}table{border-collapse:collapse;width:100%}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty;max-width:72ch}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page-wrap{max-width:var(--w-wide);margin:0 auto;padding:var(--sp-8) var(--sp-6)}.page-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--sp-1)}.page-sub{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--sp-6)}.section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:var(--sp-3)}.divider{border:none;border-top:1px solid var(--color-divider);margin:var(--sp-4) 0}.loading-wrap{display:flex;justify-content:center;align-items:center;min-height:200px}.card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);height:48px;background:var(--color-surface-2);border-bottom:1px solid var(--color-divider);flex-shrink:0}.navbar-brand{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em;text-decoration:none;color:var(--color-text)}.navbar-brand img{flex-shrink:0}.navbar-actions{display:flex;align-items:center;gap:var(--sp-2)}.nav-link{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);border-radius:var(--r-md);transition:color var(--tx),background var(--tx)}.nav-link:hover{color:var(--color-text);background:var(--color-surface-offset)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-hl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;white-space:nowrap;transition:background var(--tx),color var(--tx),box-shadow var(--tx)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-radius:var(--r-md);transition:color var(--tx),background var(--tx)}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-offset)}.btn-ghost.btn-danger:hover{color:var(--color-error);background:var(--color-error-hl)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);background:var(--color-error);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--r-md);transition:background var(--tx);white-space:nowrap}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs)}.btn-xs{padding:2px var(--sp-2);font-size:var(--text-xs)}.btn-full{width:100%}.tab-bar{display:flex;align-items:center;gap:var(--sp-1);flex-shrink:0}.tab-btn{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);border-radius:var(--r-md);border:1px solid transparent;background:none;cursor:pointer;white-space:nowrap;transition:color var(--tx),background var(--tx),border-color var(--tx)}.tab-btn:hover{color:var(--color-text);background:var(--color-surface-offset)}.tab-btn--active{color:var(--color-primary);background:var(--color-primary-hl);border-color:transparent;font-weight:600}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.input{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--tx),box-shadow var(--tx)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-hl)}.input::placeholder{color:var(--color-text-faint)}.input-sm{padding:var(--sp-1) var(--sp-2);font-size:var(--text-xs)}.flash{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);margin-bottom:var(--sp-4)}.flash-error{background:var(--color-error-hl);color:var(--color-error)}.flash-success{background:var(--color-success-hl);color:var(--color-success)}.field-error{font-size:var(--text-xs);color:var(--color-error);padding:var(--sp-2) var(--sp-3);background:var(--color-error-hl);border-radius:var(--r-md)}.toast-area{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:100;display:flex;flex-direction:column;gap:var(--sp-2)}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);font-size:var(--text-sm);min-width:240px;max-width:360px;animation:toast-in .2s cubic-bezier(.16,1,.3,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-info{border-left:3px solid var(--color-primary)}.toast-close{margin-left:auto;flex-shrink:0;color:var(--color-text-faint);padding:2px;border-radius:var(--r-sm)}.toast-close:hover{color:var(--color-text)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-full);font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.badge-success{background:var(--color-success-hl);color:var(--color-success)}.badge-warning{background:var(--color-warning-hl);color:var(--color-warning)}.badge-primary{background:var(--color-primary-hl);color:var(--color-primary)}.badge-neutral{background:var(--color-surface-dynamic);color:var(--color-text-muted)}.badge-error{background:var(--color-error-hl);color:var(--color-error)}.badge-new,.badge-form_received{background:var(--color-primary-hl);color:var(--color-primary)}.badge-awaiting_form{background:var(--color-warning-hl);color:var(--color-warning)}.badge-in_review,.badge-in_service{background:#e7e0f8;color:#5b21b6}.badge-awaiting_parts{background:var(--color-warning-hl);color:var(--color-warning)}.badge-awaiting_customer,.badge-quote_sent{background:#fdeee5;color:#9a3412}.badge-completed{background:var(--color-success-hl);color:var(--color-success)}.badge-closed{background:var(--color-surface-dynamic);color:var(--color-text-muted)}.badge-cancelled{background:var(--color-error-hl);color:var(--color-error)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid color-mix(in oklab,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .75s linear infinite;color:var(--color-primary)}.table-wrap{overflow:auto;flex:1}.data-table{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.data-table thead{position:sticky;top:0;z-index:1}.data-table th{padding:var(--sp-2) var(--sp-3);background:var(--color-surface-offset);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-divider);-webkit-user-select:none;user-select:none}.data-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--color-divider);vertical-align:middle;white-space:nowrap}.data-table tbody tr{transition:background var(--tx)}.data-table tbody tr:hover{background:var(--color-surface-offset)}.col-num{text-align:right}.col-mono{font-family:ui-monospace,monospace;font-size:var(--text-xs)}.col-date{color:var(--color-text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);flex:1;padding:var(--sp-12) var(--sp-8);color:var(--color-text-faint);text-align:center}.empty-state h3{color:var(--color-text)}.empty-state p{font-size:var(--text-sm);max-width:28ch;color:var(--color-text-muted)}.empty-state-sm{padding:var(--sp-8)}@media (max-width: 640px){.page-wrap{padding:var(--sp-4)}.navbar{padding:0 var(--sp-4)}}