: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-highlight:#cddcda;--color-success: #437a22;--color-success-highlight:#d2dfcc;--color-warning: #964219;--color-warning-highlight:#ddd0c7;--color-error: #a82323;--color-error-highlight: #e3cfcf;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-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);--transition: .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);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-body: "Satoshi", "Inter", system-ui, sans-serif}[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-highlight:#2e3b3c;--color-success: #6aaa42;--color-success-highlight:#323f2e;--color-warning: #c06630;--color-warning-highlight:#4a3c33;--color-error: #cc4444;--color-error-highlight: #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)}@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-highlight:#2e3b3c;--color-success: #6aaa42;--color-success-highlight:#323f2e;--color-warning: #c06630;--color-warning-highlight:#4a3c33;--color-error: #cc4444;--color-error-highlight: #4a2c2c}}*,*: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}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}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app-loading{display:flex;align-items:center;justify-content:center;height:100dvh;background:var(--color-bg)}.topbar{display:flex;align-items:center;gap:var(--space-4);height:48px;padding:0 var(--space-6);background:var(--color-surface-2);border-bottom:1px solid var(--color-divider);flex-shrink:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.logo-icon{width:24px;height:24px;flex-shrink:0}.logo-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.topbar-nav{display:flex;align-items:center;gap:var(--space-1);flex:1;margin-left:var(--space-6)}.nav-link{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-md);transition:color var(--transition),background var(--transition)}.nav-link:hover{color:var(--color-text);background:var(--color-surface-offset)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-highlight)}.topbar-right{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.user-chip{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-surface-offset);padding:2px var(--space-2);border-radius:var(--radius-full)}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);transition:background var(--transition);white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-md);transition:color var(--transition),background var(--transition)}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface-offset)}.btn-ghost.btn-danger:hover{color:var(--color-error);background:var(--color-error-highlight)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-xs{padding:2px var(--space-2);font-size:var(--text-xs)}.btn-full{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-1)}.label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.input{padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-highlight);outline:none}.input-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.input-xs{padding:1px var(--space-2);font-size:var(--text-xs);height:26px}.input-num{text-align:right;font-variant-numeric:tabular-nums;width:80px}.field-error{font-size:var(--text-xs);color:var(--color-error);padding:var(--space-2) var(--space-3);background:var(--color-error-highlight);border-radius:var(--radius-md)}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--color-bg)}.login-card{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:360px;padding:var(--space-8);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.login-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.login-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-lang{align-self:center;color:var(--color-text-faint);font-size:var(--text-xs)}.workspace{display:grid;grid-template-columns:1fr 320px;height:100%;overflow:hidden}.lines-section{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--color-divider)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-divider);flex-shrink:0;gap:var(--space-4)}.section-title{font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em}.section-actions{display:flex;align-items:center;gap:var(--space-2)}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-2);color:var(--color-text-faint);pointer-events:none}.search-input{padding-left:calc(var(--space-2) + 14px + var(--space-2));width:200px}.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(--space-2) var(--space-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(--space-2) var(--space-3);border-bottom:1px solid var(--color-divider);vertical-align:middle;white-space:nowrap}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--color-surface-offset)}.data-table tbody tr.row-in-draft,.data-table tbody tr.row-selected{background:var(--color-primary-highlight)}.col-num{text-align:right}.col-mono{font-family:ui-monospace,monospace;font-size:var(--text-xs)}.col-date{color:var(--color-text-muted)}.col-alloc{width:90px}.col-product{max-width:220px}.product-name{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.product-ean{display:block;color:var(--color-text-faint);font-size:.7rem;margin-top:1px}.text-warning{color:var(--color-warning)}.table-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12);flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);flex:1;padding:var(--space-12);color:var(--color-text-faint);text-align:center}.empty-state p{font-size:var(--text-sm);max-width:28ch;color:var(--color-text-muted)}.empty-state-sm{padding:var(--space-8)}.draft-panel{display:flex;flex-direction:column;background:var(--color-surface);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);flex-shrink:0}.draft-meta{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-divider);flex-shrink:0}.draft-no{font-size:var(--text-xs);font-weight:600;font-family:ui-monospace,monospace;color:var(--color-text-muted)}.draft-empty-hint{font-size:var(--text-xs);color:var(--color-text-faint);padding:var(--space-4) var(--space-5);text-align:center}.draft-lines{flex:1;overflow-y:auto;padding:var(--space-2) 0}.draft-line{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-divider);transition:background var(--transition)}.draft-line:hover{background:var(--color-surface-offset)}.draft-line-info{flex:1;min-width:0}.draft-line-name{font-size:var(--text-xs);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.draft-line-meta{font-size:.68rem;color:var(--color-text-faint);display:block;margin-top:1px}.draft-line-qty{flex-shrink:0}.qty-display{font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:600}.draft-total{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-divider);font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.total-value{font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.draft-actions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);flex-shrink:0;border-top:1px solid var(--color-divider)}.page{display:flex;flex-direction:column;overflow:hidden;height:100%}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-divider);flex-shrink:0}.page-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.page-error{font-size:var(--text-sm);color:var(--color-error);padding:var(--space-3) var(--space-6);background:var(--color-error-highlight)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--radius-full);font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.badge-success{background:var(--color-success-highlight);color:var(--color-success)}.badge-warning{background:var(--color-warning-highlight);color:var(--color-warning)}.badge-primary{background:var(--color-primary-highlight);color:var(--color-primary)}.badge-neutral{background:var(--color-surface-dynamic);color:var(--color-text-muted)}.toast-area{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:100;display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-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(--radius-sm)}.toast-close:hover{color:var(--color-text)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin .75s linear infinite;color:var(--color-primary)}