:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f8ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-panel:#0d1424d6;--bg-panel-strong:#111b2ff0;--bg-soft:#ffffff0a;--bg-soft-strong:#ffffff12;--border-soft:#a1b3cc29;--border-strong:#7dd3fc47;--text-primary:#f6f8ff;--text-secondary:#b2c2d9;--text-muted:#7d90ab;--accent:#7dd3fc;--accent-2:#f5b45d;--accent-3:#a78bfa;--success:#34d399;--warning:#fbbf24;--danger:#fb7185;--good-soft:#34d39924;--warning-soft:#fbbf2424;--danger-soft:#fb718524;--neutral-soft:#94a3b824;--shadow-lg:0 24px 80px #00000057;--shadow-sm:0 6px 24px #0000002e;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:30px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;background:radial-gradient(circle at 0 0,#7dd3fc24,#0000 28%),radial-gradient(circle at 86% 18%,#f59e0b1f,#0000 22%),radial-gradient(circle at 100% 100%,#8b5cf61f,#0000 30%),linear-gradient(#06101d 0%,#0b1322 50%,#10192c 100%);font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text-primary);margin:0}body:before{content:"";pointer-events:none;opacity:.45;z-index:0;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#7dd3fc14,#0000 35%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}#root{z-index:1;min-height:100vh;position:relative}.shell{width:min(1360px,100vw - 32px);margin:0 auto;padding:24px 0 56px}.top-nav{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-sm);background:#09101ec7;padding:14px 18px;display:flex;position:sticky;top:16px}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#7dd3fc47,#a78bfa47);border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 1px #ffffff2e}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-copy strong{letter-spacing:-.02em;font-size:1rem}.brand-copy small{color:var(--text-muted);font-size:.75rem}.nav-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-links a{border-radius:var(--radius-pill);color:var(--text-secondary);background:#ffffff08;border:1px solid #0000;padding:10px 14px;transition:transform .18s,border-color .18s,background-color .18s,color .18s}.nav-links a:hover{color:var(--text-primary);border-color:var(--border-strong);background:#7dd3fc14;transform:translateY(-1px)}.hero,.hero-copy,.hero-panel,.panel,.product-card,.table-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-lg)}.hero{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1.35fr) minmax(340px,440px);align-items:stretch;display:grid}.hero-copy{padding:clamp(28px,4vw,40px);position:relative;overflow:hidden}.hero-copy:after{content:"";pointer-events:none;background:radial-gradient(circle,#7dd3fc2e,#0000 65%);border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;right:-120px}.hero-copy h1{letter-spacing:-.06em;text-transform:uppercase;max-width:9ch;margin:10px 0 16px;font-size:clamp(3rem,5.8vw,5.2rem);line-height:.95}.hero-copy p{max-width:60ch;color:var(--text-secondary);margin:0;font-size:1.05rem}.hero-callout{margin-top:var(--space-6);border-radius:var(--radius-md);background:linear-gradient(#ffffff0d,#ffffff08);border:1px solid #ffffff0f;padding:16px 18px}.hero-callout strong{margin-bottom:6px;display:block}.hero-callout p{font-size:.92rem}.hero-metrics{margin-top:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;padding:16px}.metric-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;display:block}.metric-card strong{letter-spacing:-.04em;margin-top:8px;font-size:clamp(1.4rem,2vw,2rem);display:block}.hero-panel{gap:var(--space-4);flex-direction:column;padding:clamp(22px,3vw,30px);display:flex}.section-header,.reservation-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.section-header h2,.reservation-panel-header h2,.draft-card h3,.product-body h3,.table-card h3{letter-spacing:-.03em;margin:0}.section-header p{color:var(--text-secondary);max-width:72ch;margin:6px 0 0}.eyebrow,.meta-label,.field-hint,.panel-footnote,.catalog-note,.muted{color:var(--text-muted)}.eyebrow,.meta-label{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;display:block}.pill{border-radius:var(--radius-pill);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.pill.sku{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff14}.pill.good{color:var(--success);background:var(--good-soft);border-color:#34d3993d}.pill.warn{color:var(--warning);background:var(--warning-soft);border-color:#fbbf243d}.pill.danger{color:var(--danger);background:var(--danger-soft);border-color:#fb71853d}.pill.neutral{color:var(--text-secondary);background:var(--neutral-soft);border-color:#94a3b83d}.pill.accent{color:var(--accent);background:#7dd3fc1f;border-color:#7dd3fc3d}.step-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.step-item{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;gap:14px;padding:14px 16px;display:flex}.step-index{width:34px;height:34px;color:var(--text-primary);background:linear-gradient(135deg,#7dd3fc47,#a78bfa47);border-radius:999px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.step-item h3{margin:0 0 6px;font-size:.98rem}.step-item p{color:var(--text-secondary);margin:0;font-size:.92rem}.draft-card{border-radius:var(--radius-md);background:linear-gradient(#ffffff0a,#ffffff06);border:1px solid #ffffff12;padding:18px}.draft-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.draft-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.draft-card-grid strong{margin-top:8px;font-size:1.05rem;display:block}.form-stack{gap:14px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-hint,.panel-footnote,.catalog-note,.muted{font-size:.88rem;line-height:1.55}.input,select.input,input.input{border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1a;outline:none;padding:14px 16px;transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s}.input:focus,select.input:focus,input.input:focus{background:#ffffff0f;border-color:#7dd3fc80;box-shadow:0 0 0 4px #7dd3fc1f}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:40px}.wide{width:100%}.btn{border-radius:var(--radius-md);letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-weight:800;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg, var(--accent-2), #d9a24d);color:#111827;box-shadow:0 14px 34px #f5b45d3d}.btn.primary:hover:not(:disabled){box-shadow:0 18px 40px #f5b45d4d}.btn.secondary{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff14}.btn.secondary:hover:not(:disabled){background:#7dd3fc14;border-color:#7dd3fc3d}.btn.danger{color:#fff;background:linear-gradient(135deg,#fb7185,#ef4444);box-shadow:0 14px 34px #ef44443d}.btn.danger:hover:not(:disabled){box-shadow:0 18px 40px #ef444452}.banner{margin:0 0 var(--space-5);border-radius:var(--radius-md);border:1px solid #0000;padding:16px 18px}.banner.success,.notice.success{color:#d1fae5;background:#34d3991f;border-color:#34d3993d}.banner.error{color:#ffe4e6;background:#fb71851f;border-color:#fb71853d}.banner.info,.notice.info{color:#d8f3ff;background:#7dd3fc1f;border-color:#7dd3fc3d}.notice{border-radius:var(--radius-md);border:1px solid #0000;padding:14px 16px}.catalog,.workflow{margin-bottom:var(--space-6)}.catalog-note{margin:12px 0 var(--space-4)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.product-card{flex-direction:column;gap:16px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:#7dd3fc38;transform:translateY(-2px);box-shadow:0 18px 40px #00000047}.product-card.active{border-color:#7dd3fc80;box-shadow:0 20px 46px #7dd3fc1f}.product-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.product-topline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-icon{background:linear-gradient(135deg,#7dd3fc3d,#a78bfa3d);border-radius:18px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:1.45rem;display:grid;box-shadow:inset 0 1px #ffffff24}.product-body p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.product-selected-hint{min-height:20px;color:var(--text-muted);font-size:.8rem}.product-selected-hint.visible{color:var(--accent);font-weight:700}.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.stock-grid div{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0d;padding:12px 14px}.stock-grid dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.stock-grid dd{margin:8px 0 0;font-size:1.25rem;font-weight:800}.good{color:var(--success)}.warn{color:var(--warning)}.danger,.soldout{color:var(--danger)}.neutral{color:var(--text-secondary)}.stock-bar{background:#ffffff0f;border-radius:999px;width:100%;height:10px;overflow:hidden}.stock-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-3));height:100%;display:block}.stock-bar span.good{background:linear-gradient(90deg, var(--success), #22c55e)}.stock-bar span.warn{background:linear-gradient(90deg, var(--warning), #f59e0b)}.stock-bar span.danger{background:linear-gradient(90deg, var(--danger), #ef4444)}.product-actions{flex-wrap:wrap;gap:10px;display:flex}.product-actions .btn{flex:1 1 0}.reservation-panel{gap:18px;display:grid}.reservation-help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.guide-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;align-items:flex-start;gap:12px;padding:16px;display:flex}.guide-card-index{width:32px;height:32px;color:var(--accent);background:#7dd3fc1f;border-radius:999px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.guide-card p{color:var(--text-secondary);margin:0;font-size:.92rem}.reservation-highlight{border-radius:var(--radius-md);background:linear-gradient(#ffffff0d,#ffffff08);border:1px solid #ffffff0f;grid-template-columns:minmax(0,1.05fr) minmax(220px,.95fr);gap:14px;padding:18px;display:grid}.reservation-highlight strong{margin-top:6px;font-size:1.15rem;display:block}.reservation-highlight p{color:var(--text-secondary);margin:6px 0 0}.reservation-timer strong{letter-spacing:-.06em;margin-top:6px;font-size:clamp(2rem,4vw,3rem);display:block}.reservation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.reservation-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.reservation-grid>div{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0d;padding:16px}.reservation-grid strong{word-break:break-word;margin-top:8px;display:block}.toolbar{flex-wrap:wrap;gap:12px;display:flex}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.table-card{padding:24px;overflow-x:auto}.table-card table{border-collapse:collapse;width:100%;min-width:540px}.table-card th,.table-card td{text-align:left;border-bottom:1px solid #ffffff0f;padding:12px 10px;font-size:.92rem}.table-card th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.empty-cell{text-align:center;color:var(--text-muted);padding:24px 10px}.dashboard-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;padding:28px;display:flex}.dashboard-empty h3,.dashboard-empty p{margin:0}.dashboard-empty p{color:var(--text-secondary);max-width:44ch}.dashboard-empty.error{border-color:#fb71853d}.dashboard-empty-icon{background:#ffffff0d;border-radius:18px;place-items:center;width:56px;height:56px;font-size:1.4rem;display:grid}.loading-ring{border:3px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#040912cc}::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b86b}::selection{color:var(--text-primary);background:#7dd3fc3d}@media (width<=1120px){.hero{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reservation-help-grid,.table-grid{grid-template-columns:1fr}.reservation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reservation-highlight{grid-template-columns:1fr}}@media (width<=760px){.shell{width:min(100vw - 20px,1360px);padding:16px 0 40px}.top-nav{flex-direction:column;align-items:stretch;position:static}.brand{justify-content:flex-start}.nav-links{justify-content:space-between;width:100%}.nav-links a{text-align:center;flex:1 1 0}.hero-copy h1{max-width:100%;font-size:clamp(2.6rem,12vw,4rem)}.hero-metrics,.field-row,.draft-card-grid,.reservation-grid,.reservation-grid-secondary{grid-template-columns:1fr}.product-actions,.toolbar{flex-direction:column}.reservation-help-grid{grid-template-columns:1fr}.section-header,.reservation-panel-header,.draft-card-header{flex-direction:column;align-items:flex-start}.product-card{padding:18px}}