:root{--oiko-green-50:#F0F8F5;--oiko-green-100:#DFEFEA;--oiko-green-200:#C3E1D7;--oiko-green-300:#A0CDBF;--oiko-green-400:#7BB6A5;--oiko-green-500:#5F9F8D;--oiko-green-600:#488877;--oiko-green-700:#377061;--oiko-green-800:#2A5B4E;--oiko-green-900:#173F35;--oiko-green-950:#112F27;--oiko-lime-50:#F2F9E6;--oiko-lime-100:#E5F1CD;--oiko-lime-200:#CEE3A2;--oiko-lime-300:#B9D96B;--oiko-lime-400:#96B63E;--oiko-lime-500:#7F9E1D;--oiko-lime-600:#6B8609;--oiko-lime-700:#576F01;--oiko-lime-800:#465901;--oiko-lime-900:#364601;--oiko-lime-950:#222D01;--oiko-neutral-50:#F3F7F5;--oiko-neutral-100:#E7EDEB;--oiko-neutral-200:#D3DBD8;--oiko-neutral-300:#BBC4C1;--oiko-neutral-400:#A0AAA7;--oiko-neutral-500:#88938F;--oiko-neutral-600:#727C79;--oiko-neutral-700:#5D6663;--oiko-neutral-800:#4A5250;--oiko-neutral-900:#3A403E;--oiko-neutral-950:#252A28;--oiko-red-50:#FFF3F1;--oiko-red-100:#FFE4E0;--oiko-red-200:#FFCBC4;--oiko-red-300:#FEA79D;--oiko-red-400:#F08479;--oiko-red-500:#DA685E;--oiko-red-600:#C15149;--oiko-red-700:#A23F38;--oiko-red-800:#84312B;--oiko-red-900:#692520;--oiko-red-950:#481512;--oiko-amber-50:#FEF4E8;--oiko-amber-100:#FBE8CF;--oiko-amber-200:#F6D3A4;--oiko-amber-300:#EBB76F;--oiko-amber-400:#DA9A30;--oiko-amber-500:#C0820A;--oiko-amber-600:#A36E07;--oiko-amber-700:#875A00;--oiko-amber-800:#6D4801;--oiko-amber-900:#563800;--oiko-amber-950:#392300;--oiko-blue-50:#EFF7FF;--oiko-blue-100:#DEEDFF;--oiko-blue-200:#BEDCFF;--oiko-blue-300:#93C6FF;--oiko-blue-400:#68ACF6;--oiko-blue-500:#4993E2;--oiko-blue-600:#317CC9;--oiko-blue-700:#2166AB;--oiko-blue-800:#17528B;--oiko-blue-900:#10406F;--oiko-blue-950:#05294C;--oiko-emerald-50:#EFF9EF;--oiko-emerald-100:#DDF2DF;--oiko-emerald-200:#BEE5C2;--oiko-emerald-300:#98D39F;--oiko-emerald-400:#70BC7C;--oiko-emerald-500:#51A561;--oiko-emerald-600:#398E4B;--oiko-emerald-700:#28763A;--oiko-emerald-800:#1E5F2D;--oiko-emerald-900:#154B22;--oiko-emerald-950:#093113;--oiko-white:#FFFFFF;--oiko-black:#000000;--oiko-space-0:0;--oiko-space-0_5:2px;--oiko-space-1:4px;--oiko-space-2:8px;--oiko-space-3:12px;--oiko-space-4:16px;--oiko-space-5:20px;--oiko-space-6:24px;--oiko-space-8:32px;--oiko-space-10:40px;--oiko-space-12:48px;--oiko-space-16:64px;--oiko-space-20:80px;--oiko-space-24:96px;--oiko-space-32:128px;--oiko-radius-none:0;--oiko-radius-xs:2px;--oiko-radius-sm:4px;--oiko-radius-md:6px;--oiko-radius-lg:8px;--oiko-radius-xl:12px;--oiko-radius-2xl:16px;--oiko-radius-3xl:24px;--oiko-radius-full:9999px;--oiko-border-0:0;--oiko-border-1:1px;--oiko-border-2:2px;--oiko-border-4:4px;--oiko-opacity-0:0;--oiko-opacity-5:0.05;--oiko-opacity-10:0.10;--oiko-opacity-20:0.20;--oiko-opacity-38:0.38;--oiko-opacity-60:0.60;--oiko-opacity-80:0.80;--oiko-opacity-100:1;--oiko-elevation-flat:none;--oiko-elevation-raised:0 1px 2px 0 rgb(17 47 39/0.06),0 2px 6px -1px rgb(17 47 39/0.10);--oiko-elevation-overlay:0 4px 8px -2px rgb(17 47 39/0.08),0 12px 24px -6px rgb(17 47 39/0.14);--oiko-elevation-top:0 8px 16px -4px rgb(17 47 39/0.10),0 24px 48px -12px rgb(17 47 39/0.18);--oiko-duration-instant:0ms;--oiko-duration-fast:100ms;--oiko-duration-base:150ms;--oiko-duration-slow:250ms;--oiko-duration-slower:400ms;--oiko-easing-standard:cubic-bezier(0.2,0,0,1);--oiko-easing-decelerate:cubic-bezier(0,0,0,1);--oiko-easing-accelerate:cubic-bezier(0.3,0,1,1);--oiko-easing-emphasized:cubic-bezier(0.2,0,0,1.2);--oiko-z-base:0;--oiko-z-raised:10;--oiko-z-sticky:1100;--oiko-z-dropdown:1200;--oiko-z-drawer:1300;--oiko-z-modal:1400;--oiko-z-popover:1500;--oiko-z-toast:1600;--oiko-z-tooltip:1700;--oiko-icon-xs:16px;--oiko-icon-sm:20px;--oiko-icon-md:24px;--oiko-icon-lg:32px;--oiko-icon-xl:40px;--oiko-icon-2xl:48px;--oiko-icon-stroke-ui:1.5;--oiko-icon-stroke-large:2;--oiko-grid-columns:12;--oiko-grid-gutter:24px;--oiko-grid-container-max:1440px;--oiko-grid-margin-sm:16px;--oiko-grid-margin-md:24px;--oiko-grid-margin-lg:32px;--oiko-grid-margin-xl:48px;--oiko-text-display-lg-size:48px;--oiko-text-display-lg-line:56px;--oiko-text-display-lg-weight:600;--oiko-text-display-lg-tracking:-0.02em;--oiko-text-display-size:40px;--oiko-text-display-line:48px;--oiko-text-display-weight:600;--oiko-text-display-tracking:-0.02em;--oiko-text-h1-size:32px;--oiko-text-h1-line:40px;--oiko-text-h1-weight:600;--oiko-text-h1-tracking:-0.015em;--oiko-text-h2-size:24px;--oiko-text-h2-line:32px;--oiko-text-h2-weight:600;--oiko-text-h2-tracking:-0.01em;--oiko-text-h3-size:20px;--oiko-text-h3-line:28px;--oiko-text-h3-weight:600;--oiko-text-h3-tracking:-0.01em;--oiko-text-title-size:16px;--oiko-text-title-line:24px;--oiko-text-title-weight:600;--oiko-text-title-tracking:0;--oiko-text-body-lg-size:16px;--oiko-text-body-lg-line:24px;--oiko-text-body-lg-weight:400;--oiko-text-body-lg-tracking:0;--oiko-text-body-size:14px;--oiko-text-body-line:20px;--oiko-text-body-weight:400;--oiko-text-body-tracking:0;--oiko-text-body-sm-size:13px;--oiko-text-body-sm-line:18px;--oiko-text-body-sm-weight:400;--oiko-text-body-sm-tracking:0;--oiko-text-label-size:13px;--oiko-text-label-line:16px;--oiko-text-label-weight:500;--oiko-text-label-tracking:0.005em;--oiko-text-label-sm-size:12px;--oiko-text-label-sm-line:16px;--oiko-text-label-sm-weight:500;--oiko-text-label-sm-tracking:0.01em;--oiko-text-caption-size:12px;--oiko-text-caption-line:16px;--oiko-text-caption-weight:400;--oiko-text-caption-tracking:0.01em;--oiko-text-mono-size:13px;--oiko-text-mono-line:20px;--oiko-text-mono-weight:400;--oiko-text-mono-tracking:0;--oiko-text-mono-sm-size:12px;--oiko-text-mono-sm-line:16px;--oiko-text-mono-sm-weight:400;--oiko-text-mono-sm-tracking:0}:root,[data-theme=light]{--oiko-bg-canvas:var(--oiko-neutral-50);--oiko-bg-surface:var(--oiko-white);--oiko-bg-surface-raised:var(--oiko-white);--oiko-bg-surface-sunken:var(--oiko-neutral-100);--oiko-bg-inverse:var(--oiko-green-950);--oiko-bg-brand:var(--oiko-green-900);--oiko-bg-brand-subtle:var(--oiko-green-50);--oiko-bg-action:var(--oiko-green-900);--oiko-bg-action-hover:var(--oiko-green-800);--oiko-bg-action-active:var(--oiko-green-950);--oiko-bg-accent:var(--oiko-lime-300);--oiko-bg-accent-hover:var(--oiko-lime-400);--oiko-bg-accent-subtle:var(--oiko-lime-50);--oiko-bg-success-subtle:var(--oiko-emerald-50);--oiko-bg-danger:var(--oiko-red-700);--oiko-bg-danger-subtle:var(--oiko-red-50);--oiko-bg-warning-subtle:var(--oiko-amber-50);--oiko-bg-info-subtle:var(--oiko-blue-50);--oiko-bg-disabled:var(--oiko-neutral-100);--oiko-bg-hover:var(--oiko-neutral-100);--oiko-bg-selected:var(--oiko-green-50);--oiko-fg-primary:var(--oiko-neutral-900);--oiko-fg-secondary:var(--oiko-neutral-700);--oiko-fg-tertiary:var(--oiko-neutral-600);--oiko-fg-disabled:var(--oiko-neutral-400);--oiko-fg-on-action:var(--oiko-white);--oiko-fg-on-accent:var(--oiko-green-950);--oiko-fg-on-brand:var(--oiko-white);--oiko-fg-on-inverse:var(--oiko-neutral-50);--oiko-fg-on-inverse-muted:var(--oiko-neutral-400);--oiko-fg-brand:var(--oiko-green-800);--oiko-fg-link:var(--oiko-green-700);--oiko-fg-success:var(--oiko-emerald-800);--oiko-fg-danger:var(--oiko-red-800);--oiko-fg-warning:var(--oiko-amber-900);--oiko-fg-info:var(--oiko-blue-800);--oiko-border-subtle:var(--oiko-neutral-200);--oiko-border-default:var(--oiko-neutral-300);--oiko-border-strong:var(--oiko-neutral-500);--oiko-border-interactive:var(--oiko-neutral-500);--oiko-border-on-inverse:var(--oiko-neutral-800);--oiko-border-brand:var(--oiko-green-900);--oiko-border-success:var(--oiko-emerald-600);--oiko-border-danger:var(--oiko-red-600);--oiko-border-focus:var(--oiko-green-700)}[data-theme=dark]{--oiko-bg-canvas:var(--oiko-green-950);--oiko-bg-surface:var(--oiko-neutral-950);--oiko-bg-surface-raised:var(--oiko-neutral-900);--oiko-bg-surface-sunken:var(--oiko-green-950);--oiko-bg-inverse:var(--oiko-neutral-50);--oiko-bg-brand:var(--oiko-green-900);--oiko-bg-brand-subtle:var(--oiko-green-900);--oiko-bg-action:var(--oiko-lime-300);--oiko-bg-action-hover:var(--oiko-lime-200);--oiko-bg-action-active:var(--oiko-lime-400);--oiko-bg-accent:var(--oiko-lime-300);--oiko-bg-accent-hover:var(--oiko-lime-200);--oiko-bg-accent-subtle:var(--oiko-green-900);--oiko-bg-success-subtle:var(--oiko-emerald-950);--oiko-bg-danger:var(--oiko-red-600);--oiko-bg-danger-subtle:var(--oiko-red-950);--oiko-bg-warning-subtle:var(--oiko-amber-950);--oiko-bg-info-subtle:var(--oiko-blue-950);--oiko-bg-disabled:var(--oiko-neutral-800);--oiko-bg-hover:var(--oiko-neutral-800);--oiko-bg-selected:var(--oiko-green-900);--oiko-fg-primary:var(--oiko-neutral-100);--oiko-fg-secondary:var(--oiko-neutral-300);--oiko-fg-tertiary:var(--oiko-neutral-400);--oiko-fg-disabled:var(--oiko-neutral-600);--oiko-fg-on-action:var(--oiko-green-950);--oiko-fg-on-accent:var(--oiko-green-950);--oiko-fg-on-brand:var(--oiko-neutral-100);--oiko-fg-on-inverse:var(--oiko-neutral-900);--oiko-fg-on-inverse-muted:var(--oiko-neutral-700);--oiko-fg-brand:var(--oiko-lime-300);--oiko-fg-link:var(--oiko-lime-300);--oiko-fg-success:var(--oiko-emerald-300);--oiko-fg-danger:var(--oiko-red-300);--oiko-fg-warning:var(--oiko-amber-300);--oiko-fg-info:var(--oiko-blue-300);--oiko-border-subtle:var(--oiko-neutral-800);--oiko-border-default:var(--oiko-neutral-700);--oiko-border-strong:var(--oiko-neutral-500);--oiko-border-interactive:var(--oiko-neutral-500);--oiko-border-on-inverse:var(--oiko-neutral-300);--oiko-border-brand:var(--oiko-lime-300);--oiko-border-success:var(--oiko-emerald-500);--oiko-border-danger:var(--oiko-red-500);--oiko-border-focus:var(--oiko-lime-300)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--oiko-bg-canvas:var(--oiko-green-950);--oiko-bg-surface:var(--oiko-neutral-950);--oiko-bg-surface-raised:var(--oiko-neutral-900);--oiko-bg-surface-sunken:var(--oiko-green-950);--oiko-bg-inverse:var(--oiko-neutral-50);--oiko-bg-brand:var(--oiko-green-900);--oiko-bg-brand-subtle:var(--oiko-green-900);--oiko-bg-action:var(--oiko-lime-300);--oiko-bg-action-hover:var(--oiko-lime-200);--oiko-bg-action-active:var(--oiko-lime-400);--oiko-bg-accent:var(--oiko-lime-300);--oiko-bg-accent-hover:var(--oiko-lime-200);--oiko-bg-accent-subtle:var(--oiko-green-900);--oiko-bg-success-subtle:var(--oiko-emerald-950);--oiko-bg-danger:var(--oiko-red-600);--oiko-bg-danger-subtle:var(--oiko-red-950);--oiko-bg-warning-subtle:var(--oiko-amber-950);--oiko-bg-info-subtle:var(--oiko-blue-950);--oiko-bg-disabled:var(--oiko-neutral-800);--oiko-bg-hover:var(--oiko-neutral-800);--oiko-bg-selected:var(--oiko-green-900);--oiko-fg-primary:var(--oiko-neutral-100);--oiko-fg-secondary:var(--oiko-neutral-300);--oiko-fg-tertiary:var(--oiko-neutral-400);--oiko-fg-disabled:var(--oiko-neutral-600);--oiko-fg-on-action:var(--oiko-green-950);--oiko-fg-on-accent:var(--oiko-green-950);--oiko-fg-on-brand:var(--oiko-neutral-100);--oiko-fg-on-inverse:var(--oiko-neutral-900);--oiko-fg-on-inverse-muted:var(--oiko-neutral-700);--oiko-fg-brand:var(--oiko-lime-300);--oiko-fg-link:var(--oiko-lime-300);--oiko-fg-success:var(--oiko-emerald-300);--oiko-fg-danger:var(--oiko-red-300);--oiko-fg-warning:var(--oiko-amber-300);--oiko-fg-info:var(--oiko-blue-300);--oiko-border-subtle:var(--oiko-neutral-800);--oiko-border-default:var(--oiko-neutral-700);--oiko-border-strong:var(--oiko-neutral-500);--oiko-border-interactive:var(--oiko-neutral-500);--oiko-border-on-inverse:var(--oiko-neutral-300);--oiko-border-brand:var(--oiko-lime-300);--oiko-border-success:var(--oiko-emerald-500);--oiko-border-danger:var(--oiko-red-500);--oiko-border-focus:var(--oiko-lime-300)}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--oiko-bg-canvas);color:var(--oiko-fg-primary);font-family:var(--font-oiko-sans,Inter),system-ui,sans-serif;font-size:var(--oiko-text-body-size,1rem);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}button,input,select,textarea{font:inherit;color:inherit}.sales-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.sales-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--oiko-space-4);padding:var(--oiko-space-3) var(--oiko-space-5);background:var(--oiko-green-950);color:var(--oiko-neutral-100);position:-webkit-sticky;position:sticky;top:0;z-index:10}.sales-brand{display:flex;align-items:baseline;gap:var(--oiko-space-2);font-weight:600}.sales-brand small{color:var(--oiko-neutral-400);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.sales-topbar-context{display:flex;align-items:center;gap:var(--oiko-space-3);font-size:.875rem;color:var(--oiko-neutral-300)}.sales-main{padding:var(--oiko-space-5);display:grid;grid-gap:var(--oiko-space-5);gap:var(--oiko-space-5);align-content:start}.sales-main.is-pos{padding:0}.panel{background:var(--oiko-bg-surface);border:1px solid var(--oiko-border-subtle);border-radius:var(--oiko-radius-lg);padding:var(--oiko-space-5);display:grid;grid-gap:var(--oiko-space-4)}.panel,.panel-header{gap:var(--oiko-space-4)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between}.muted{color:var(--oiko-fg-secondary);margin:0}.mono{font-family:var(--font-oiko-mono,ui-monospace),monospace}.field{display:grid;grid-gap:var(--oiko-space-2);gap:var(--oiko-space-2)}.field label{font-weight:600;font-size:.875rem}.field input,.field select{min-height:48px;padding:0 var(--oiko-space-3);background:var(--oiko-bg-surface);color:var(--oiko-fg-primary);border:1px solid var(--oiko-border-default);border-radius:var(--oiko-radius-md)}.field input:focus-visible,.field select:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--oiko-border-focus);outline-offset:2px}.button{min-height:48px;padding:0 var(--oiko-space-5);display:inline-flex;align-items:center;justify-content:center;gap:var(--oiko-space-2);border:0;border-radius:var(--oiko-radius-md);background:var(--oiko-bg-action);color:var(--oiko-fg-on-action);font-weight:600;cursor:pointer}.button:disabled{opacity:.55;cursor:not-allowed}.button.secondary{background:var(--oiko-bg-surface);color:var(--oiko-fg-primary);border:1px solid var(--oiko-border-default)}.button.ghost{background:transparent;color:inherit;border:1px solid;min-height:40px;padding:0 var(--oiko-space-3)}.button.danger{background:var(--oiko-bg-danger,#b3261e);color:#fff}.button.lg{min-height:56px;font-size:1.0625rem}.pos{display:grid;grid-template-columns:1fr 380px;min-height:calc(100dvh - 60px)}.pos-catalog{padding:var(--oiko-space-5);display:grid;grid-gap:var(--oiko-space-4);gap:var(--oiko-space-4);align-content:start;overflow-y:auto}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--oiko-space-3);gap:var(--oiko-space-3)}.pos-item{min-height:96px;padding:var(--oiko-space-4);text-align:left;cursor:pointer;background:var(--oiko-bg-surface);border:1px solid var(--oiko-border-subtle);border-radius:var(--oiko-radius-lg);display:grid;grid-gap:var(--oiko-space-1);gap:var(--oiko-space-1);align-content:start}.pos-item:hover{border-color:var(--oiko-border-strong,var(--oiko-border-default))}.pos-item strong{font-size:1rem}.pos-item span{font-size:1.125rem;font-weight:600;color:var(--oiko-fg-primary)}.pos-item small{color:var(--oiko-fg-tertiary);font-size:.75rem}.pos-cart{border-left:1px solid var(--oiko-border-subtle);background:var(--oiko-bg-surface);display:grid;grid-template-rows:auto 1fr auto;max-height:calc(100dvh - 60px)}.pos-cart-head{padding:var(--oiko-space-4) var(--oiko-space-5);border-bottom:1px solid var(--oiko-border-subtle);display:flex;justify-content:space-between;align-items:center}.pos-cart-lines{overflow-y:auto;padding:var(--oiko-space-3) var(--oiko-space-5);display:grid;grid-gap:var(--oiko-space-3);gap:var(--oiko-space-3);align-content:start}.pos-line{display:grid;grid-template-columns:1fr auto;grid-gap:var(--oiko-space-2);gap:var(--oiko-space-2);padding-bottom:var(--oiko-space-3);border-bottom:1px solid var(--oiko-border-subtle)}.pos-line-controls{display:flex;align-items:center;gap:var(--oiko-space-2)}.pos-qty{width:40px;height:40px;border-radius:var(--oiko-radius-md);border:1px solid var(--oiko-border-default);background:var(--oiko-bg-surface);cursor:pointer;font-weight:600}.pos-cart-foot{padding:var(--oiko-space-5);border-top:1px solid var(--oiko-border-subtle);display:grid;grid-gap:var(--oiko-space-4);gap:var(--oiko-space-4)}.pos-total{display:flex;align-items:baseline;justify-content:space-between}.pos-total strong{font-size:2rem;letter-spacing:-.02em}.pos-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:var(--oiko-space-2);gap:var(--oiko-space-2)}.pos-method{min-height:56px;border-radius:var(--oiko-radius-md);border:1px solid var(--oiko-border-default);background:var(--oiko-bg-surface);cursor:pointer;font-weight:600}.pos-method[aria-pressed=true]{background:var(--oiko-bg-action);color:var(--oiko-fg-on-action);border-color:transparent}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--oiko-space-4);gap:var(--oiko-space-4)}.summary-card{background:var(--oiko-bg-surface-sunken,var(--oiko-bg-surface));border-radius:var(--oiko-radius-lg);padding:var(--oiko-space-4);display:grid;grid-gap:var(--oiko-space-1);gap:var(--oiko-space-1)}.summary-card small{color:var(--oiko-fg-secondary)}.summary-card strong{font-size:1.5rem;letter-spacing:-.01em}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:var(--oiko-space-3);border-bottom:1px solid var(--oiko-border-subtle)}th{font-size:.8125rem;color:var(--oiko-fg-secondary);font-weight:600}.numeric{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.alert{padding:var(--oiko-space-4);border-radius:var(--oiko-radius-md);display:flex;gap:var(--oiko-space-2);align-items:flex-start}.alert.error{background:var(--oiko-bg-danger-subtle,#fdeceb);color:var(--oiko-fg-danger,#8c1d18)}.alert.success{background:var(--oiko-bg-success-subtle,#e6f4ea);color:var(--oiko-fg-success,#16643b)}.alert.info{background:var(--oiko-bg-info-subtle,#e8f0fe);color:var(--oiko-fg-info,#174ea6)}.empty-state{padding:var(--oiko-space-6) var(--oiko-space-4);text-align:center;color:var(--oiko-fg-secondary)}.stack{display:grid;grid-gap:var(--oiko-space-4);gap:var(--oiko-space-4)}.row{display:flex;gap:var(--oiko-space-3);flex-wrap:wrap;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:var(--oiko-space-5);background:var(--oiko-green-950)}.auth-card{width:min(420px,100%);background:var(--oiko-bg-surface);border-radius:var(--oiko-radius-xl,16px);padding:var(--oiko-space-6);display:grid;grid-gap:var(--oiko-space-4);gap:var(--oiko-space-4)}@media (max-width:900px){.pos{grid-template-columns:1fr}.pos-cart{border-left:0;border-top:1px solid var(--oiko-border-subtle);max-height:none}}.sales-topbar-title{color:var(--oiko-neutral-400);font-weight:500;margin-left:var(--oiko-space-2)}.management{display:grid;grid-template-columns:232px 1fr;min-height:calc(100dvh - 60px)}.management-nav{border-right:1px solid var(--oiko-border-subtle);padding:var(--oiko-space-4) var(--oiko-space-3);display:grid;grid-gap:var(--oiko-space-1);gap:var(--oiko-space-1);align-content:start}.management-nav a{display:flex;align-items:center;gap:var(--oiko-space-3);min-height:44px;padding:0 var(--oiko-space-3);border-radius:var(--oiko-radius-md);color:var(--oiko-fg-secondary);text-decoration:none;font-weight:500}.management-nav a:hover{background:var(--oiko-bg-surface-sunken,var(--oiko-bg-surface));color:var(--oiko-fg-primary)}.management-nav a.is-active{background:var(--oiko-bg-surface);color:var(--oiko-fg-primary);font-weight:600;box-shadow:inset 3px 0 0 var(--oiko-bg-action)}.management-content{padding:var(--oiko-space-5);display:grid;grid-gap:var(--oiko-space-5);gap:var(--oiko-space-5);align-content:start;min-width:0}.pos-search{display:grid;grid-gap:var(--oiko-space-3);gap:var(--oiko-space-3)}.pos-search input{min-height:52px;font-size:1.0625rem}.pos-categories{display:flex;gap:var(--oiko-space-2);flex-wrap:wrap}.pos-chip{min-height:44px;padding:0 var(--oiko-space-4);border-radius:999px;border:1px solid var(--oiko-border-default);background:var(--oiko-bg-surface);cursor:pointer;font-weight:500}.pos-chip[aria-pressed=true]{background:var(--oiko-bg-action);color:var(--oiko-fg-on-action);border-color:transparent}.pos-count{color:var(--oiko-fg-tertiary);font-size:.8125rem}.is-touch .pos{grid-template-columns:1fr 440px}.is-touch .pos-item{min-height:132px;padding:var(--oiko-space-5)}.is-touch .pos-item strong{font-size:1.125rem}.is-touch .pos-item span{font-size:1.375rem}.is-touch .pos-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--oiko-space-4)}.is-touch .pos-qty{width:52px;height:52px;font-size:1.25rem}.is-touch .pos-method{min-height:64px;font-size:1.0625rem}.is-touch .pos-total strong{font-size:2.5rem}.is-touch .button.lg{min-height:68px;font-size:1.25rem}.is-touch .pos-chip{min-height:52px;font-size:1.0625rem}.is-touch .pos-search input{min-height:60px;font-size:1.25rem}.is-touch .pos-line{padding-bottom:var(--oiko-space-4)}.hub,.is-touch .pos-cart-lines{gap:var(--oiko-space-4)}.hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--oiko-space-4)}.hub-card{display:grid;grid-gap:var(--oiko-space-2);gap:var(--oiko-space-2);align-content:start;padding:var(--oiko-space-6);border-radius:var(--oiko-radius-lg);border:1px solid var(--oiko-border-subtle);background:var(--oiko-bg-surface);text-decoration:none;color:inherit;min-height:180px}.hub-card:hover{border-color:var(--oiko-bg-action)}.hub-card strong{font-size:1.375rem}.hub-card p{color:var(--oiko-fg-secondary);margin:0}.toolbar{display:flex;gap:var(--oiko-space-3);flex-wrap:wrap;align-items:flex-end}.toolbar .field{min-width:220px}.pill{display:inline-flex;align-items:center;gap:var(--oiko-space-1);padding:2px var(--oiko-space-2);border-radius:999px;background:var(--oiko-bg-surface-sunken,var(--oiko-bg-surface));border:1px solid var(--oiko-border-subtle);font-size:.75rem}.table-scroll{overflow-x:auto}.table-scroll table{min-width:640px}@media (max-width:900px){.management{grid-template-columns:1fr}.management-nav{border-right:0;border-bottom:1px solid var(--oiko-border-subtle);display:flex;overflow-x:auto;gap:var(--oiko-space-2)}.management-nav a{white-space:nowrap}.is-touch .pos{grid-template-columns:1fr}}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:var(--oiko-space-3);color:var(--oiko-fg-tertiary);pointer-events:none}.input-with-icon input{width:100%;padding-left:calc(var(--oiko-space-3) * 2 + 18px)}