:root{--paper:#f6f8f5;--surface:#ffffff;--ink:#12211d;--ink-muted:#5b6b62;--ink-faint:#93a19a;--rule:#e2e8e0;--rule-hover:#d1dbce;--brand:#1e7f5c;--brand-hover:#133f2c;--brand-pressed:#0c2e20;--brand-deep:#081d15;--brand-wash:#e4f1ea;--brand-pale:#eef6f1;--brand-ring:rgba(30,127,92,0.16);--pending:#8a5a0e;--pending-bg:#fbebd3;--sent:#6d28d9;--sent-bg:#ede9fe;--ok:#133f2c;--ok-bg:#e4f1ea;--fail:#c1483a;--fail-bg:#fbe7e3;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--r-control:8px;--r-panel:11px;--r-card:14px;--r-stamp:2px;--shadow-sm:0 16px 30px -14px rgba(18,33,29,0.35);--shadow-md:0 20px 45px -22px rgba(18,33,29,0.3);--shadow-brand:0 8px 24px rgba(30,127,92,0.2);--overlay-scrim:rgba(12,22,17,0.35);--sidebar:#12211d;--sidebar-active:#274438;--sidebar-text:#b7c7bc;--sidebar-text-active:#ffffff;--sidebar-accent:#e8a33d;--nav-width:240px;--content-max-width:1440px;--content-margin:32px;--font-ui:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:var(--font-fraunces),"Fraunces",Georgia,serif;--text-page-title:600 32px/44px var(--font-display);--text-section:600 25px/32px var(--font-display);--text-subsection:500 20px/28px var(--font-display);--text-body:400 16px/24px var(--font-ui);--text-table-data:400 16px/24px var(--font-ui);--text-label:500 14px/20px var(--font-ui);--text-meta:400 13px/18px var(--font-ui)}body{background:var(--paper);color:var(--ink);font:var(--text-body);margin:0}.app-shell{display:flex;min-height:100vh}.app-nav{display:flex;flex-direction:column;width:var(--nav-width);flex:0 0 var(--nav-width);background:var(--sidebar);box-sizing:border-box;height:100vh;height:100dvh;position:-webkit-sticky;position:sticky;top:0;overscroll-behavior:contain;padding:var(--s6) var(--s4) var(--s4)}.app-nav-brand{display:flex;align-items:center;gap:var(--s2)}.app-nav-mark{width:24px;height:24px;flex-shrink:0}.app-nav-title{font:600 18px/24px var(--font-ui);color:var(--sidebar-text-active);margin:0}.app-nav-title strong{color:var(--sidebar-accent);font-weight:500}.app-nav-caption{margin:var(--s8) 0 var(--s2) var(--s2);color:var(--sidebar-text);font:var(--text-meta)}.app-nav-list{flex:1 1;min-height:0;list-style:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain}.app-nav-group-toggle,.app-nav-item>a{display:flex;min-height:44px;align-items:center;gap:var(--s3);margin:0;padding:0 var(--s3);border-radius:var(--r-control);font:var(--text-label);color:var(--sidebar-text);text-decoration:none;transition:background-color .14s ease,color .14s ease}.app-nav-group-toggle:focus-visible,.app-nav-group-toggle:hover,.app-nav-item>a:focus-visible,.app-nav-item>a:hover{background:var(--sidebar-active);color:var(--sidebar-text-active)}.app-nav-group-toggle:focus-visible,.app-nav-item>a:focus-visible,.app-nav-logout:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px}.app-nav-item.active>a{background:var(--sidebar-active);color:var(--sidebar-text-active)}.app-nav-marker{width:7px;height:7px;flex:0 0 7px;border:1px solid;border-radius:50%}.app-nav-item.active>a .app-nav-marker{border-color:var(--sidebar-accent);background:var(--sidebar-accent)}.app-nav-link-content{display:inline-flex;align-items:center;gap:var(--s3)}.app-nav-group-toggle{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.app-nav-group-toggle[aria-expanded=true]{color:var(--sidebar-text-active)}.app-nav-group-chevron{transition:transform .18s ease}.app-nav-group-toggle[aria-expanded=true] .app-nav-group-chevron{transform:rotate(180deg)}.app-nav-sublist{list-style:none;margin:0;padding:0}.app-nav-sublist .app-nav-item>a{padding-left:var(--s6)}.app-nav-account{display:grid;grid-gap:var(--s3);gap:var(--s3);padding-top:var(--s4)}.app-nav-account-identity{display:flex;min-width:0;align-items:center;gap:var(--s2);padding:var(--s2);border-top:1px solid var(--sidebar-active)}.app-nav-account-avatar{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;color:var(--sidebar-text-active);background:var(--sidebar-active);font:var(--text-label)}.app-nav-account-text{display:grid;min-width:0;grid-gap:var(--s1);gap:var(--s1);font:var(--text-meta)}.app-nav-account-text span,.app-nav-account-text strong{overflow:hidden;color:var(--sidebar-text);text-overflow:ellipsis;white-space:nowrap}.app-nav-account-text strong{color:var(--sidebar-text-active);font-weight:500}.app-nav-logout{min-height:40px;border:1px solid var(--sidebar-active);border-radius:var(--r-control);color:var(--sidebar-text-active);background:transparent;cursor:pointer;font:var(--text-label)}.app-nav-logout:hover{background:var(--sidebar-active)}.app-nav-item.disabled span{color:rgba(183,199,188,.4);cursor:not-allowed}.app-mobile-topbar{display:none}.app-nav-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--rule);border-radius:var(--r-control);cursor:pointer;color:var(--ink);font-size:18px;line-height:1;flex-shrink:0}.app-nav-toggle:hover{background:var(--paper)}.app-nav-backdrop{display:none}@media (max-width:1024px){.app-mobile-topbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface);border-bottom:1px solid var(--rule);position:-webkit-sticky;position:sticky;top:0;z-index:60}.app-mobile-topbar .app-nav-title{color:var(--ink)}.app-nav-toggle{display:inline-flex}.app-nav{position:fixed;top:0;left:0;z-index:90;transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--shadow-md)}.app-nav.open{transform:translateX(0)}.app-nav-backdrop{display:block;position:fixed;inset:0;background:var(--overlay-scrim);z-index:80}}.app-main{flex:1 1;min-width:0;max-width:var(--content-max-width);margin:0 auto;padding:var(--s8);width:100%}@media (max-width:1024px){.app-main{padding:var(--s4)}}.app-topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding-bottom:var(--s4);margin-bottom:var(--s6);border-bottom:1px solid var(--rule)}.page-title{font:var(--text-page-title);margin:0}.cg-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--rule);display:block}.cg-table,.cg-table-scroll{overflow-x:auto;max-width:100%}.cg-table-scroll .cg-table{display:table;overflow:visible;max-width:none}.cg-table thead th{text-align:left;font:var(--text-label);color:var(--ink-muted);border-bottom:1px solid var(--rule);padding:var(--s2) var(--s3);position:-webkit-sticky;position:sticky;top:0;background:var(--surface)}.cg-table tbody tr{height:48px}.cg-table tbody tr:hover{background:var(--paper)}.cg-table td{border-bottom:1px solid var(--rule);padding:0 var(--s3);font:var(--text-body)}.cg-table td.mono,.mono{font:var(--text-table-data);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cg-table td.actions,.cg-table th.actions{text-align:right}.cg-table tbody tr.clickable{cursor:pointer}.cg-table td.select,.cg-table th.select{width:40px}.cg-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cg-table th.sortable .sort-indicator{display:inline-block;margin-left:var(--s1);color:var(--ink-faint)}.cg-table th.sortable.active .sort-indicator{color:var(--ink)}.row-menu{position:relative;display:inline-block}.row-menu-trigger{background:transparent;border:none;cursor:pointer;color:var(--ink-muted);font:var(--text-body);padding:var(--s1) var(--s2);border-radius:var(--r-control);line-height:1}.row-menu-trigger:hover{background:var(--paper)}.row-menu-list{position:absolute;right:0;top:100%;margin-top:var(--s1);background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-panel);box-shadow:var(--shadow-sm);min-width:160px;z-index:20;padding:var(--s1) 0}.row-menu-list button{display:block;width:100%;text-align:left;background:none;border:none;padding:var(--s2) var(--s3);font:var(--text-body);color:var(--ink);cursor:pointer}.row-menu-list button:hover{background:var(--paper)}.table-toolbar{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.table-toolbar .search{flex:1 1;max-width:320px;font:var(--text-body);padding:var(--s2) var(--s3);border:1px solid var(--rule);border-radius:var(--r-control);background:var(--surface);color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-toolbar .search::placeholder{color:var(--ink-faint)}.table-toolbar .search:hover{border-color:var(--rule-hover)}.table-toolbar .search:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.selection-bar{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);padding:var(--s2) var(--s4);background:var(--brand-wash);border-radius:var(--r-control)}.selection-bar .count{font:var(--text-label);color:var(--ink)}.selection-bar .actions{display:flex;gap:var(--s2);margin-left:var(--s2)}.selection-bar .close{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ink-muted);font-size:16px;line-height:1}.table-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s4);font:var(--text-meta);color:var(--ink-muted)}.table-pagination .controls{display:flex;gap:var(--s2)}.status-badge{display:inline-block;padding:var(--s1) var(--s3);border-radius:999px;font:var(--text-meta);font-weight:600}.status-badge.ok{background:var(--ok-bg);color:var(--ok)}.status-badge.pending{background:var(--pending-bg);color:var(--pending)}.status-badge.sent{background:var(--sent-bg);color:var(--sent)}.status-badge.fail{background:var(--fail-bg);color:var(--fail)}.status-badge.ink-muted{background:var(--rule);color:var(--ink-muted)}.stamp{display:inline-block;color:var(--brand);border:1.5px solid var(--brand);border-radius:var(--r-stamp);padding:var(--s1) var(--s3);transform:rotate(-2deg);letter-spacing:.08em;font-weight:600;font-size:14px}.form-field{display:flex;flex-direction:column;gap:var(--s1);margin-bottom:var(--s4);max-width:420px}.form-field label{font:var(--text-label);color:var(--ink)}.form-field label .required-marker{color:var(--fail);margin-left:var(--s1)}select{max-width:100%;font:var(--text-body);padding:var(--s2) var(--s3);border:1px solid var(--rule);border-radius:var(--r-control);background:var(--surface);color:var(--ink)}select:hover:not(:disabled){border-color:var(--rule-hover)}select:focus-visible{outline:2px solid var(--brand);outline-offset:2px;box-shadow:0 0 0 3px var(--brand-ring)}select:disabled{background:var(--paper);color:var(--ink-faint);cursor:not-allowed}.form-field input,.form-field select,.form-field textarea{font:var(--text-body);padding:var(--s2) var(--s3);border:1px solid var(--rule);border-radius:var(--r-control);background:var(--surface);color:var(--ink)}.form-field input:hover:not(:disabled),.form-field select:hover:not(:disabled),.form-field textarea:hover:not(:disabled){border-color:var(--rule-hover)}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:var(--paper);color:var(--ink-faint);cursor:not-allowed}.form-field .hint{font:var(--text-meta);color:var(--ink-muted)}.form-field .error{font:var(--text-meta);color:var(--fail)}.filter-bar{display:flex;gap:var(--s3);flex-wrap:wrap}.filter-bar input,.filter-bar select{font:var(--text-body);padding:var(--s2) var(--s3);border:1px solid var(--rule);border-radius:var(--r-control);background:var(--surface);color:var(--ink)}.filter-bar input:hover:not(:disabled),.filter-bar select:hover:not(:disabled){border-color:var(--rule-hover)}.filter-bar input:focus-visible,.filter-bar select:focus-visible{outline:2px solid var(--brand);outline-offset:2px;box-shadow:0 0 0 3px var(--brand-ring)}.button{display:inline-block;font:var(--text-label);padding:var(--s2) var(--s4);border-radius:var(--r-control);border:1px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none}.button:hover{background:var(--paper);border-color:var(--rule-hover)}.button:active:not(:disabled){background:var(--rule)}.button.primary{background:var(--brand);border-color:var(--brand);color:var(--surface);font-weight:600}.button.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);opacity:1}.button.primary:active:not(:disabled){background:var(--brand-pressed);border-color:var(--brand-pressed)}.button.danger{border-color:var(--fail);color:var(--fail);background:var(--surface)}.button.danger:active:not(:disabled),.button.danger:hover{background:var(--fail-bg);border-color:var(--fail)}.button.danger:active:not(:disabled){opacity:.85}.button.ghost{border-color:transparent;background:transparent;color:var(--ink-muted)}.button.ghost:hover{background:var(--paper);color:var(--ink);border-color:transparent}.button:disabled{opacity:.5;cursor:not-allowed}.form-field input:focus-visible,.form-field select:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{box-shadow:0 0 0 3px var(--brand-ring)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-scrim);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--s4)}.modal{background:var(--surface);border-radius:var(--r-card);padding:var(--s8);max-width:min(480px,calc(100vw - 2 * var(--s4) - 2 * var(--s8)));min-width:0;width:100%;box-shadow:var(--shadow-md);max-height:85vh;overflow-y:auto}.modal.wide{max-width:min(720px,calc(100vw - 2 * var(--s4) - 2 * var(--s8)))}.trace{display:flex;flex-direction:column;margin:var(--s4) 0 var(--s8);padding-bottom:var(--s2);border-bottom:1px solid var(--rule)}.trace-step{display:flex;gap:var(--s3);padding-bottom:var(--s5);position:relative}.trace-step:not(:last-child):before{content:"";position:absolute;left:5px;top:16px;bottom:0;width:2px;background:var(--rule)}.trace-dot{width:12px;height:12px;min-width:12px;border-radius:999px;margin-top:4px;background:var(--ink-faint)}.trace-dot--ok{background:var(--ok)}.trace-dot--pending{background:var(--pending)}.trace-dot--sent{background:var(--sent)}.trace-dot--fail{background:var(--fail)}.trace-dot--ink-muted{background:var(--ink-muted)}.trace-step-body{flex:1 1;min-width:0}.trace-step-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3)}.trace-step-head .timestamp{font:var(--text-meta);color:var(--ink-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trace-error{margin-top:var(--s1)}.trace-error summary{cursor:pointer;font:var(--text-meta);color:var(--fail)}.trace-error p{margin:var(--s1) 0 0;font:var(--text-meta);color:var(--ink-muted);white-space:pre-wrap}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.modal h2{font:var(--text-section);margin:0}.modal-close-btn{flex:none;width:28px;height:28px;border-radius:var(--r-card);border:none;background:transparent;color:var(--ink-muted);font-size:20px;line-height:1;cursor:pointer}.modal-close-btn:hover{background:var(--surface-muted,var(--rule));color:var(--ink)}.banner-error{background:var(--fail-bg);color:var(--fail);border-radius:var(--r-control);padding:var(--s3) var(--s4);margin-bottom:var(--s4);font:var(--text-body)}.empty-state{color:var(--ink-muted);font:var(--text-body);padding:var(--s8) 0}.home-summary{display:flex;flex-direction:column}.home-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}.home-summary-row:hover{background:var(--paper)}.home-summary-row .label{font:var(--text-body);color:var(--ink)}.home-summary-row .count{font:var(--text-subsection);color:var(--ink)}.home-summary-row.urgent .count{color:var(--fail)}.file-list{list-style:none;margin:0 0 var(--s4);padding:0;display:flex;flex-direction:column;gap:var(--s1)}.file-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);font:var(--text-meta)}.file-list li,.segmented-control{border:1px solid var(--rule);border-radius:var(--r-control)}.segmented-control{display:inline-flex;overflow:hidden;margin-bottom:var(--s4)}.segmented-control button{font:var(--text-label);padding:var(--s2) var(--s4);border:none;border-right:1px solid var(--rule);background:var(--surface);color:var(--ink-muted);cursor:pointer}.segmented-control button:last-child{border-right:none}.segmented-control button:hover{background:var(--paper)}.segmented-control button.active{background:var(--brand-wash);color:var(--brand-hover);font-weight:600}.form-section-title{font:var(--text-label);color:var(--ink-muted);margin:var(--s6) 0 var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--rule)}.form-section-title:first-child{margin-top:0}.chip-row{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}.chip-preset{font:var(--text-meta);padding:var(--s1) var(--s3);border-radius:var(--r-control);border:1px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer}.chip-preset:disabled,.chip-preset:hover{background:var(--paper)}.chip-preset:disabled{opacity:.6;cursor:default;color:var(--ink-muted)}.chip{display:inline-flex;align-items:center;gap:var(--s2);font:var(--text-meta);font-weight:500;padding:var(--s1) var(--s2) var(--s1) var(--s3);border-radius:var(--r-control);background:var(--brand-wash)}.chip,.chip button{color:var(--brand-hover)}.chip button{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0}.chip button:hover{color:var(--brand-pressed)}.chip-custom-add{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s4)}.chip-custom-add input{font:var(--text-meta);padding:var(--s1) var(--s2);border:1px solid var(--rule);border-radius:var(--r-control);background:var(--surface);color:var(--ink);width:72px}.chip-custom-add .button{font:var(--text-meta);padding:var(--s1) var(--s3)}.line-items-editor{margin-bottom:var(--s4)}.line-item-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--rule)}.line-item-row input,.line-item-row select{font:var(--text-body);padding:var(--s2) var(--s3);border:1px solid var(--rule);border-radius:var(--r-control);background:var(--surface);color:var(--ink)}.line-item-row .line-item-description{flex:2 1;min-width:0}.line-item-row .line-item-amount,.line-item-row .line-item-discount-type,.line-item-row .line-item-discount-value{flex:1 1;min-width:0}.line-item-row .line-item-quantity{flex:0 0 72px;text-align:center}.line-item-row .line-item-total{flex:1 1;text-align:right;font:var(--text-table-data);white-space:nowrap}.line-item-row .line-item-remove{background:none;border:none;cursor:pointer;color:var(--fail);font-size:16px;line-height:1;padding:var(--s1)}.line-items-grand-total{display:flex;justify-content:flex-end;align-items:baseline;gap:var(--s3);padding:var(--s3) 0 0;font:var(--text-label)}.line-items-grand-total .amount{font:var(--text-table-data);font-weight:600;color:var(--ink)}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}.card--padding{padding:var(--s6)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s4)}.card__title{margin:0;font:var(--text-subsection)}.card__description{margin:var(--s1) 0 0;font:var(--text-meta);color:var(--ink-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4)}.stat-card{padding:var(--s4);border:1px solid var(--rule);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-sm)}.stat-card__label{margin-bottom:var(--s2);font:var(--text-label);color:var(--ink-muted)}.stat-card__value{font-size:27px;line-height:1;font-weight:700;letter-spacing:-.7px;color:var(--ink)}.stat-card__change{margin-top:var(--s2);font:var(--text-meta);font-weight:700;color:var(--ok)}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--rule);border-radius:var(--r-card)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s1) 0;font:var(--text-body);font-weight:500;cursor:pointer}.switch-control{position:relative;display:inline-flex;width:34px;height:19px;flex-shrink:0}.switch-control input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch-track{position:absolute;inset:0;border-radius:999px;background:var(--rule);transition:background .15s ease}.switch-track:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--surface);top:2.5px;left:2.5px;transition:transform .15s ease}.switch-control input:checked+.switch-track{background:var(--brand)}.switch-control input:checked+.switch-track:after{transform:translateX(15px)}.switch-control input:focus-visible+.switch-track{outline:2px solid var(--brand);outline-offset:2px}.switch-control input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.password-input{position:relative}.password-input input{box-sizing:border-box;width:100%;padding-right:64px}.password-toggle{position:absolute;top:50%;right:var(--s2);transform:translateY(-50%);background:none;border:none;padding:var(--s1) var(--s2);font:var(--text-meta);font-weight:600;color:var(--ink-muted);cursor:pointer}.password-toggle:hover{color:var(--brand)}.auth-brand{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s6)}.auth-brand img{flex-shrink:0}.auth-brand h1,.auth-brand span{font:var(--text-section);color:var(--ink);margin:0}.auth-switch{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--rule);text-align:center;font:var(--text-meta);color:var(--ink-muted)}.auth-switch a{color:var(--brand);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.stepper{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s6)}.stepper-step{font:var(--text-meta);font-weight:600;padding:var(--s1) var(--s4);border-radius:999px;background:var(--surface);border:1px solid var(--rule);color:var(--ink-muted)}.stepper-step.done{background:var(--brand-wash);color:var(--brand-hover);border-color:transparent}.stepper-step.current{background:var(--ink);color:var(--surface);border-color:transparent}.landing-wrap{max-width:1180px;margin:0 auto;padding:0 var(--s6)}.landing-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:var(--s3);padding:var(--s6) 0}.landing-nav-brand{display:flex;align-items:center;gap:var(--s2);font:var(--text-subsection)}.landing-nav-links{display:flex;flex-wrap:wrap;gap:var(--s6);font:var(--text-label);color:var(--ink-muted)}.landing-nav-links a{color:var(--ink-muted);text-decoration:none}.landing-nav-links a:hover{color:var(--ink)}@media (max-width:640px){.landing-nav-links{order:3;width:100%;justify-content:center;gap:var(--s4)}}.landing-hero{padding:var(--s8) 0 96px;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:var(--s12);gap:var(--s12);align-items:center}@media (max-width:900px){.landing-hero{grid-template-columns:1fr;padding:var(--s6) 0 var(--s12)}}.landing-eyebrow{color:var(--brand);font:var(--text-label);font-weight:600;margin-bottom:var(--s4)}.landing-hero h1{font:600 clamp(34px,4.6vw,52px) /1.08 var(--font-display);margin:0;color:var(--ink)}.landing-hero-sub{margin-top:var(--s6);font:var(--text-body);font-size:18px;color:var(--ink-muted);max-width:46ch}.landing-hero-actions{margin-top:var(--s8);display:flex;gap:var(--s4);align-items:center;flex-wrap:wrap}.landing-hero-actions .button{padding:var(--s3) var(--s6);font-size:15.5px}.landing-hero-note{margin-top:var(--s4);font:var(--text-meta);color:var(--ink-muted)}.landing-phone-stage{display:flex;justify-content:center}.landing-phone{width:320px;background:var(--surface);border-radius:28px;border:1px solid var(--rule);box-shadow:var(--shadow-md);overflow:hidden}.landing-phone-head{background:var(--sidebar);color:var(--surface);padding:var(--s4);display:flex;align-items:center;gap:var(--s3)}.landing-phone-avatar{width:34px;height:34px;border-radius:999px;background:var(--sidebar-accent);flex-shrink:0}.landing-phone-head .name{font:var(--text-label);font-weight:600}.landing-phone-head .status{font:var(--text-meta);color:var(--sidebar-text)}.landing-phone-body{background:var(--paper);padding:var(--s4) var(--s3);min-height:340px;display:flex;flex-direction:column;gap:var(--s3)}.landing-bubble{max-width:78%;padding:var(--s2) var(--s3);border-radius:14px;font-size:13.5px;line-height:1.4}.landing-bubble.in{background:var(--surface);align-self:flex-start;border-bottom-left-radius:4px}.landing-bubble.out{background:var(--brand);color:var(--surface);align-self:flex-end;border-bottom-right-radius:4px}.landing-bubble.system{align-self:center;background:transparent;color:var(--ink-muted);font:var(--text-meta);padding:var(--s1) 0}.landing-bubble .tag{display:block;font-size:10.5px;color:var(--sidebar-accent);margin-top:var(--s1)}.landing-phone-input{padding:var(--s3) var(--s4);background:var(--surface);border-top:1px solid var(--rule)}.landing-phone-input .field{background:var(--paper);border-radius:999px;padding:var(--s2) var(--s4);font:var(--text-meta);color:var(--ink-muted)}.landing-section{padding:96px 0}.landing-section-head{max-width:640px;margin-bottom:var(--s12)}.landing-section-head h2{font:600 clamp(28px,3.2vw,38px) /1.15 var(--font-display);margin:0;color:var(--ink)}.landing-section-head p{margin-top:var(--s4);font:var(--text-body);font-size:17px;color:var(--ink-muted)}.landing-process{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0 var(--s8);gap:0 var(--s8);margin-top:var(--s8);border-top:1px solid var(--rule)}@media (max-width:900px){.landing-process{grid-template-columns:1fr 1fr}}@media (max-width:560px){.landing-process{grid-template-columns:1fr}}.landing-step{padding:var(--s8) var(--s6) var(--s6) 0;border-right:1px solid var(--rule)}.landing-process .landing-step:last-child{border-right:none}@media (max-width:900px){.landing-process .landing-step:nth-child(2n){border-right:none}}@media (max-width:560px){.landing-step{padding:var(--s6) 0;border-right:none;border-bottom:1px solid var(--rule)}.landing-process .landing-step:last-child{border-bottom:none}}.landing-step .num{font:var(--text-label);font-family:var(--font-display);color:var(--brand);margin-bottom:var(--s3)}.landing-step h3{font:var(--text-subsection);font-size:18px;margin:0 0 var(--s2)}.landing-step p{font:var(--text-meta);font-size:14.5px;color:var(--ink-muted);margin:0}.landing-features{background:var(--sidebar)}.landing-features,.landing-features .landing-section-head h2{color:var(--surface)}.landing-features .landing-section-head p{color:var(--sidebar-text)}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:rgba(255,255,255,.1);border-radius:var(--r-card);overflow:hidden}@media (max-width:860px){.landing-feature-grid{grid-template-columns:1fr}}.landing-feature{background:var(--sidebar);padding:var(--s6)}.landing-feature .dot{width:10px;height:10px;border-radius:999px;background:var(--sidebar-accent);margin-bottom:var(--s4)}.landing-feature h3{font:var(--text-subsection);font-size:19px;color:var(--surface);margin:0 0 var(--s2)}.landing-feature p{font:var(--text-meta);font-size:14.5px;color:var(--sidebar-text);margin:0}.landing-cta{background:var(--brand);border-radius:var(--r-card);padding:var(--s12);margin:96px 0;color:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:var(--s6);flex-wrap:wrap}.landing-cta h2{font:600 clamp(24px,3vw,34px) /1.2 var(--font-display);margin:0;max-width:520px;color:var(--surface)}.landing-cta .button.primary{background:var(--surface);border-color:var(--surface);color:var(--brand)}.landing-cta .button.primary:hover{background:var(--paper);border-color:var(--paper)}.landing-footer{padding:var(--s8) 0 var(--s12);border-top:1px solid var(--rule);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s4);font:var(--text-meta);color:var(--ink-muted)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.kitchen-board{--kb-bg:#f7f5ef;--kb-panel:#ffffff;--kb-ticket:#ffffff;--kb-ticket-alert:#fdeceb;--kb-text:#2a2620;--kb-text-muted:#7a7266;--kb-line:#e4e0d4;--kb-accent:#d1452e;--kb-amber:#a5700a;--kb-green:#2f7a4f;--kb-gray:#6b6558;--kb-font-ui:var(--font-work-sans),"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--kb-font-display:var(--font-fraunces),"Fraunces",Georgia,serif;background:var(--kb-bg);color:var(--kb-text);font-family:var(--kb-font-ui);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s6);min-height:100vh}@media (max-width:640px){.kitchen-board{padding:var(--s4)}}.kitchen-board__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;background:var(--kb-panel);border:1px solid var(--kb-line);border-radius:var(--r-card);padding:10px}.kitchen-board__brand{display:flex;flex-direction:column;gap:2px}.kitchen-board__brand-name{font:600 22px/1.2 var(--kb-font-display);color:var(--kb-text)}.kitchen-board__brand-role{font:var(--text-meta);font-family:var(--kb-font-ui);color:var(--kb-text-muted)}.kitchen-board__clock{font:600 20px/1 var(--kb-font-ui);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--kb-text)}.kitchen-board__actions{display:flex;align-items:center;gap:var(--s3)}.kitchen-board .button{font-family:var(--kb-font-ui);background:var(--kb-panel);border:1px solid var(--kb-line);color:var(--kb-text)}.kitchen-board .button:hover{background:var(--kb-line);border-color:var(--kb-line)}.kitchen-board .button.primary{background:var(--kb-accent);border-color:var(--kb-accent);color:#fff}.kitchen-board .button.primary:hover{filter:brightness(1.08)}.kitchen-board .button:disabled{opacity:.45}.kitchen-board__stock-btn{position:relative}.kitchen-board__stock-badge{position:absolute;top:-8px;right:-8px;background:var(--kb-accent);color:#fff;font:600 11px/1 var(--kb-font-ui);border-radius:999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.kitchen-board__columns{display:flex;gap:var(--s5);align-items:flex-start;overflow-x:auto;padding-bottom:var(--s2)}@media (max-width:900px){.kitchen-board__columns{flex-direction:column}}.kitchen-board__column{flex:1 1;min-width:260px;display:flex;flex-direction:column;gap:var(--s3)}@media (max-width:900px){.kitchen-board__column{min-width:0;width:100%}}.kitchen-board__column-header{display:flex;align-items:center;gap:var(--s2);font:600 15px/1.2 var(--kb-font-ui);color:var(--kb-text)}.kitchen-board__column-dot{width:10px;height:10px;border-radius:999px;flex:none}.kitchen-board__column-count{color:var(--kb-text-muted);font-weight:400}.kitchen-board__column-empty{color:var(--kb-text-muted);font:var(--text-meta);font-family:var(--kb-font-ui);padding:var(--s3);border:1px dashed var(--kb-line);border-radius:var(--r-card)}.kitchen-board__counter{background:var(--kb-ticket);border:1px solid var(--kb-line);border-radius:var(--r-card);padding:var(--s6);text-align:center}.kitchen-board__counter-value{font:600 40px/1 var(--kb-font-display);color:var(--kb-green)}.kitchen-board__counter-label{margin-top:var(--s2);color:var(--kb-text-muted);font:var(--text-meta);font-family:var(--kb-font-ui)}.kitchen-board__ticket{background:var(--kb-ticket);border:1px solid var(--kb-line);border-top:3px dashed var(--kb-stripe,var(--kb-accent));border-left:4px solid var(--kb-stripe,var(--kb-accent));border-radius:var(--r-card);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.kitchen-board__ticket--alert{background:var(--kb-ticket-alert)}.kitchen-board__ticket-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}.kitchen-board__ticket-id{font:600 15px/1.2 var(--kb-font-ui)}.kitchen-board__ticket-elapsed{color:var(--kb-text-muted);font:var(--text-meta);font-family:var(--kb-font-ui)}.kitchen-board__ticket-customer{font-weight:500}.kitchen-board__ticket-meta{color:var(--kb-text-muted);font:var(--text-meta);font-family:var(--kb-font-ui)}.kitchen-board__ticket-items{display:flex;flex-direction:column;gap:2px;font-size:14px}.kitchen-board__ticket-item--out{color:var(--kb-accent)}.kitchen-board__ticket-badge{display:inline-block;margin-left:var(--s2);font:600 11px/1 var(--kb-font-ui);color:var(--kb-accent);border:1px solid var(--kb-accent);border-radius:999px;padding:2px 6px}.kitchen-board__ticket-note{color:var(--kb-text-muted);font-style:italic;font-size:14px}.kitchen-board__ticket-status{align-self:flex-start;font:600 12px/1 var(--kb-font-ui);color:var(--kb-amber);background:rgba(165,112,10,.15);border-radius:999px;padding:4px 10px}.drawer-overlay{position:fixed;inset:0;background:var(--overlay-scrim);z-index:100}.drawer-panel{position:fixed;right:0;top:0;height:100vh;width:min(400px,100vw);background:var(--surface);box-shadow:var(--shadow-md);z-index:101;display:flex;flex-direction:column;padding:var(--s6);overflow-y:auto}.kitchen-board .drawer-panel{background:var(--kb-panel);color:var(--kb-text);border-left:1px solid var(--kb-line)}.drawer-panel h2{font:600 22px/1.2 var(--font-display);margin:0 0 var(--s4)}.kitchen-board .drawer-panel h2{font-family:var(--kb-font-display);color:var(--kb-text)}.drawer-panel--wide{width:min(680px,100vw);padding:0;overflow:hidden}.drawer-panel--wide h2{margin:0;padding:var(--s4) var(--s6);border-bottom:1px solid var(--rule)}.drawer-panel--wide .drawer-body{flex:1 1;overflow-y:auto;padding:var(--s6)}.drawer-panel--wide .drawer-footer{display:flex;gap:var(--s2);justify-content:flex-end;padding:var(--s3) var(--s6);border-top:1px solid var(--rule);background:var(--surface)}@media (max-width:640px){.drawer-panel--wide .drawer-body,.drawer-panel--wide .drawer-footer,.drawer-panel--wide h2{padding-left:var(--s4);padding-right:var(--s4)}}.image-uploader__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1);padding:var(--s6);border:1px dashed var(--rule);border-radius:var(--r-panel);background:var(--paper);color:var(--ink-muted);text-align:center;cursor:pointer}.image-uploader__zone--drag,.image-uploader__zone:hover{border-color:var(--ink-muted)}.image-uploader__zone:focus-visible{outline:2px solid var(--ink-muted);outline-offset:2px}.image-uploader__preview{display:flex;align-items:center;gap:var(--s4)}.image-uploader__preview img{width:96px;height:96px;object-fit:cover;border-radius:var(--r-panel);border:1px solid var(--rule)}.image-uploader__actions{display:flex;flex-direction:column;gap:var(--s2)}.modifier-group{border:1px solid var(--rule);border-radius:var(--r-panel);background:var(--surface);padding:var(--s4);margin-bottom:var(--s3);display:flex;flex-direction:column;gap:var(--s3)}.modifier-group__header,.modifier-group__option,.modifier-group__settings{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.modifier-group input,.modifier-group select{font:var(--text-body);padding:var(--s2) var(--s3);border:1px solid var(--rule);border-radius:var(--r-control);background:var(--surface);color:var(--ink)}.modifier-group__name,.modifier-group__option-name{flex:1 1;min-width:140px}.modifier-group__price{width:120px}.modifier-group__summary{font:var(--text-meta);color:var(--ink-muted)}.modifier-group__options{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--rule)}.modifier-group__remove{background:none;border:none;cursor:pointer;color:var(--fail);font-size:16px;line-height:1;padding:var(--s1)}.availability-block__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);cursor:pointer;list-style:none}.availability-block__summary::-webkit-details-marker{display:none}.availability-block__title{flex:1 1;margin:0;border-bottom:none;padding-bottom:0}.availability-block[open] .availability-block__summary{margin-bottom:var(--s3)}.modal.kitchen-board-modal{--kb-bg:#f7f5ef;--kb-panel:#ffffff;--kb-line:#e4e0d4;--kb-text:#2a2620;--kb-text-muted:#7a7266;--kb-accent:#d1452e;background:var(--kb-panel);color:var(--kb-text);border:1px solid var(--kb-line)}.modal.kitchen-board-modal h2{font-family:var(--kb-font-display,var(--font-display));color:var(--kb-text)}.modal.kitchen-board-modal .hint,.modal.kitchen-board-modal .modal-close-btn{color:var(--kb-text-muted)}.modal.kitchen-board-modal .modal-close-btn:hover{background:var(--kb-line);color:var(--kb-text)}.modal.kitchen-board-modal input,.modal.kitchen-board-modal select,.modal.kitchen-board-modal textarea{background:var(--kb-bg);color:var(--kb-text);border:1px solid var(--kb-line)}.modal.kitchen-board-modal input::placeholder,.modal.kitchen-board-modal textarea::placeholder{color:var(--kb-text-muted)}.modal.kitchen-board-modal .banner-error{background:rgba(225,87,63,.15);color:var(--kb-accent);border:1px solid var(--kb-accent)}.modal.kitchen-board-modal .button{font-family:var(--kb-font-ui,inherit);background:var(--kb-bg);border:1px solid var(--kb-line);color:var(--kb-text)}.modal.kitchen-board-modal .button:hover{background:var(--kb-line)}.modal.kitchen-board-modal .button.primary{background:var(--kb-accent);border-color:var(--kb-accent);color:#fff}.modal.kitchen-board-modal .button.primary:hover{filter:brightness(1.08)}.modal.kitchen-board-modal .button.danger{background:transparent;border-color:var(--kb-accent);color:var(--kb-accent)}.modal.kitchen-board-modal .button:disabled{opacity:.45}.actions-menu{position:relative;display:inline-flex}.actions-menu-trigger{border:1px solid transparent;background:transparent;color:var(--ink-muted);font-size:18px;line-height:1;padding:var(--s1) var(--s2);border-radius:var(--r-control);cursor:pointer}.actions-menu-trigger:hover{background:var(--paper);color:var(--ink)}.actions-menu-list{position:absolute;right:0;top:calc(100% + var(--s1));min-width:160px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-control);box-shadow:var(--shadow-md);padding:var(--s1);display:flex;flex-direction:column;z-index:20}.actions-menu-list button{border:none;background:transparent;text-align:left;padding:var(--s2) var(--s3);border-radius:var(--r-control);font:var(--text-body);color:var(--ink);cursor:pointer}.actions-menu-list button:hover:not(:disabled){background:var(--paper)}.actions-menu-list button:disabled{color:var(--ink-faint);cursor:not-allowed}.actions-menu-list button.danger{color:var(--fail)}.actions-menu-list button.danger:hover:not(:disabled){background:var(--fail-bg)}.product-thumb{object-fit:cover}.product-thumb,.product-thumb-placeholder{width:36px;height:36px;border-radius:var(--r-control);flex-shrink:0}.product-thumb-placeholder{background:var(--paper);color:var(--ink-faint);display:flex;align-items:center;justify-content:center;font-size:16px}.product-name-cell{display:flex;align-items:center;gap:var(--s2)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--s4);gap:var(--s4)}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}}@media (max-width:400px){.stats-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.kitchen-board__columns{flex-direction:row;scroll-snap-type:x mandatory;gap:var(--s3);-webkit-overflow-scrolling:touch}.kitchen-board__column{flex:0 0 88%;width:88%;scroll-snap-align:start}.cg-table--cards,.cg-table--cards tbody{display:block;width:100%}.cg-table--cards thead{display:none}.cg-table--cards tbody tr{display:block;margin-bottom:var(--s3);padding:var(--s3);border:1px solid var(--rule);border-radius:var(--r-card);background:var(--surface)}.cg-table--cards td{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2) 0;border:0;text-align:right}.cg-table--cards td[data-label]:before{content:attr(data-label);flex:none;font:var(--text-label);color:var(--ink-muted);text-align:left}.cg-table--cards td:not([data-label]):empty{display:none}}