:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#276cff;--primary-dark:#1b4fd1;--on-primary:#fff;--secondary:#1e2c4a;--on-secondary:#fff;--secondary-container:#d9ebff;--on-secondary-container:#1e2c4a;--tertiary:#22c55e;--on-tertiary:#fff;--tertiary-container:#dcfce7;--on-tertiary-container:#166534;--background:#edf6ff;--surface:#fff;--surface-variant:#e4eefa;--on-surface:#1e2c4a;--on-surface-variant:#5a6b8c;--outline:#c4d5ec;--error:#dc2626;--error-container:#fee2e2;--on-error-container:#7f1d1d;--success:#16a34a;--warning:#f59e0b;--warning-container:#fef3c7;--on-warning-container:#92400e;--input-bg:#f8fbff;--topbar-bg:#ffffffeb;--row-hover:#f3f7ff;--row-active:#edf6ff;--chip-primary-bg:#edf6ff;--scrim:#0006;--shadow:0 10px 30px #1e2c4a14;--auth-hero-start:#1b4fd1;--auth-hero-end:#276cff;--radius:14px;--radius-sm:10px;--radius-lg:18px;--sidebar:248px;--topbar:68px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#5b8dff;--primary-dark:#276cff;--on-primary:#0b1b3d;--secondary:#afc6ee;--on-secondary:#132038;--secondary-container:#1a2030;--on-secondary-container:#edf6ff;--tertiary:#4ade80;--on-tertiary:#0b2916;--tertiary-container:#14532d;--on-tertiary-container:#bbf7d0;--background:#000;--surface:#12161f;--surface-variant:#1a2030;--on-surface:#edf6ff;--on-surface-variant:#94a7cc;--outline:#2a3142;--error:#f87171;--error-container:#5b1f1f;--on-error-container:#fee2e2;--success:#4ade80;--warning:#fbbf24;--warning-container:#5c4213;--on-warning-container:#fef3c7;--input-bg:#1a2030;--topbar-bg:#12161feb;--row-hover:#1a2030;--row-active:#1f2636;--chip-primary-bg:#1a2030;--scrim:#0009;--shadow:0 10px 30px #00000059;--auth-hero-start:#000;--auth-hero-end:#276cff}}*{box-sizing:border-box}html,body,#root{min-height:100%}html{overflow-x:hidden}body{background:var(--background);color:var(--on-surface);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.muted{color:var(--on-surface-variant)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:700}.brand{align-items:center;gap:10px;display:inline-flex}.brand-logo{width:auto;height:32px}.brand-logo-dark{display:none}@media (prefers-color-scheme:dark){.brand-logo-light{display:none}.brand-logo-dark{display:block}}.brand-admin{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);background:var(--surface-variant);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.brand-compact .brand-logo{height:26px}.admin-shell{grid-template-columns:var(--sidebar) 1fr;grid-template-rows:1fr;grid-template-areas:"sidebar main";min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--outline);flex-direction:column;grid-area:sidebar;gap:8px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;gap:8px;min-height:48px;margin-bottom:8px;padding:0 4px 12px 10px;display:flex}.icon-btn.sidebar-close-btn{display:none}.sidebar-nav{flex:1;align-content:start;gap:4px;display:grid}.sidebar-nav a{color:var(--on-surface-variant);border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar-nav a:hover{background:var(--row-hover);color:var(--on-surface)}.sidebar-nav a.active{background:var(--secondary-container);color:var(--on-secondary-container)}.sidebar-footer{border-top:1px solid var(--outline);gap:10px;margin-top:auto;padding-top:14px;display:grid}.user-pill{background:var(--surface-variant);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.user-avatar{background:var(--secondary-container);width:36px;height:36px;color:var(--on-secondary-container);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.user-meta{gap:2px;min-width:0;display:grid}.user-email{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-role{letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);font-size:11px;font-weight:700}.admin-topbar{z-index:20;height:var(--topbar);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--outline);grid-area:topbar;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:none;position:sticky;top:0}.admin-main{grid-area:main;width:100%;min-width:0;max-width:1440px;padding:28px}@media (width<=1024px){.admin-shell{grid-template-columns:1fr;grid-template-rows:var(--topbar) 1fr;grid-template-areas:"topbar""main"}.sidebar{z-index:40;border-right:1px solid var(--outline);width:min(300px,88vw);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.icon-btn.sidebar-close-btn{display:inline-grid}.sidebar-scrim{background:var(--scrim);z-index:35;border:0;padding:0;position:fixed;inset:0}.admin-topbar{display:flex}.admin-main{max-width:none;padding:16px 14px 28px}}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1.1}.page-header-action{flex-wrap:wrap;gap:10px;display:flex}.user-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.user-row{border:1px solid var(--outline);background:var(--input-bg);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.user-row-main{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.user-row-copy{gap:4px;min-width:0;display:grid}.user-row-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-row-title strong{font-size:15px}.user-row-meta{flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.user-row-note{font-size:13px}.user-row-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.back-link{color:var(--on-surface-variant);align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--primary)}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-full{width:100%}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--surface);border-color:var(--outline);color:var(--on-surface)}.btn-secondary:hover:not(:disabled){background:var(--row-hover)}.btn-tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.btn-tonal:hover:not(:disabled){filter:brightness(.97)}.btn-ghost{color:var(--on-surface-variant);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--row-hover);color:var(--on-surface)}.btn-danger{background:var(--error-container);color:var(--on-error-container);border-color:#0000}.btn-danger:hover:not(:disabled){filter:brightness(.96)}.btn-text{color:var(--primary);background:0 0;min-height:auto;padding:8px 10px}.btn-label-lg{display:none}@media (width>=901px){.btn-label-lg{display:inline}}.icon-btn{width:40px;height:40px;color:var(--on-surface);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--row-hover)}.icon-btn.mobile-menu-btn,.icon-btn.topbar-signout-btn{display:inline-grid}.card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius)}.card-pad{padding:20px}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-header h2{letter-spacing:-.02em;font-size:18px;font-weight:700}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--outline);padding:18px}.stat-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stat-label{color:var(--on-surface-variant);font-size:13px;font-weight:600}.stat-icon{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.stat-icon.pending{background:var(--warning-container);color:var(--on-warning-container)}.stat-icon.ok{background:var(--tertiary-container);color:var(--on-tertiary-container)}.stat-icon.danger{background:var(--error-container);color:var(--on-error-container)}.stat-icon.info{background:var(--chip-primary-bg);color:var(--primary)}.stat-value{letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab{border:1px solid var(--outline);background:var(--surface);color:var(--on-surface-variant);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.tab.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.tab-count{background:#ffffff38;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-grid}.tab:not(.active) .tab-count{background:var(--surface-variant);color:var(--on-surface-variant)}.badge{text-transform:capitalize;background:var(--surface-variant);color:var(--on-surface-variant);border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-pending{background:var(--warning-container);color:var(--on-warning-container)}.badge-approved,.badge-active,.badge-resolved{background:var(--tertiary-container);color:var(--on-tertiary-container)}.badge-rejected,.badge-blocked{background:var(--error-container);color:var(--on-error-container)}.badge-sold{background:var(--chip-primary-bg);color:var(--primary)}.badge-archived{background:var(--surface-variant);color:var(--on-surface-variant)}.badge-open{background:var(--warning-container);color:var(--on-warning-container)}.badge-admin{background:var(--secondary-container);color:var(--on-secondary-container)}.search-field{border:1px solid var(--outline);background:var(--input-bg);min-width:min(360px,100%);min-height:44px;color:var(--on-surface-variant);border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-field input{color:var(--on-surface);background:0 0;border:0;outline:none;flex:1;font-size:14px}.search-field input::placeholder{color:var(--on-surface-variant)}.field{gap:8px;font-size:14px;font-weight:600;display:grid}.field input,.field textarea,.field select{border:1px solid var(--outline);background:var(--input-bg);border-radius:12px;outline:none;width:100%;padding:12px 14px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #276cff26}.data-table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);margin:0 -4px;padding:0 4px;overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--outline);vertical-align:top;padding:14px 16px}.data-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-variant);background:var(--surface-variant);white-space:nowrap;font-size:12px;font-weight:700}.data-table tbody tr:hover{background:var(--row-hover)}.data-table tbody tr.active{background:var(--row-active)}.data-table .row{flex-wrap:wrap}.data-table select{border:1px solid var(--outline);background:var(--input-bg);border-radius:10px;max-width:100%;padding:8px 10px}.listing-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.listing-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--outline);cursor:pointer;gap:10px;padding:10px;transition:border-color .15s,background .15s;display:grid;position:relative}.listing-card:hover{border-color:var(--primary);background:var(--row-hover)}.listing-card.selected{border-color:var(--primary);background:var(--row-active)}.listing-card-check{z-index:2;width:18px;height:18px;position:absolute;top:16px;right:16px}.listing-image{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(135deg,#dceafa,#c6d9f4);overflow:hidden}.listing-image img{object-fit:cover;width:100%;height:100%}.listing-image-fallback{width:100%;height:100%;color:var(--on-surface-variant);place-items:center;display:grid}.listing-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.listing-price{font-size:16px;font-weight:700}.listing-price s{color:var(--on-surface-variant);margin-right:6px;font-size:13px;font-weight:500}.listing-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-bar{background:var(--surface-variant);border:1px solid var(--outline);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.empty{text-align:center;justify-items:center;gap:10px;padding:48px 24px;display:grid}.empty-icon{background:var(--surface-variant);width:64px;height:64px;color:var(--on-surface-variant);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.empty h3{font-size:18px;font-weight:700}.dialog-backdrop{z-index:100;background:var(--scrim);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--outline);border-radius:18px;width:min(480px,100%);overflow:hidden}.dialog-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 0;display:flex}.dialog-head h2{font-size:20px;font-weight:700}.dialog-body{padding:14px 18px}.dialog-actions{justify-content:flex-end;gap:10px;padding:0 18px 18px;display:flex}.notice{border:1px solid var(--outline);background:var(--surface-variant);border-radius:12px;margin-bottom:16px;padding:14px 16px}.notice.error{background:var(--error-container);color:var(--on-error-container);border-color:#0000}.detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:16px;display:grid}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:20px;display:grid}.photo-grid a{aspect-ratio:1;border:2px solid #0000;border-radius:12px;position:relative;overflow:hidden}.photo-grid a.main-photo{border-color:var(--primary)}.photo-grid img{object-fit:cover;width:100%;height:100%}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.meta-grid dt{letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);font-size:11px;font-weight:700}.meta-grid dd{margin:4px 0 0;font-weight:600}.sticky-panel{top:calc(var(--topbar) + 16px);position:sticky}.detail-title{letter-spacing:-.03em;word-break:break-word;font-size:clamp(22px,4vw,32px);font-weight:700;line-height:1.15}.chat-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:16px;min-width:0;min-height:520px;display:grid}.chat-pane{min-width:0}.chat-list{gap:6px;max-height:560px;display:grid;overflow:auto}.chat-list-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;width:100%;padding:12px 14px}.chat-list-item:hover{background:var(--row-hover)}.chat-list-item.active{background:var(--row-active);border-color:var(--outline)}.chat-list-item strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-list-preview{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.chat-messages{gap:10px;max-height:520px;padding-right:4px;display:grid;overflow:auto}.chat-bubble{border:1px solid var(--outline);background:var(--surface);word-break:break-word;border-radius:14px;max-width:85%;padding:10px 12px}.chat-bubble.mine{background:var(--chip-primary-bg);border-color:#0000;margin-left:auto}.chat-bubble.deleted{opacity:.7;font-style:italic}.chat-bubble .row .btn{min-height:36px;padding:0 12px;font-size:13px}.chat-back-btn{display:none}.login-shell{background:radial-gradient(ellipse 70% 50% at 100% 0%, #276cff24, transparent 55%), var(--background);place-items:center;min-height:100svh;padding:24px;display:grid}.login-panel{gap:18px;width:min(420px,100%);display:grid}.login-brand{justify-content:center;display:flex}.login-card{background:var(--surface);border:1px solid var(--outline);border-radius:22px;gap:16px;padding:28px 24px;display:grid}.login-copy h1{letter-spacing:-.035em;font-size:28px;font-weight:700}.login-copy p{color:var(--on-surface-variant);margin-top:6px;font-size:15px}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.skeleton{background:linear-gradient(90deg, var(--surface-variant), var(--surface), var(--surface-variant));background-size:200% 100%;border-radius:12px;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-loading{background:radial-gradient(ellipse 70% 45% at 50% 20%, #276cff1f, transparent 58%), var(--background);place-content:center;justify-items:center;gap:22px;min-height:100svh;padding:24px;display:grid}.admin-splash{place-items:center;width:120px;height:120px;display:grid;position:relative}.admin-splash-ring{background:conic-gradient(from 0deg, var(--primary) 0 30%, transparent 30% 100%);border-radius:50%;animation:.85s linear infinite admin-splash-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px))}.admin-splash-icon{z-index:1;object-fit:cover;border-radius:18px;width:72px;height:72px;position:relative}.admin-loading-label{color:var(--on-surface-variant);letter-spacing:.01em;margin:0;font-size:14px;font-weight:600}@keyframes admin-splash-spin{to{transform:rotate(360deg)}}.admin-gate{background:radial-gradient(ellipse 70% 45% at 50% 15%, #276cff1a, transparent 55%), var(--background);place-content:center;justify-items:center;gap:20px;min-height:100svh;padding:24px;display:grid}.admin-gate-card{background:var(--surface);border:1px solid var(--outline);text-align:center;width:min(420px,100%);box-shadow:var(--shadow);border-radius:20px;justify-items:center;gap:12px;padding:28px 24px;display:grid}.admin-gate-icon{background:var(--error-container);width:52px;height:52px;color:var(--on-error-container);border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.admin-gate-card h1{letter-spacing:-.03em;margin:0;font-size:22px}.admin-gate-card .muted{max-width:32ch;margin:0 0 8px}.stack{gap:16px;display:grid}.stack-sm{gap:10px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.center-page,.page-center{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100svh;padding:24px;display:grid}.row.between{justify-content:space-between;width:100%}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.sticky-panel{position:static}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header h1{font-size:24px}.page-header-action,.page-header-action .btn{width:100%}.user-row{flex-direction:column}.user-row-actions{justify-content:stretch;width:100%}.user-row-actions .btn{flex:auto}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:auto}.card-pad{padding:14px}.listing-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.data-table th,.data-table td{padding:12px 10px}.chat-layout{grid-template-columns:1fr;min-height:0}.chat-layout.has-selection .chat-pane-list,.chat-layout:not(.has-selection) .chat-pane-thread{display:none}.chat-back-btn{display:inline-flex}.chat-list,.chat-messages{max-height:min(70vh,560px)}.chat-bubble{max-width:100%}}@media (width<=640px){.stat-grid{grid-template-columns:1fr}.search-field{width:100%;min-width:100%}.meta-grid{grid-template-columns:1fr}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}}