:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef3f6;--surface:#fff;--surface-strong:#f8fbfc;--ink:#142022;--muted:#5f6d70;--line:#d7e1e4;--line-strong:#b8c8cd;--green:#0f8f64;--green-strong:#066342;--amber:#d8840b;--blue:#1e5aa8;--danger:#b42318;--danger-bg:#fff0ee;--success-bg:#ecfdf4;--shadow:0 16px 36px #1420221f}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{color:var(--ink);min-width:320px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:radial-gradient(circle at 0 0,#0f8f6424,#0000 28rem),linear-gradient(135deg,#eef3f6 0%,#f7faf9 46%,#edf6f2 100%);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.loading-screen{min-height:100dvh;color:var(--muted);padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));place-items:center;display:grid}.login-shell{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));align-items:center;display:grid}.login-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:8px;gap:18px;width:100%;max-width:430px;margin:0 auto;padding:clamp(18px,5vw,24px);display:grid}.login-panel h1{letter-spacing:0;margin:0;font-size:clamp(2rem,8vw,3.4rem);line-height:.98}.login-panel p{color:var(--muted);margin:8px 0 0;line-height:1.5}.login-form,.seller-form{gap:12px;display:grid}.login-form label,.seller-form label{color:var(--muted);gap:6px;font-size:.82rem;font-weight:800;display:grid}.login-form input,.seller-form input{border:1px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 12px}.password-field{display:grid;position:relative}.password-field input{width:100%;padding-right:48px}.password-toggle{color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:36px;padding:0;display:inline-flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{background:var(--surface-strong);color:var(--ink)}.app-shell{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.topbar{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;grid-template-columns:minmax(190px,1fr) auto minmax(240px,auto);align-items:center;gap:14px;width:100%;max-width:1180px;margin:0 auto 18px;padding:12px;display:grid}.brand-block,.topbar-status,.user-switcher,.section-heading,.session-actions,.primary-action,.secondary-action,.ghost-action,.danger-action,.alert{align-items:center;display:flex}.brand-block{gap:10px}.brand-mark{background:var(--ink);color:#d9ffe7;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.brand-title,.brand-subtitle,.panel-label,.muted,.metric span,.stock-row span,.list-row span{margin:0}.brand-title{font-size:1rem;font-weight:800}.brand-subtitle,.muted,.stock-row span,.list-row span{color:var(--muted);font-size:.86rem}.topbar-status{color:var(--muted);flex-wrap:wrap;gap:8px}.topbar-status span{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:9px 10px;display:inline-flex}.user-switcher{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;gap:8px;min-width:0;padding:6px}.user-switcher strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;overflow:hidden}.user-switcher span{color:var(--muted);font-size:.8rem}.user-switcher select,.inline-form input,.inline-form select,.form-column select,.form-column input,.form-column textarea{border:1px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:8px;outline:none;width:100%;min-height:40px;padding:9px 10px}.user-switcher select:focus,.inline-form input:focus,.inline-form select:focus,.form-column select:focus,.form-column input:focus,.form-column textarea:focus,button:focus-visible{box-shadow:0 0 0 3px #0f8f6438}.icon-button{background:var(--ink);color:#fff;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.seller-grid,.admin-shell,.admin-grid{width:100%;max-width:1180px;margin:0 auto}.seller-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.25fr);gap:14px;display:grid}.session-panel,.sales-panel,.code-panel,.history-panel,.wide-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;min-width:0;padding:clamp(14px,2vw,18px)}.session-panel{gap:16px;display:grid}.session-panel h1,.wide-panel h1,.sales-panel h2,.code-panel h2,.history-panel h2,.preview-column h2{letter-spacing:0;margin:0;line-height:1.05}.session-panel h1,.wide-panel h1{overflow-wrap:anywhere;font-size:clamp(1.55rem,4vw,3rem)}.sales-panel h2,.code-panel h2,.history-panel h2,.preview-column h2{font-size:1.2rem}.panel-label{color:var(--green-strong);text-transform:uppercase;margin-bottom:5px;font-size:.78rem;font-weight:800}.session-metrics,.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-strip{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:16px}.metric{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;padding:14px}.metric span{color:var(--muted);margin-bottom:6px;font-size:.78rem;display:block}.metric strong{overflow-wrap:anywhere;font-size:1.35rem;display:block}.session-actions,.section-heading{justify-content:space-between;gap:12px}.primary-action,.secondary-action,.ghost-action,.danger-action{white-space:nowrap;border-radius:8px;justify-content:center;gap:8px;min-height:42px;padding:10px 13px;font-weight:800}.primary-action{background:var(--green);border:1px solid var(--green);color:#fff}.secondary-action{background:var(--ink);border:1px solid var(--ink);color:#fff}.ghost-action{border:1px solid var(--line-strong);color:var(--ink);background:#fff}.danger-action{background:var(--danger-bg);color:var(--danger);border:1px solid #f3b8b1}.plan-buttons{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px;display:grid}.plan-sale-button{color:#f5fffa;text-align:left;touch-action:manipulation;background:#102022;border:1px solid #102022;border-radius:8px;gap:6px;min-height:136px;padding:16px;display:grid}.plan-sale-button span{color:#93f0b2;font-size:clamp(1.25rem,4vw,1.6rem);font-weight:900}.plan-sale-button strong{font-size:1rem}.plan-sale-button small{color:#bbd2d1}.code-panel{color:#f8fffb;background:#102022}.code-panel .panel-label{color:#93f0b2}.ticket-display{color:#102022;background:#d9ffe7;border-radius:8px;min-width:0;margin-top:16px;padding:18px}.ticket-display p{color:var(--green-strong);margin:0 0 8px;font-weight:800}.ticket-display strong{letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(2.2rem,8vw,4.6rem);line-height:.95;display:block}.single-code-label{color:var(--green-strong);background:#10202214;border-radius:8px;margin-top:14px;padding:10px 12px;font-weight:900;display:inline-flex}.credential-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:14px;display:grid}.credential-grid span{overflow-wrap:anywhere;background:#10202214;border-radius:8px;padding:10px}.empty-state{background:var(--surface-strong);border:1px dashed var(--line-strong);color:var(--muted);border-radius:8px;margin-top:14px;padding:16px}.code-panel .empty-state{color:#c8dddc;background:#ffffff14;border-color:#ffffff38}.compact-list{gap:8px;margin-top:14px;display:grid}.list-row{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.list-row>div{gap:4px;min-width:0;display:grid}code{color:var(--blue);overflow-wrap:anywhere;background:#eaf3f4;border-radius:6px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.alert{border-radius:8px;gap:8px;margin-top:14px;padding:12px}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #f3b8b1}.alert-success{background:var(--success-bg);color:var(--green-strong);border:1px solid #a6e8c2}.admin-shell{gap:14px;display:grid}.admin-tabs{border:1px solid var(--line);box-shadow:var(--shadow);overscroll-behavior-x:contain;scrollbar-width:thin;background:#fffffff0;border-radius:8px;gap:6px;width:100%;padding:8px;display:flex;overflow-x:auto}.admin-tabs button{color:var(--muted);touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:7px;min-height:40px;padding:9px 12px;display:inline-flex}.admin-tabs button.active{background:var(--ink);color:#fff}.admin-grid{gap:14px;display:grid}.wide-panel{min-width:0}.stock-table,.sales-table{overscroll-behavior-x:contain;scrollbar-width:thin;gap:8px;width:100%;margin-top:16px;padding-bottom:2px;display:grid;overflow-x:auto}.stock-row{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(92px,auto) minmax(86px,auto) minmax(94px,auto);align-items:center;gap:12px;min-width:560px;padding:12px;display:grid}.stock-row>div{gap:4px;display:grid}.seller-row{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(140px,220px) minmax(112px,auto) minmax(126px,auto);align-items:center;gap:12px;min-width:660px;padding:12px;display:grid}.seller-row>div{gap:4px;display:grid}.inline-form,.import-layout{gap:12px;margin-top:16px;display:grid}.inline-form{grid-template-columns:minmax(170px,1.1fr) minmax(120px,.7fr) minmax(130px,.8fr) minmax(150px,1fr) auto}.seller-form{grid-template-columns:minmax(170px,1fr) minmax(130px,.8fr) minmax(160px,.8fr) auto;margin-top:16px}.inline-form label,.form-column label{color:var(--muted);gap:6px;font-size:.82rem;font-weight:800;display:grid}.import-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.form-column{gap:12px;display:grid}.form-column textarea{resize:vertical;min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.preview-column{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;padding:14px}.table-head,.table-row{grid-template-columns:145px 1fr 110px 150px 95px minmax(120px,160px);gap:12px;min-width:780px;display:grid}.table-head{color:var(--muted);padding:0 12px;font-size:.78rem;font-weight:900}.table-row{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;align-items:center;padding:12px}.status-ok,.status-danger{text-align:center;border-radius:999px;padding:6px 8px;font-size:.78rem;font-weight:900}.status-ok{background:var(--success-bg);color:var(--green-strong)}.status-danger{background:var(--danger-bg);color:var(--danger)}@media (max-width:960px){.topbar,.seller-grid,.import-layout,.inline-form,.seller-form{grid-template-columns:1fr}.topbar{align-items:stretch}.brand-block{justify-content:flex-start}.user-switcher{grid-template-columns:auto minmax(0,1fr) auto auto auto;display:grid}.topbar-status{justify-content:stretch}.topbar-status span{flex:1}.metric-strip,.plan-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form,.seller-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.inline-form .primary-action,.seller-form .primary-action{width:100%}}@media (max-width:620px){body{background:#eef3f6}.login-shell{align-items:stretch}.login-panel{align-self:center}.app-shell{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.topbar,.session-panel,.sales-panel,.code-panel,.history-panel,.wide-panel{padding:12px}.topbar{gap:10px;margin-bottom:10px}.brand-subtitle{display:none}.brand-mark{width:40px;height:40px}.topbar-status{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.topbar-status span{justify-content:center;min-width:0;padding:8px}.user-switcher{grid-template-columns:auto minmax(0,1fr) auto auto}.user-switcher span{display:none}.icon-button{width:40px;height:40px}.metric-strip,.session-metrics,.plan-buttons,.credential-grid{grid-template-columns:1fr}.session-actions .primary-action,.session-actions .secondary-action,.section-heading .secondary-action,.primary-action,.secondary-action{width:100%}.section-heading{flex-direction:column;align-items:stretch}.section-heading>svg{display:none}.plan-sale-button{min-height:104px}.stock-row,.seller-row{grid-template-columns:1fr;gap:8px;min-width:0}.seller-row .ghost-action,.seller-row .danger-action{width:100%}.admin-tabs{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.admin-tabs button{min-height:44px}.sales-table{overflow-x:visible}.table-head{display:none}.table-row{grid-template-columns:1fr;gap:10px;min-width:0;display:grid}.table-row>span,.table-row>strong,.table-row>code{align-items:start;gap:4px;display:grid}.table-row>span:before,.table-row>strong:before,.table-row>code:before{color:var(--muted);content:attr(data-label);text-transform:uppercase;font-size:.72rem;font-weight:900}.status-ok,.status-danger{justify-self:start}}@media (max-width:420px){.login-panel h1{font-size:clamp(2rem,13vw,2.8rem)}.login-panel,.topbar,.session-panel,.sales-panel,.code-panel,.history-panel,.wide-panel{padding:10px}.brand-title{font-size:.92rem}.topbar-status{font-size:.78rem}.user-switcher{gap:6px;padding:5px}.ticket-display{padding:14px}.ticket-display strong{font-size:clamp(2rem,16vw,3.4rem)}.primary-action,.secondary-action,.ghost-action,.danger-action{white-space:normal;min-height:44px}}@media (min-width:1180px){.app-shell{padding-top:22px}.seller-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr)}.plan-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (pointer:coarse){.primary-action,.secondary-action,.ghost-action,.danger-action,.admin-tabs button,.plan-sale-button,.password-toggle{min-height:44px}}