:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f7f8;--color-surface:#fff;--color-surface-elevated:#fff;--color-border:#e2e2e6;--color-text:#1c1c1f;--color-text-muted:#6b6b73;--color-primary:#2f6f4f;--color-primary-hover:#255a40;--color-primary-contrast:#fff;--color-focus-ring:#2f6f4f;--color-success:#1c6b3f;--color-success-bg:#e3f3ea;--color-warning:#8a6d1f;--color-danger:#b3261e;--color-danger-bg:#f8e3e1;--color-table-row-hover:#1414180a;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Tahoma, Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--radius:8px;--header-height:56px;--nav-width:220px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#101113;--color-surface:#1a1b1e;--color-surface-elevated:#202226;--color-border:#34363b;--color-text:#edeef0;--color-text-muted:#a1a4aa;--color-primary:#4fd196;--color-primary-hover:#3ab97e;--color-primary-contrast:#06140d;--color-focus-ring:#4fd196;--color-success:#59d38f;--color-success-bg:#16301f;--color-warning:#e3bd5a;--color-danger:#ff6f64;--color-danger-bg:#40201d;--color-table-row-hover:#ffffff0d}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);margin:0;transition:background-color .15s,color .15s}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}h1{font-size:1.25rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{align-items:center;gap:var(--space-3);padding-inline:var(--space-3);height:var(--header-height);background:var(--color-surface);border-block-end:1px solid var(--color-border);z-index:10;display:flex;position:sticky;inset-block-start:0}.app-header__title{flex:1;margin:0;font-size:1rem;font-weight:600}.app-header__nav-toggle{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}@media (width>=900px){.app-header__nav-toggle{display:none}}.app-body{flex:1;min-height:0;display:flex}.app-nav{gap:var(--space-1);width:var(--nav-width);padding:var(--space-3);background:var(--color-surface);border-inline-end:1px solid var(--color-border);flex-direction:column;display:none}.app-nav.is-open{z-index:9;display:flex;position:fixed;inset-block-start:var(--header-height);inset-block-end:0;inset-inline-start:0;overflow-y:auto}@media (width>=900px){.app-nav{display:flex;position:static}}.app-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text);font-size:.9rem;text-decoration:none}.app-nav a.is-active,.app-nav a:hover{background:var(--color-bg);color:var(--color-primary)}.app-main{min-width:0;padding:var(--space-4);flex:1}.language-switcher{gap:var(--space-1);display:flex}.language-switcher button{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.8rem}.language-switcher button.is-active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.theme-switcher{gap:var(--space-1);display:flex}.theme-switcher button{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.85rem}.theme-switcher button.is-active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.loading-spinner{align-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-muted);display:flex}.loading-spinner__circle{border:2px solid var(--color-border);border-block-start-color:var(--color-primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;padding:var(--space-4);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-card{gap:var(--space-3);width:100%;max-width:360px;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;display:flex}.auth-card__title{margin:0 0 var(--space-2);font-size:1.1rem}.auth-field{gap:var(--space-1);flex-direction:column;font-size:.85rem;display:flex}.auth-field input,.auth-field select,.auth-field textarea{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;background:var(--color-surface);color:var(--color-text)}.auth-field input:disabled{color:var(--color-text-muted);background:var(--color-bg)}.auth-field textarea{resize:vertical}.auth-card button[type=submit]{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;border:none;font-weight:600}.auth-card button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover)}.auth-card button[type=submit]:disabled{opacity:.6;cursor:default}.auth-card__error{color:var(--color-danger);margin:0;font-size:.85rem}.auth-card__notice{padding:var(--space-2);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text-muted);margin:0;font-size:.85rem}.app-header__account{align-items:center;gap:var(--space-2);display:flex}.app-header__account-label{color:var(--color-text-muted);white-space:nowrap;font-size:.8rem}.app-header__signout{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;font-size:.8rem}@media (width<=640px){.app-header__account-label{display:none}}.settings-section{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-block-start:var(--space-4)}.settings-section__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3);display:flex}.settings-section__title{margin:0;font-size:1rem}.settings-section__empty{color:var(--color-text-muted);font-size:.9rem}.settings-section__header-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.settings-section__success{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-success-bg);color:var(--color-success);font-size:.85rem}.button-primary{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;border:none;font-size:.85rem;font-weight:600}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-primary:disabled{opacity:.6;cursor:default}.button-secondary{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.85rem}.button-secondary:hover:not(:disabled){background:var(--color-bg)}.button-secondary:disabled{opacity:.6;cursor:default}.button-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.button-link:hover:not(:disabled){text-decoration:underline}.button-link:disabled{opacity:.5;cursor:default}.button-link+.button-link{margin-inline-start:var(--space-3)}.port-form{gap:var(--space-3);max-width:360px;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;margin-block-end:var(--space-3);display:flex}.port-form__title{margin:0;font-size:.95rem}.port-form__code-input{text-transform:uppercase}.port-form__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.import-wizard{gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;margin-block-end:var(--space-3);display:flex}.import-wizard__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.import-wizard__upload{gap:var(--space-2);flex-direction:column;max-width:480px;display:flex}.import-wizard__loading{padding-block:var(--space-4)}.import-wizard__preview,.import-wizard__done{gap:var(--space-3);flex-direction:column;display:flex}.import-wizard__summary{align-items:center;gap:var(--space-3);color:var(--color-text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}.import-wizard__filename{color:var(--color-text);font-weight:600}.import-wizard__summary-errors{color:var(--color-danger)}.import-wizard__summary-warnings{color:var(--color-warning)}.import-wizard__row--error td{background:var(--color-danger-bg)}.import-wizard__issue{margin:0;font-size:.8rem}.import-wizard__issue--error{color:var(--color-danger)}.import-wizard__issue--warning{color:var(--color-warning)}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);text-align:start;border-block-end:1px solid var(--color-border)}.data-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:600}.data-table tbody tr:hover{background:var(--color-table-row-hover)}.data-table__actions-col{white-space:nowrap}.port-code-badge{background:var(--color-bg);border-radius:4px;padding:2px 6px;font-size:.85em}.status-badge{border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:500;display:inline-block}.status-badge--active{background:var(--color-success-bg);color:var(--color-success)}.status-badge--inactive,.status-badge--draft{background:var(--color-bg);color:var(--color-text-muted)}.status-badge--posted{background:var(--color-success-bg);color:var(--color-success)}.status-badge--void{background:var(--color-danger-bg);color:var(--color-danger)}.order-filters{align-items:end;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.order-filters .auth-field{min-width:160px}.order-filters__clear{display:flex}.order-form{gap:var(--space-3);max-width:640px;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;margin-block-end:var(--space-3);display:flex}.order-form__grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=560px){.order-form__grid-2{grid-template-columns:1fr}}.order-form__section-title{margin:0 0 var(--space-2);font-size:.9rem}.order-form__qty-input{width:90px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;background:var(--color-surface);color:var(--color-text)}.order-form__inactive-tag{margin-inline-start:var(--space-2)}.order-form__max-hint{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.8rem}.order-confirm{align-items:center;gap:var(--space-1);color:var(--color-text-muted);white-space:nowrap;font-size:.85rem;display:inline-flex}.order-confirm__yes{color:var(--color-danger);font-weight:600}.order-form__totals{gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9rem;display:flex}.payment-confirm-panel{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;display:flex}.payment-confirm-panel__row{justify-content:space-between;gap:var(--space-3);font-size:.9rem;display:flex}.payment-confirm-panel__label{color:var(--color-text-muted)}.statement-sheet{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-block-start:var(--space-3)}.statement-sheet__header{border-block-end:1px solid var(--color-border);margin-block-end:var(--space-4);padding-block-end:var(--space-3)}.statement-sheet__title{margin:0 0 var(--space-3);font-size:1.1rem}.statement-sheet__meta{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.statement-sheet__meta>div{flex-direction:column;gap:2px;font-size:.85rem;display:flex}.statement-sheet__meta span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem}.statement-summary{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-block-end:var(--space-4);display:grid}.statement-summary__tile{gap:var(--space-1);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;display:flex}.statement-summary__tile span{color:var(--color-text-muted);font-size:.8rem}.statement-summary__tile strong{font-size:1.15rem}.statement-summary__tile--closing{background:var(--color-success-bg);border-color:var(--color-primary)}.statement-section{margin-block-end:var(--space-4)}.statement-section:last-child{margin-block-end:0}@media print{:root,[data-theme=dark]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#fff;--color-surface-elevated:#fff;--color-border:#d7d7db;--color-text:#1c1c1f;--color-text-muted:#55555c;--color-primary:#2f6f4f;--color-primary-contrast:#fff;--color-success:#1c6b3f;--color-success-bg:#e3f3ea;--color-warning:#8a6d1f;--color-danger:#b3261e;--color-danger-bg:#f8e3e1}.app-header,.app-nav{display:none!important}.app-main{padding:0}.statements-page .no-print,.statements-page>h1,.statements-page .settings-section__header{display:none!important}.statements-page .settings-section,.statement-sheet{border:none;padding:0}}.error-boundary{padding:var(--space-5);text-align:center}.error-boundary__details{white-space:pre-wrap;color:var(--color-text-muted);font-size:.8rem}