:root{--bg:#0d0d12;--bg-card:#16161e;--bg-elevated:#1c1c26;--bg-input:#12121a;--border:#2a2a36;--border-focus:#4f46e5;--text:#e4e4e7;--text-muted:#8b8b9a;--accent:#6366f1;--accent-hover:#4f46e5;--accent-subtle:#6366f126;--danger:#ef4444;--danger-bg:#ef44441f;--success:#22c55e;--success-bg:#22c55e1f;--radius:8px;--radius-lg:12px;--shadow:0 4px 12px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html.app-env-dev [data-nextjs-dialog-overlay],html.app-env-dev [data-nextjs-dialog-backdrop]{pointer-events:none!important}html,body{min-height:100dvh;overflow:auto}#shop-app-root{min-height:100dvh}next-route-announcer{pointer-events:none;z-index:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}.header{background:var(--bg-elevated);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1.5rem}.nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nav-brand{color:var(--text);letter-spacing:.03em;border-right:1px solid var(--border);margin-right:.5rem;padding:.5rem .75rem .5rem 0;font-size:1.05rem;font-weight:700;text-decoration:none}.nav-brand:hover{color:var(--accent)}.nav-btn{color:var(--text-muted);border-radius:var(--radius);padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s}.nav-btn:hover{background:var(--bg-card);color:var(--text)}@keyframes nav-auction-live-pulse{0%,to{box-shadow:0 0 0 1px #818cf873,0 0 10px #6366f147}50%{box-shadow:0 0 0 2px #c7d2febf,0 0 18px 3px #6366f1b8,0 0 36px 8px #818cf873}}.nav-auction-live{border-radius:var(--radius);animation:1.75s ease-in-out infinite nav-auction-live-pulse}@media (prefers-reduced-motion:reduce){.nav-auction-live{animation:none;box-shadow:0 0 0 2px #c7d2febf,0 0 14px 2px #6366f180}}.nav-btn-active{font-weight:600;color:#eef0ff!important;background:linear-gradient(155deg,#6366f17a 0%,#4338ca8f 48%,#6366f166 100%)!important;border:1px solid #a5b4fc94!important}.nav-btn-active:not(.nav-btn-accent){box-shadow:inset 0 -3px #a5b4fc,inset 0 1px #ffffff12,0 0 18px #6366f152}.nav-btn-accent.nav-btn-active{box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #6366f159,0 0 20px #6366f161;color:#fff!important;background:linear-gradient(#7175f5 0%,#4f46e5 45%,#4338ca 100%)!important;border:1px solid #c7d2fe8c!important}.nav-btn.nav-btn-active:not(.nav-btn-accent):hover{color:#f5f7ff!important;background:linear-gradient(155deg,#6366f18f 0%,#4338caa3 48%,#6366f17a 100%)!important}.nav-btn.nav-btn-accent.nav-btn-active:hover{color:#fff!important;background:linear-gradient(#7c7ff7 0%,#5b5ce8 45%,#4c3dd4 100%)!important}.nav-header-balance.nav-header-balance-active{background:linear-gradient(155deg,#6366f166 0%,#4f46e57a 100%);border:1px solid #a5b4fc8c;outline:none;box-shadow:0 0 16px #6366f147}.nav-header-balance.nav-header-balance-active:hover{background:linear-gradient(155deg,#6366f180 0%,#4f46e594 100%)}.nav-btn.login{background:var(--accent);color:#fff;margin-left:auto}.nav-btn.login:hover{background:var(--accent-hover)}.nav-btn-accent{background:var(--accent)!important;color:#fff!important}.nav-btn-accent:hover{background:var(--accent-hover)!important}.nav-btn-badge-wrap{position:relative}.nav-badge{text-align:center;background:var(--danger);color:#fff;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:600;line-height:18px;position:absolute;top:-4px;right:-4px}.nav-btn-secondary{background:var(--bg-card)!important}.nav-btn-secondary:hover{background:var(--bg-elevated)!important}.nav-right{align-items:flex-end;gap:.65rem;margin-left:auto;display:flex}.nav-header-balance{color:inherit;border-radius:6px;flex-direction:column;align-items:flex-end;gap:.2rem;margin-right:.25rem;padding:.25rem .5rem;line-height:1.25;text-decoration:none;display:flex}.nav-header-balance:hover{background:var(--bg-card)}.nav-header-balance-label{letter-spacing:.02em;color:var(--text-muted);font-size:1.02rem;font-weight:600}.nav-header-balance-amount{font-variant-numeric:tabular-nums;font-size:1.28rem;font-weight:600}.nav-header-balance--loading .nav-header-balance-label,.nav-header-balance--loading .nav-header-balance-amount{color:var(--text-muted)}.nav-header-balance--positive .nav-header-balance-label,.nav-header-balance--positive .nav-header-balance-amount{color:var(--success)}.nav-header-balance--zero .nav-header-balance-label,.nav-header-balance--zero .nav-header-balance-amount{color:var(--danger)}.nav-user-block{flex-direction:column;align-items:flex-end;gap:.2rem;max-width:17rem;display:flex}.nav-user-name{color:var(--text);text-align:right;word-break:break-word;font-size:.85rem;font-weight:500;line-height:1.25}.nav-user-role-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700;line-height:1.2}.nav-user-rights{color:var(--text-muted);text-align:left;max-width:100%;margin:0;padding:0 0 0 1rem;font-size:.68rem;line-height:1.35;list-style:outside}.nav-user-rights li{margin:0}.nav-btn-muted{opacity:.8}.nav-btn-text{cursor:default!important;background:0 0!important}.nav-btn-text:hover{background:0 0!important}.nav-btn-ghost{cursor:pointer;font:inherit;background:0 0;border:none}.nav-btn-ghost:hover{background:var(--bg-card)!important}.admin-online-pinned{z-index:60;border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow);background:#16161ef2;border-radius:10px;padding:.5rem .65rem;position:fixed;top:72px;right:12px}.admin-online-pinned-title{letter-spacing:.03em;color:var(--text-muted);margin-bottom:.2rem;font-size:.76rem}.admin-online-pinned-line{color:var(--text);font-size:.78rem;line-height:1.35}.admin-online-pinned-line-err{color:var(--danger)}.nav-dropdown{position:relative}.nav-dropdown-root>.nav-btn{cursor:pointer}.nav-dropdown>summary{cursor:pointer;list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown-summary-on{font-weight:600;box-shadow:inset 0 -3px #a5b4fc,inset 0 1px #ffffff12,0 0 18px #6366f14d;color:#eef0ff!important;background:linear-gradient(155deg,#6366f175 0%,#4338ca8a 48%,#6366f161 100%)!important;border:1px solid #a5b4fc8c!important}.nav-dropdown-root>.nav-btn.nav-dropdown-summary-on:hover{color:#f5f7ff!important;background:linear-gradient(155deg,#6366f18a 0%,#4338ca9e 48%,#6366f175 100%)!important}.nav-dropdown-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:240px;box-shadow:var(--shadow);z-index:200;margin-top:.35rem;padding:.4rem;position:absolute;top:100%;left:0}.nav-dropdown-panel a{border-radius:var(--radius);color:var(--text-muted);padding:.45rem .65rem;font-size:.875rem;text-decoration:none;display:block}.nav-dropdown-panel a:hover{background:var(--bg-elevated);color:var(--text)}.nav-dropdown-panel a.nav-dropdown-active{border-left:3px solid #a5b4fc;padding-left:calc(.65rem - 3px);font-weight:600;color:#e0e7ff!important;background:linear-gradient(90deg,#6366f16b 0%,#4f46e552 100%)!important}.nav-dropdown-panel a.nav-dropdown-active:hover{color:#f5f7ff!important;background:linear-gradient(90deg,#6366f185 0%,#4f46e566 100%)!important}.main{min-height:calc(100vh - 52px);color:var(--text);padding:2rem}.main-auth{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.app-loading{color:var(--text-muted);font-size:.95rem}.main h1{color:var(--text);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.main h2{color:var(--text);font-size:1rem;font-weight:600}.main p{color:var(--text-muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.table-pagination{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding:.5rem 0;font-size:.85rem;display:flex}.table-pagination-range{white-space:nowrap}.table-pagination-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.table-pagination-status{color:var(--text);text-align:center;min-width:5.5rem;font-weight:500}.table-pagination-btn{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;padding:.35rem .75rem;font-size:.8rem}.table-pagination-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--text-muted)}.table-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.api-activity-bar{z-index:100001;pointer-events:none;opacity:0;height:2px;transition:opacity .2s;position:fixed;top:0;left:0;right:0;overflow:hidden}.api-activity-bar--on{opacity:1}.api-activity-bar__glow,.api-activity-bar__strip{pointer-events:none}.api-activity-bar__glow{background:linear-gradient(90deg,#0000 0%,#6366f11f 40%,#6366f138 50%,#6366f11f 60%,#0000 100%);animation:1.1s ease-in-out infinite api-activity-pulse;position:absolute;inset:0}.api-activity-bar__strip{background:linear-gradient(90deg,#0000,#818cf840,#a5b4fcf2,#818cf840,#0000);border-radius:1px;width:38%;height:100%;animation:1.05s ease-in-out infinite api-activity-sweep;position:absolute;top:0;left:-30%;box-shadow:0 0 10px #6366f159}@keyframes api-activity-pulse{0%,to{opacity:.45}50%{opacity:.85}}@keyframes api-activity-sweep{0%{left:-35%}to{left:105%}}@media (prefers-reduced-motion:reduce){.api-activity-bar__glow,.api-activity-bar__strip{animation:none}.api-activity-bar--on .api-activity-bar__strip{opacity:.55;width:100%;left:0}.api-activity-bar--on .api-activity-bar__glow{opacity:.7}}.notice-banner{z-index:90;border-bottom:1px solid var(--border);color:#eef2ff;letter-spacing:.01em;background:linear-gradient(90deg,#6366f147,#6366f12e);margin:0;padding:.55rem .9rem;font-size:.9rem;font-weight:600;position:sticky;top:0}