:root{--stone-50: #fbfcfa;--stone-100: #f5f6f3;--stone-200: #eef0ec;--stone-300: #e4e6e1;--stone-400: #cacdc5;--stone-500: #9aa096;--stone-600: #6b7268;--stone-700: #4a4f47;--stone-800: #32362f;--stone-900: #20241d;--green-50: #eef5e6;--green-100: #ddecca;--green-200: #c2dba3;--green-300: #9ec06f;--green-400: #7aa544;--green-500: #5e8d39;--green-600: #4c7530;--green-700: #3c5d26;--green-800: #2f4a20;--lime-50: #f6fbe2;--lime-100: #ebf7bf;--lime-200: #ddef94;--lime-300: #cdea5e;--lime-400: #c2e84a;--lime-500: #a9d62f;--lime-600: #8bb320;--lime-700: #5f7219;--lime-800: #46541a;--honey-100: #f6e6c4;--honey-400: #c98a3c;--honey-600: #9a6520;--grass-100: #d6ecd8;--grass-500: #4f8a5b;--grass-700: #356241;--brick-100: #f3d9d3;--brick-500: #b1503f;--brick-700: #87382b;--eucalyptus-100: #d7e3e2;--eucalyptus-500: #5a7a82;--bg: #f6f7f4;--surface: #ffffff;--surface-card: #ffffff;--surface-soft: var(--stone-200);--surface-sunken: var(--stone-300);--text: var(--stone-900);--text-strong: #161a13;--text-muted: var(--stone-600);--text-faint: var(--stone-500);--text-on-dark: var(--stone-50);--border: rgba(32, 36, 29, .1);--border-strong: rgba(32, 36, 29, .16);--primary: var(--green-500);--primary-strong: var(--green-600);--primary-soft: rgba(94, 141, 57, .14);--primary-ink: var(--green-700);--on-primary: #ffffff;--accent: var(--lime-400);--accent-strong: var(--lime-500);--accent-soft: rgba(194, 232, 74, .24);--accent-ink: var(--green-700);--on-accent: #28310f;--success: var(--grass-500);--success-soft: var(--grass-100);--success-ink: var(--grass-700);--warning: var(--honey-400);--warning-soft: var(--honey-100);--warning-ink: var(--honey-600);--danger: var(--brick-500);--danger-soft: var(--brick-100);--danger-ink: var(--brick-700);--info: var(--eucalyptus-500);--info-soft: var(--eucalyptus-100);--font-display: "Spectral", Georgia, "Times New Roman", serif;--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 21px;--text-2xl: 26px;--text-3xl: 32px;--text-4xl: 42px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extra: 800;--leading-tight: 1.12;--leading-snug: 1.25;--leading-normal: 1.5;--tracking-snug: -.01em;--tracking-wide: .04em;--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-8: 16px;--space-10: 20px;--space-12: 24px;--space-14: 28px;--space-16: 32px;--space-20: 40px;--space-24: 48px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--control-sm: 36px;--control-md: 44px;--control-lg: 52px;--border-width: 1px;--shadow-xs: 0 1px 2px rgba(46, 42, 35, .05);--shadow-sm: 0 1px 2px rgba(46, 42, 35, .05), 0 4px 12px -8px rgba(46, 42, 35, .12);--shadow-md: 0 1px 2px rgba(46, 42, 35, .04), 0 12px 30px -16px rgba(46, 42, 35, .18), inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-lg: 0 18px 44px -20px rgba(46, 42, 35, .28);--shadow-focus: 0 0 0 3px var(--primary-soft);--ease-standard: cubic-bezier(.2, .7, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .28s;--sidebar-width: 248px;--sidebar-rail: 72px;--panel-width: 392px;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}#root{min-height:100vh}h1,h2,h3,h4{margin:0;font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--text-strong)}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--primary-soft)}.kn-btn{align-items:center;background:var(--primary);border:var(--border-width) solid transparent;border-radius:var(--radius-md);color:var(--on-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-bold);gap:var(--space-4);justify-content:center;line-height:1;min-height:var(--control-md);padding:0 var(--space-12);text-decoration:none;transition:background var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);white-space:nowrap}.kn-btn:hover{background:var(--primary-strong)}.kn-btn:active{transform:translateY(1px)}.kn-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.kn-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.kn-btn svg{height:18px;width:18px}.kn-btn--accent{background:var(--accent);color:var(--on-accent)}.kn-btn--accent:hover{background:var(--accent-strong)}.kn-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.kn-btn--secondary:hover{background:var(--surface-soft)}.kn-btn--ghost{background:transparent;color:var(--text-muted)}.kn-btn--ghost:hover{background:var(--surface-soft);color:var(--text)}.kn-btn--danger{background:var(--danger);color:#fff}.kn-btn--danger:hover{background:var(--danger-ink)}.kn-btn--lg{min-height:var(--control-lg);font-size:var(--text-md);padding:0 var(--space-16);border-radius:var(--radius-lg)}.kn-btn--sm{min-height:var(--control-sm);font-size:var(--text-sm);padding:0 var(--space-8)}.kn-btn--block{display:flex;width:100%}.kn-iconbtn{align-items:center;background:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;height:var(--control-md);justify-content:center;transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard);width:var(--control-md)}.kn-iconbtn:hover{background:var(--surface-soft);color:var(--text)}.kn-iconbtn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.kn-iconbtn svg{height:20px;width:20px}.kn-iconbtn--soft{background:var(--surface-soft)}.kn-iconbtn--sm{height:var(--control-sm);width:var(--control-sm)}.kn-iconbtn--sm svg{height:16px;width:16px}.kn-badge{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);gap:var(--space-3);line-height:1;padding:var(--space-3) var(--space-8);white-space:nowrap}.kn-badge:before{border-radius:50%;content:"";height:6px;width:6px;background:currentColor}.kn-badge--neutral{background:var(--surface-soft);color:var(--text-muted)}.kn-badge--success{background:var(--success-soft);color:var(--success-ink)}.kn-badge--warning{background:var(--warning-soft);color:var(--warning-ink)}.kn-badge--info{background:var(--info-soft);color:var(--info)}.kn-search{align-items:center;background:var(--surface);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-faint);display:flex;gap:var(--space-6);min-height:var(--control-md);padding:0 var(--space-12)}.kn-search:focus-within{border-color:var(--primary);box-shadow:var(--shadow-focus)}.kn-search svg{height:18px;width:18px;flex:none}.kn-search input{background:none;border:none;color:var(--text);flex:1;font-family:var(--font-sans);font-size:var(--text-base);outline:none;min-width:0}.kn-avatar{align-items:center;background:var(--primary-soft);border-radius:50%;color:var(--primary-ink);display:inline-flex;flex:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-extra);height:40px;justify-content:center;overflow:hidden;width:40px}.kn-avatar img{height:100%;width:100%;object-fit:cover}.kn-qty{align-items:center;display:inline-flex;gap:var(--space-6)}.kn-qty__btn{align-items:center;background:var(--accent-soft);border:none;border-radius:var(--radius-sm);color:var(--accent-ink);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast);width:30px}.kn-qty__btn:hover{background:var(--accent)}.kn-qty__btn:active{transform:scale(.9)}.kn-qty__btn svg{height:15px;width:15px}.kn-qty__count{font-weight:var(--weight-bold);min-width:18px;text-align:center;font-variant-numeric:tabular-nums}.kn-tabs{display:flex;gap:var(--space-8);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}.kn-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:-1px;padding:var(--space-6) var(--space-6) var(--space-8);transition:color var(--duration-base) var(--ease-standard);white-space:nowrap}.kn-tab:hover{color:var(--text)}.kn-tab.is-active{color:var(--primary-ink);border-bottom-color:var(--primary);font-weight:var(--weight-bold)}.kn-nav__group{color:var(--text-faint);font-size:var(--text-2xs);font-weight:var(--weight-extra);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-10) var(--space-12) var(--space-3)}.kn-navitem{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);gap:var(--space-10);padding:var(--space-6) var(--space-10);position:relative;text-align:left;width:100%;min-height:var(--control-md);transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.kn-navitem:hover{background:var(--surface-soft);color:var(--text)}.kn-navitem svg{height:20px;width:20px;flex:none}.kn-navitem.is-active{background:var(--primary-soft);color:var(--primary-ink);font-weight:var(--weight-bold)}.kn-navitem.is-active:before{background:var(--primary);border-radius:0 var(--radius-pill) var(--radius-pill) 0;content:"";height:60%;left:calc(-1 * var(--space-10));position:absolute;top:20%;width:3px}.kx{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--panel-width);height:100vh;overflow:hidden;background:var(--bg)}.kx-side{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-12) var(--space-10);min-height:0}.kx-brand{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-6) var(--space-10)}.kx-brand svg{height:40px;width:40px;border-radius:var(--radius-md);flex:none}.kx-brand-text{display:grid;min-width:0}.kx-brand-text b{font-size:var(--text-lg);font-weight:var(--weight-extra);letter-spacing:-.01em;line-height:1.1}.kx-brand-text small{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.18em;color:var(--primary-ink);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kx-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-height:0;overflow-y:auto}.kx-foot{border-top:1px solid var(--border);margin-top:var(--space-4);padding-top:var(--space-8);position:relative}.kx-user{align-items:center;display:flex;gap:var(--space-8);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;width:100%}.kx-user:hover{background:var(--surface-soft)}.kx-user-text{flex:1;min-width:0;line-height:1.25;text-align:left}.kx-user-text b{font-size:var(--text-sm);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kx-user-text small{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.kx-user .chev{color:var(--text-faint);flex:none;height:18px;width:18px;transition:transform var(--duration-base) var(--ease-standard)}.kx-user .chev.open{transform:rotate(180deg)}.profile-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);bottom:calc(100% + var(--space-4));box-shadow:var(--shadow-md);display:grid;gap:var(--space-1);left:0;padding:var(--space-3);position:absolute;right:0;z-index:40}.profile-menu button{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex;font-weight:var(--weight-semibold);gap:var(--space-5);padding:var(--space-5) var(--space-6);text-align:left;width:100%}.profile-menu button:hover{background:var(--surface-soft)}.profile-menu button.danger{color:var(--danger)}.profile-menu svg{height:16px;width:16px}.kx-main{display:flex;flex-direction:column;min-height:0;min-width:0}.kx-scroll{display:flex;flex-direction:column;gap:var(--space-12);overflow-y:auto;padding:var(--space-16) var(--space-20);min-height:0}.kx-crumb{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.kx-crumb .cur{color:var(--accent-ink)}.kx-crumb svg{height:13px;width:13px;color:var(--text-faint)}.kx-banner{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-12);border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--honey-100),#fbf3df 70%,transparent);border:1px solid #f0dcae;color:var(--honey-600)}.kx-banner .ic{display:inline-flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:var(--radius-md);background:var(--surface);color:var(--honey-400);flex:none}.kx-banner .ic svg{height:20px;width:20px}.kx-banner p{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);flex:1;color:var(--honey-600)}.kx-sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-10)}.kx-h{font-size:var(--text-2xl);font-weight:var(--weight-extra);letter-spacing:-.01em}.kx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:var(--space-12)}.kx-pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);cursor:pointer;font-family:var(--font-sans);text-align:left;transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);position:relative}.kx-pcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kx-pcard:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.kx-pcard.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--lime-50)}.kx-pcard-media{aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-soft);position:relative;display:flex;align-items:center;justify-content:center;color:var(--stone-400)}.kx-pcard-media img{height:100%;width:100%;object-fit:cover;display:block}.kx-pcard-media svg{height:38px;width:38px}.kx-pcard-check{position:absolute;top:var(--space-6);right:var(--space-6);height:26px;width:26px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.kx-pcard-check svg{height:16px;width:16px}.kx-pcard-body{padding:var(--space-8) var(--space-4) var(--space-3)}.kx-pcard-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6)}.kx-pcard-name{font-weight:var(--weight-bold);line-height:1.2}.kx-pcard-price{color:var(--accent-ink);font-weight:var(--weight-extra);white-space:nowrap}.kx-pcard-cat{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.kx-stock{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-4);margin-top:var(--space-6)}.kx-stock-dot{background:var(--success);border-radius:50%;height:6px;width:6px}.kx-stock.is-low{color:var(--warning-ink)}.kx-stock.is-low .kx-stock-dot{background:var(--warning)}.kx-hint{color:var(--text-muted);margin:0;font-size:var(--text-sm)}.kx-panel{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.kx-panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-14) var(--space-16) var(--space-10)}.kx-panel-head h2{font-size:var(--text-xl)}.kx-panel-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);padding:0 var(--space-16) var(--space-12);border-bottom:1px solid var(--border)}.kx-meta-label{font-size:var(--text-xs);color:var(--text-muted);display:block;margin-bottom:var(--space-2)}.kx-meta-val{font-weight:var(--weight-bold);font-size:var(--text-md)}.kx-meta-val.mono{font-family:var(--font-mono)}.kx-lines{flex:1;overflow-y:auto;min-height:0;padding:var(--space-10) var(--space-16);display:flex;flex-direction:column;gap:var(--space-12)}.kx-line{display:grid;grid-template-columns:48px 1fr auto;gap:var(--space-10);align-items:center}.kx-line-thumb{height:48px;width:48px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-soft);flex:none;display:flex;align-items:center;justify-content:center;color:var(--stone-400)}.kx-line-thumb img{height:100%;width:100%;object-fit:cover}.kx-line-thumb svg{height:22px;width:22px}.kx-line-name{font-weight:var(--weight-bold);font-size:var(--text-sm);line-height:1.2}.kx-line-var{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.kx-line-controls{display:flex;align-items:center;gap:var(--space-10);margin-top:var(--space-6)}.kx-line-price{font-weight:var(--weight-extra);white-space:nowrap;font-size:var(--text-sm)}.kx-empty{padding:var(--space-20) var(--space-16);color:var(--text-muted);text-align:center;font-size:var(--text-sm)}.kx-summary{border-top:1px solid var(--border);padding:var(--space-14) var(--space-16) var(--space-8);display:grid;gap:var(--space-6)}.kx-summary h3{font-size:var(--text-md);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.kx-srow{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted)}.kx-srow b{color:var(--text);font-weight:var(--weight-semibold)}.kx-srow .disc{color:var(--danger);font-weight:var(--weight-bold)}.kx-divider{border:none;border-top:1px dashed var(--border-strong);margin:var(--space-6) 0}.kx-total{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-2) 0 var(--space-4)}.kx-total span{font-size:var(--text-md);font-weight:var(--weight-bold)}.kx-total b{font-size:var(--text-2xl);font-weight:var(--weight-extra);color:var(--accent-ink)}.kx-panel-foot{padding:0 var(--space-16) var(--space-16);display:grid;gap:var(--space-8)}.kx-pay-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold)}.kx-pay{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.kx-pay-opt{align-items:center;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);gap:var(--space-6);justify-content:center;min-height:var(--control-md);transition:border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.kx-pay-opt:hover{color:var(--text)}.kx-pay-opt svg{height:18px;width:18px}.kx-pay-opt.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.kx-error{background:var(--danger-soft);border-radius:var(--radius-md);color:var(--danger-ink);font-size:var(--text-sm);font-weight:var(--weight-bold);margin:0;padding:var(--space-5) var(--space-8)}.kx-receipt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-24);text-align:center}.kx-receipt .ok{height:64px;width:64px;border-radius:50%;background:var(--success-soft);color:var(--success-ink);display:inline-flex;align-items:center;justify-content:center}.kx-receipt .ok svg{height:30px;width:30px}.kx-receipt h3{font-size:var(--text-xl)}.kx-receipt .no{font-family:var(--font-mono);color:var(--text-muted)}.kx-receipt .amt{font-size:var(--text-3xl);font-weight:var(--weight-extra);color:var(--accent-ink)}@media (max-width: 1240px){.kx{grid-template-columns:var(--sidebar-rail) 1fr 360px}.kx-brand-text,.kn-navitem span,.kn-nav__group,.kx-user-text,.kx-user .chev{display:none}.kn-navitem,.kx-brand,.kx-user{justify-content:center}}.login-screen,.select-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-16)}.login-card,.select-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:grid;gap:var(--space-6);max-width:420px;padding:var(--space-24);width:100%}.select-card{max-width:520px;gap:var(--space-10)}.brand-mark{align-items:center;display:inline-flex;height:56px;justify-content:center;width:56px}.brand-mark svg{height:56px;width:56px}.pin-card .brand-mark{background:var(--primary);border-radius:var(--radius-md);color:var(--on-primary);height:52px;width:52px}.pin-card .brand-mark svg{height:26px;width:26px}.eyebrow{color:var(--primary-ink);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-extra);letter-spacing:var(--tracking-wide);margin:0;text-transform:uppercase}.login-card h1,.select-card h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug)}.login-sub{color:var(--text-muted);margin:0 0 var(--space-4)}.field{display:grid;gap:var(--space-3)}.field span{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold)}.field input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-height:var(--control-md);padding:0 var(--space-12)}.field input:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.login-error,.select-error{background:var(--danger-soft);border-radius:var(--radius-md);color:var(--danger-ink);font-weight:var(--weight-bold);margin:0;padding:var(--space-5) var(--space-6)}.login-submit,.select-start{background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--on-primary);cursor:pointer;font-size:var(--text-md);font-weight:var(--weight-bold);margin-top:var(--space-3);min-height:var(--control-lg);padding:0 var(--space-16)}.login-submit:hover,.select-start:hover{background:var(--primary-strong)}.login-submit:disabled,.select-start:disabled{cursor:not-allowed;opacity:.55}.select-group h2{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.02em;margin:0 0 var(--space-5);text-transform:uppercase}.select-options{display:flex;flex-wrap:wrap;gap:var(--space-5)}.select-option{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--weight-bold);min-height:var(--control-md);padding:var(--space-5) var(--space-10)}.select-option:hover{background:var(--surface-soft)}.select-option.is-active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-ink)}.select-hint{color:var(--text-muted);margin:0}.kx-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:150px;border-radius:var(--radius-xl);background:linear-gradient(105deg,var(--green-100),var(--lime-50) 55%,#fff);border:1px solid var(--green-200);padding:var(--space-16) var(--space-20);overflow:hidden}.kx-hero-text{display:grid;gap:var(--space-4)}.kx-hero-text h2{font-size:var(--text-2xl);font-weight:var(--weight-extra);letter-spacing:-.01em;line-height:1.2;color:var(--text-strong)}.kx-hero-text p{margin:0;color:var(--green-700);font-size:var(--text-md);font-weight:var(--weight-semibold)}.kx-hero img{height:168px;width:auto;flex:none;margin:calc(-1 * var(--space-10)) 0;object-fit:contain}.kx-inforow{display:grid;grid-template-columns:1fr 300px;gap:var(--space-12);align-items:stretch}.kx-inforow.is-solo{grid-template-columns:300px;justify-content:start}.kx-banner img{height:28px;width:28px;object-fit:contain}.kx-salescard{display:flex;align-items:center;gap:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--space-10) var(--space-12);text-align:left;font-family:var(--font-sans);transition:box-shadow var(--duration-base) var(--ease-standard)}.kx-salescard:hover{box-shadow:var(--shadow-md)}.kx-salescard img{height:56px;width:56px;flex:none;object-fit:contain}.kx-salescard-body{flex:1;min-width:0;display:flex;flex-direction:column}.kx-salescard-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.kx-salescard-val{font-size:var(--text-xl);font-weight:var(--weight-extra);color:var(--text-strong);line-height:1.15;margin:2px 0}.kx-salescard-sub{color:var(--text-muted);font-size:var(--text-xs)}.kx-salescard .chev{color:var(--text-faint);flex:none;height:18px;width:18px}.kx-h--underline{position:relative;display:inline-block}.kx-h--underline:after{content:"";position:absolute;left:2px;right:16%;bottom:-3px;height:4px;border-radius:var(--radius-pill);background:var(--accent);opacity:.55;transform:skew(-12deg)}.kx-tools{display:flex;align-items:center;gap:var(--space-6)}.kn-iconbtn--bordered{background:var(--surface);border-color:var(--border-strong)}.kn-iconbtn--bordered:hover{background:var(--surface-soft)}.kx-pcard-fav{position:absolute;top:var(--space-6);right:var(--space-6);height:30px;width:30px;border-radius:50%;background:#ffffffeb;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:2;transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.kx-pcard-fav:hover{color:var(--text)}.kx-pcard-fav:active{transform:scale(.9)}.kx-pcard-fav.is-on{color:var(--danger)}.kx-pcard-fav.is-on svg{fill:currentColor}.kx-pcard-fav svg{height:16px;width:16px}.kx-pcard-add{display:block;width:100%;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;font:inherit;color:inherit}.kx-pcard-qty{position:absolute;top:var(--space-6);left:var(--space-6);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-extra);padding:2px var(--space-6);box-shadow:var(--shadow-sm);z-index:1}.kx-empty img{width:196px;max-width:70%;display:block;margin:0 auto var(--space-2)}.kx-side{background-image:url(/illust/leaves.png);background-repeat:no-repeat;background-position:left -16px bottom 90px;background-size:190px auto}.internet-banner{background:var(--danger);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;font-weight:var(--weight-extra);left:var(--space-12);padding:var(--space-6) var(--space-10);position:fixed;top:var(--space-10);z-index:60}