:root{--bg: #f7f7fa;--surface: #ffffff;--surface-sunk: #efeff5;--surface-hover: rgba(30, 27, 75, .04);--border: #e3e3ed;--border-strong: #cacad9;--ink: #16172b;--ink-muted: #5c5e73;--ink-faint: #8a8ca0;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #ebe9fe;--accent-ink: #ffffff;--danger-bg: #fdebea;--danger-fg: #c13b2e;--danger-dot: #e15446;--st-draft-bg: #eeeef3;--st-draft-fg: #5c5e73;--st-draft-dot: #8a8ca0;--st-submitted-bg: #e0f2fe;--st-submitted-fg: #0369a1;--st-submitted-dot: #38bdf8;--st-approved-bg: #e3f6e9;--st-approved-fg: #15803d;--st-approved-dot: #34b368;--st-void-bg: #fdebea;--st-void-fg: #c13b2e;--st-void-dot: #e15446;--st-synced-bg: #e6f7f3;--st-synced-fg: #0f766e;--st-synced-dot: #2dbda8;--shadow-sm: 0 1px 2px rgba(20, 20, 40, .06);--shadow-md: 0 10px 32px rgba(20, 20, 40, .14);--font-ui: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #111226;--surface: #181a30;--surface-sunk: #1e2038;--surface-hover: rgba(255, 255, 255, .045);--border: #2b2d4a;--border-strong: #3b3e63;--ink: #ededf7;--ink-muted: #a6a8c2;--ink-faint: #6e7092;--accent: #7c6ff5;--accent-hover: #9186ff;--accent-soft: #2a2557;--accent-ink: #ffffff;--danger-bg: #3d2222;--danger-fg: #f0857a;--danger-dot: #e8685a;--st-draft-bg: #262840;--st-draft-fg: #a6a8c2;--st-draft-dot: #6e7092;--st-submitted-bg: #16324a;--st-submitted-fg: #7dd3fc;--st-submitted-dot: #38bdf8;--st-approved-bg: #163625;--st-approved-fg: #6fcf97;--st-approved-dot: #34b368;--st-void-bg: #3d2222;--st-void-fg: #f0857a;--st-void-dot: #e8685a;--st-synced-bg: #113330;--st-synced-fg: #5eead4;--st-synced-dot: #2dbda8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 32px rgba(0, 0, 0, .55)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui)}button,input,select{font-family:var(--font-ui);color:inherit}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;border-radius:8px;padding:10px 16px;cursor:pointer;border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-sunk)}.btn-ghost{background:transparent;color:var(--ink-muted);border:1px dashed var(--border-strong)}.btn-ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint)}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:6px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint)}.control{width:100%;padding:11px 13px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);font-size:16px;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none}.control:focus{outline:2px solid var(--accent);outline-offset:-1px}.control[readonly],.control-static{background:var(--surface-sunk);color:var(--ink-muted)}select.control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 8l5 5 5-5' stroke='%235B6572' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--ink-muted);font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;text-decoration:none}.nav-item:hover{background:var(--surface-hover);color:var(--ink-muted)}.nav-item-active,.nav-item-active:hover{background:var(--accent);color:var(--accent-ink)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;font-size:11.5px;font-weight:600}.dot{width:6px;height:6px;border-radius:999px;flex-shrink:0}.tab{font-size:13px;font-weight:600;padding:8px 13px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.tab-active{background:var(--ink);color:var(--bg)}.tab .count{font-family:var(--font-mono);font-size:11px;opacity:.7}.mini-table td{padding:4px 14px 4px 0;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.card-head{padding:16px 20px 2px}.card-title{font-size:13.5px;font-weight:700}.card-sub{font-size:12px;color:var(--ink-faint);margin-top:2px}table.data{width:100%;border-collapse:collapse}table.data th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);padding:11px 14px;border-bottom:1px solid var(--border)}table.data td{padding:13px 14px;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover td{background:var(--surface-hover)}.line-block{border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px}.line-item-grid{display:grid;grid-template-columns:1fr 90px 1fr 1fr 1fr;gap:10px;align-items:end}@media (max-width: 640px){.line-item-grid{grid-template-columns:1fr 1fr;grid-template-areas:"gross unit" "jug net" "price price"}.li-gross{grid-area:gross}.li-unit{grid-area:unit}.li-jug{grid-area:jug}.li-net{grid-area:net}.li-price{grid-area:price}.form-page{padding-left:16px!important;padding-right:16px!important}.form-footer{flex-wrap:wrap;gap:12px;padding-left:16px!important;padding-right:16px!important}.form-footer-actions{width:100%}.form-footer-actions button{flex:1}}.unit-btn{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:8px 0;width:48px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-muted);cursor:pointer;flex-shrink:0}.unit-btn-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover)}.icon-btn{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:hover{background:var(--danger-bg);color:var(--danger-fg)}.avatar{border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;background:var(--accent-soft);color:var(--accent-hover)}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--bg)}.mobile-topbar,.sidebar-backdrop{display:none}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink);flex-shrink:0}.hamburger-btn:hover{background:var(--surface-hover)}@media (max-width: 768px){.mobile-topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.app-sidebar{position:fixed;top:0;left:0;height:100%;z-index:40;transform:translate(-100%);transition:transform .2s ease}.app-sidebar.open{transform:translate(0);box-shadow:var(--shadow-md)}.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1e66;z-index:30}}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm)}