:root{--bg: #f1f5f9;--text: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--accent: #0f766e;--accent-hover: #0d9488;--radius: 14px;--shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 4px 12px rgba(15, 23, 42, .04);--shadow-hover: 0 8px 22px rgba(15, 23, 42, .1);font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,rgba(15,118,110,.08),transparent 55%),radial-gradient(900px 400px at 90% 0%,rgba(15,23,42,.06),transparent 50%),var(--bg)}a{color:var(--accent)}button,input,select{font:inherit}#root{min-height:100vh}.app-frame{min-height:100vh;display:flex;flex-direction:column}.page-pad{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:1.1rem 0 2.5rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-head h1{margin:0;font-size:1.45rem;letter-spacing:-.03em}.topnav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.7rem 1.25rem;background:#0f172a;color:#fff;position:sticky;top:0;z-index:20}.topnav .logo{font-weight:800;font-size:1.15rem;letter-spacing:-.03em;color:#fff;text-decoration:none;margin-right:.5rem}.topnav nav{display:flex;gap:.35rem;flex:1;flex-wrap:wrap}.topnav nav a{color:#ffffffc7;text-decoration:none;font-weight:600;font-size:.9rem;padding:.45rem .85rem;border-radius:999px;background:transparent}.topnav nav a.active,.topnav nav a:hover{background:#ffffff1f;color:#fff}.topnav-right{display:flex;align-items:center;gap:.65rem;font-size:.88rem;color:#fffc}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:.7rem 1rem;font-weight:700;cursor:pointer;text-decoration:none;color:inherit;background:#e2e8f0}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.ghost{background:transparent;border:1px solid #cbd5e1;color:var(--text)}.topnav .btn.ghost{border-color:#ffffff40;color:#fff}.btn.sm{padding:.4rem .7rem;font-size:.85rem;border-radius:10px}.btn:disabled{opacity:.6;cursor:wait}.flash{padding:.85rem 1rem;border-radius:12px;margin:.75rem 0;border:1px solid var(--border);background:#fff}.flash.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.flash.ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.muted{color:var(--text-secondary);font-size:.9rem}.center{text-align:center}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(160deg,#0f172a,#1e293b 45%,#0f766e 140%)}.auth-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:1.5rem 1.4rem 1.3rem;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;gap:.75rem}.auth-card .brand{margin:0;font-weight:800;letter-spacing:-.03em;color:var(--accent);font-size:1.2rem}.auth-card h1{margin:0;font-size:1.45rem;letter-spacing:-.03em}.auth-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;font-weight:600;color:#334155}.auth-card label.check-row{flex-direction:row;align-items:center;gap:.55rem;font-weight:500;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-card label.check-row input{width:auto;margin:0;accent-color:var(--accent)}.ops-card{width:min(460px,100%)}.ops-actions{display:flex;flex-wrap:wrap;gap:.5rem}.ops-actions .btn{flex:1;min-width:6.5rem}.ops-result{margin-top:.35rem;padding:.75rem .85rem;border-radius:12px;background:#f8fafc;border:1px solid var(--border)}.ops-result code{font-size:.85rem;background:#e2e8f0;padding:.1rem .35rem;border-radius:6px}.auth-card input,.auth-card select,.stack-form input,.stack-form select,.stack-form textarea{border:1px solid #cbd5e1;border-radius:11px;padding:.7rem .8rem;background:#fff}.stack-form textarea{resize:vertical;min-height:64px;font:inherit}.stack-form{display:flex;flex-direction:column;gap:.7rem}.stack-form label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.88rem}.aw-home{display:flex;flex-direction:column;gap:1.35rem}.aw-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-radius:18px;background:linear-gradient(135deg,#0f172a,#1e293b 55%,#0f766e 120%);color:#fff;box-shadow:0 12px 32px #0f172a2e}.aw-kicker{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3}.aw-title{margin:.2rem 0 .35rem;font-size:clamp(1.45rem,3vw,1.9rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}.aw-lead{margin:0;color:#ffffffd1;font-size:.98rem;max-width:28rem}.aw-hero-cta{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-radius:14px;background:#fbbf24;color:#0f172a;text-decoration:none;font-weight:700;box-shadow:0 6px 18px #fbbf2459;min-height:64px;min-width:min(100%,220px);transition:transform .15s,box-shadow .15s}.aw-hero-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px #fbbf2473}.aw-hero-cta-icon{font-size:1.6rem;line-height:1}.aw-hero-cta strong{display:block;font-size:1.05rem}.aw-hero-cta small{display:block;font-size:.8rem;font-weight:600;opacity:.75}.aw-section-label{margin:0 0 .65rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.aw-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.aw-action{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.15rem 1rem 1.05rem;border-radius:16px;text-decoration:none;color:var(--text);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);min-height:128px;transition:transform .12s,box-shadow .12s,border-color .12s}.aw-action:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#cbd5e1}.aw-action-icon{font-size:1.85rem;line-height:1}.aw-action-label{font-size:1.12rem;font-weight:800;letter-spacing:-.02em}.aw-action-hint{font-size:.82rem;color:var(--text-secondary);font-weight:500}.aw-action-sell{border-color:#fbbf24;background:linear-gradient(180deg,#fffbeb,#fff 70%)}.aw-action-orders{border-color:#93c5fd;background:linear-gradient(180deg,#eff6ff,#fff 70%)}.aw-action-pay{border-color:#86efac;background:linear-gradient(180deg,#ecfdf5,#fff 70%)}.aw-action-make{border-color:#fdba74;background:linear-gradient(180deg,#fff7ed,#fff 70%)}.aw-action-stock{border-color:#c4b5fd;background:linear-gradient(180deg,#f5f3ff,#fff 70%)}.aw-action-people{border-color:#99f6e4;background:linear-gradient(180deg,#f0fdfa,#fff 70%)}.aw-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}@media(max-width:720px){.aw-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}.aw-chip{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1rem;border-radius:14px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.aw-chip-n{font-size:1.55rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.aw-chip-t{font-size:.8rem;color:var(--text-secondary);font-weight:600}.aw-split{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}@media(max-width:860px){.aw-split{grid-template-columns:1fr}}.aw-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.1rem 1.15rem;box-shadow:var(--shadow);min-height:100%}.aw-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.aw-card-head h3{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.aw-card-head a{font-size:.85rem;font-weight:700;color:var(--accent);text-decoration:none}.aw-empty{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.45}.aw-inline-btn{display:inline-flex;margin-top:.85rem;padding:.7rem 1rem;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}.aw-order-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:.85rem;min-width:64px;min-height:44px;padding:.55rem .85rem;border-radius:11px;background:#fff;border:1px solid #cbd5e1;color:var(--text);font-weight:800;text-decoration:none}.aw-order-btn.primary{background:#0f766e;border-color:#0f766e;color:#fff}.aw-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem}.aw-more a{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:.85rem .55rem;border-radius:12px;background:#fff;border:1px solid var(--border);text-decoration:none;color:var(--text);font-weight:650;font-size:.88rem;box-shadow:var(--shadow);min-height:88px;justify-content:center}.aw-more-soon a.soon-link{position:relative;opacity:.92}.aw-more-soon a.soon-link small{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.stock-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.65rem 0 1rem}.stock-tabs a{text-decoration:none;color:var(--text);font-weight:700;font-size:.88rem;padding:.45rem .85rem;border-radius:999px;background:#fff;border:1px solid var(--border)}.stock-tabs a.active{background:#0f172a;color:#fff;border-color:#0f172a}.tab-focus{outline:2px solid rgba(15,118,110,.35);outline-offset:6px;border-radius:18px}.soon-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.5rem 1.35rem;box-shadow:var(--shadow);max-width:520px}.soon-card h1{margin:.2rem 0 .65rem;letter-spacing:-.03em}.plain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.plain-list li{display:grid;grid-template-columns:1.4fr 1fr auto auto;gap:.75rem;align-items:center;padding:.75rem .85rem;border-radius:12px;background:#f8fafc;border:1px solid var(--border)}.plain-list li.plain-list-2{grid-template-columns:1.4fr 1fr}.plain-list li.plain-list-party{grid-template-columns:1fr auto;align-items:start}.party-meta{display:block;font-size:.85rem;margin-top:.2rem;font-weight:500}.recipe-line{display:flex;flex-direction:column;gap:.45rem;padding:.75rem .85rem;margin-bottom:.55rem;border-radius:12px;background:#f8fafc;border:1px solid var(--border)}.plain-list li.edit-row{grid-template-columns:1fr}.input-row{display:flex;gap:.45rem}.input-row input{flex:1}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem}.shortage-panel{margin:0 0 1rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid #fca5a5;background:#fff1f2;box-shadow:var(--shadow)}.shortage-panel h3{margin:0 0 .35rem;font-size:1.05rem;font-weight:800;color:#9f1239}.shortage-panel p{margin:0 0 .75rem;color:var(--text);font-size:.95rem}.shortage-add{margin-top:.85rem;padding-top:.75rem;border-top:1px solid #fecdd3}.shortage-add label{display:flex;flex-direction:column;gap:.35rem;font-weight:650;font-size:.9rem}.found-name{margin:0;font-size:.92rem;color:#0f766e}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f172ab8;display:grid;place-items:center;padding:1rem}.scan-panel{width:min(420px,100%);background:#fff;border-radius:18px;padding:1rem 1rem 1.15rem;box-shadow:0 20px 50px #00000059}.scan-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem}.scan-viewport{border-radius:12px;overflow:hidden;min-height:220px;background:#0f172a}.scan-viewport video{width:100%!important;border-radius:12px}.audit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.audit-list li{background:#fff;border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem;box-shadow:var(--shadow)}.audit-top{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.audit-list pre{margin:.5rem 0;padding:.55rem .65rem;background:#f8fafc;border-radius:8px;font-size:.78rem;overflow:auto;max-height:90px}.audit-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.audit-actions code{font-size:.78rem;color:var(--text-secondary)}.license-chip{font-size:.78rem;font-weight:700;padding:.25rem .55rem;border-radius:8px;background:#0f766e40;color:#99f6e4}.license-chip.warn{background:#f59e0b4d;color:#fde68a}.license-chip.locked{background:#ef444459;color:#fecaca}.filter-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0 1rem}.filter-row label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600;color:#334155}.filter-row input,.filter-row select{min-width:140px;padding:.45rem .55rem;border-radius:10px;border:1px solid var(--border);background:#fff}.quick-att{display:flex;flex-wrap:wrap;gap:.4rem}.license-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;background:#fff7ed;border-bottom:1px solid #fed7aa;color:#9a3412}.license-banner.urgent{background:#fef2f2;border-color:#fecaca;color:#991b1b}.license-banner-actions{display:flex;gap:.5rem;flex-wrap:wrap}.license-banner .btn.ghost{border-color:currentColor;color:inherit}.license-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f172a8c;display:grid;place-items:center;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.license-lock-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:1.4rem 1.35rem 1.25rem;box-shadow:0 24px 60px #00000059;display:flex;flex-direction:column;gap:.65rem}.license-lock-card .brand{margin:0;font-weight:800;color:var(--accent)}.license-lock-card h1{margin:0;font-size:1.35rem;letter-spacing:-.03em}.license-lock-card code{font-weight:700;background:#f1f5f9;padding:.15rem .4rem;border-radius:6px}.license-lock-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.35rem}main.is-license-locked{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.55;filter:grayscale(.15)}@media(max-width:520px){.aw-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.plain-list li{grid-template-columns:1fr}}