:root{color:#241b3a;background:#f7f5fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{align-items:center;background:#7c3aed;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.45rem;justify-content:center;padding:.8rem 1.1rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover:not(:disabled){background:#6d28d9;box-shadow:0 10px 20px #7c3aed2e;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}main{margin:0 auto;max-width:1180px;padding:2rem}.hero{align-items:center;background:linear-gradient(135deg,#7c3aed,#4c1d95 65%,#1e1b4b);border-radius:2rem;color:#fff;display:flex;justify-content:space-between;gap:2rem;padding:2.5rem;box-shadow:0 24px 60px #1e1b4b33}.hero h1{font-size:clamp(2.5rem,8vw,5rem);line-height:.95;margin:.15rem 0 1rem;overflow-wrap:anywhere}.hero p{color:#ffffffd1;margin:0;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem}.eyebrow{color:#ddd6fe!important;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.alert{background:#fee2e2;border:1px solid #fecaca;border-radius:1rem;color:#991b1b;font-weight:700;margin-top:1rem;padding:1rem}.hidden{display:none}.stats-grid,.layout{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.layout{align-items:start;grid-template-columns:minmax(280px,.8fr) minmax(0,2fr)}.panel.full{grid-column:1 / -1}.stat-card,.panel,.item-card{background:#ffffffdb;border:1px solid #e4defa;border-radius:1.35rem;box-shadow:0 16px 40px #7c3aed14}.stat-card{padding:1.25rem}.stat-card div{align-items:center;background:#ede9fe;border-radius:1rem;color:#7c3aed;display:inline-flex;height:2.8rem;justify-content:center;width:2.8rem}.stat-card strong{display:block;font-size:2rem;margin-top:.8rem}.stat-card span,.panel-heading span,small{color:#6b6280}.panel{padding:1.25rem}.panel-heading{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-heading h1,.panel-heading h2,.stacked-form h3{margin:0}.seller-list,.activity-list,.items-grid{display:grid;gap:.75rem}.seller-card{background:#faf9fe;border:1px solid #e4defa;border-radius:1rem;display:grid;gap:.25rem;padding:1rem}.avatar{border-radius:999px;height:2.8rem;object-fit:cover;width:2.8rem}.listing-image{border-radius:.85rem;height:9rem;object-fit:cover;width:100%}.stacked-form{background:#faf9fe;border:1px solid #e4defa;border-radius:1.1rem;display:grid;gap:.75rem;margin-top:1rem;padding:1rem}input,select,textarea{background:#fff;border:1px solid #d6cdf0;border-radius:.85rem;color:#241b3a;min-width:0;padding:.85rem .95rem;width:100%}textarea{min-height:5rem;resize:vertical}.inline-fields,.forms-two-col{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.search-bar{grid-template-columns:1fr auto auto;margin-bottom:1rem}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-card{display:grid;gap:.55rem;padding:1rem}.item-card p{color:#4b4360;margin:0}.listing-footer{align-items:center;display:flex;justify-content:space-between}.pill{border-radius:999px;font-size:.75rem;font-weight:800;justify-self:start;padding:.25rem .65rem;text-transform:uppercase}.new{background:#dcfce7;color:#166534}.used{background:#fef3c7;color:#92400e}.refurbished{background:#dbeafe;color:#1d4ed8}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.status-none{background:#e5e7eb;color:#374151}.activity-list article{align-items:center;background:#faf9fe;border:1px solid #e4defa;border-radius:1rem;display:flex;justify-content:space-between;gap:1rem;padding:.9rem}.activity-list strong,.activity-list small{display:block}.ghost{background:#fff;border:1px solid #c4b5fd;color:#7c3aed;padding:.55rem .8rem}.empty{color:#6b6280;margin:0;padding:.75rem}.bottom{margin-bottom:3rem}.bottom-nav{display:none}.top-nav{align-items:center;background:#fff;border-bottom:1px solid #e4defa;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:30}.top-nav .brand{color:#241b3a;font-size:1.15rem;font-weight:800;text-decoration:none}.top-nav-links{display:flex;flex-wrap:wrap;gap:1.25rem}.top-nav-links a{color:#6b6280;font-weight:600;text-decoration:none}.top-nav-links a:hover,.top-nav-links a.router-link-active{color:#7c3aed}.top-nav-actions button{padding:.6rem 1rem}.page-alert{margin:1rem 2rem 0}.admin-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.admin-tabs button{background:#fff;border:1px solid #d6cdf0;color:#6b6280;padding:.55rem 1rem}.admin-tabs button.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-card{color:inherit;text-decoration:none}.business-hero{align-items:center}.contact-panel{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1rem}.contact-panel a,.contact-panel span{color:#241b3a;font-weight:600;text-decoration:none}.contact-panel a:hover{color:#7c3aed}.hero-scene{overflow:hidden;position:relative}.hero-skyline{bottom:0;height:45%;left:0;pointer-events:none;position:absolute;width:100%}.hero-scene>div{position:relative;z-index:1}.gallery-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.photo-tile{aspect-ratio:4 / 5;border-radius:1.35rem;box-shadow:0 16px 40px #7c3aed1f;margin:0;overflow:hidden;position:relative}.photo-tile img{display:block;height:100%;object-fit:cover;width:100%}.photo-tile-placeholder{align-items:center;background:linear-gradient(135deg,#7c3aed,#4c1d95 60%,#1e1b4b);color:#ffffffbf;display:flex;flex-direction:column;gap:.4rem;height:100%;justify-content:center;width:100%}.photo-tile-icon{font-size:1.8rem;opacity:.85}.photo-tile-placeholder small{color:#ffffffb3;font-weight:600}.photo-tile figcaption{background:linear-gradient(to top,rgb(0 0 0 / 65%),transparent);bottom:0;color:#fff;display:grid;gap:.1rem;left:0;padding:1rem .9rem .8rem;position:absolute;right:0}.photo-tile figcaption small{color:#ffffffc7}.feature-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-tile{background:#faf9fe;border:1px solid #e4defa;border-radius:1.1rem;color:inherit;display:grid;gap:.3rem;padding:1.1rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.feature-tile:hover{box-shadow:0 16px 32px #7c3aed24;transform:translateY(-2px)}.feature-tile span{font-size:1.6rem}.feature-tile strong{color:#241b3a}.feature-tile p{color:#6b6280;margin:0}.ad-banner{border-radius:1.35rem;display:block;margin-top:1rem;overflow:hidden}.ad-banner img{display:block;width:100%}.ad-banner-empty{align-items:center;background:#7c3aed0f;border:1px dashed #c4b5fd;color:#6b6280;display:flex;font-weight:600;justify-content:center;padding:1.5rem;text-align:center}@media(max-width:900px){main{padding:1rem 1rem 6rem}.hero,.layout,.stats-grid,.items-grid,.forms-two-col,.business-grid,.search-bar{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column;padding:1.5rem}.top-nav{padding:1rem}.top-nav-links{display:none}.page-alert{margin:1rem}.bottom-nav{background:#fff;border-top:1px solid #e4defa;bottom:0;box-shadow:0 -8px 24px #7c3aed1f;display:flex;justify-content:space-around;left:0;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));position:fixed;right:0;z-index:40}.bottom-nav button{background:none;box-shadow:none;color:#6b6280;flex-direction:column;font-weight:600;gap:.15rem;padding:.4rem .9rem}.bottom-nav button:hover:not(:disabled){background:none;box-shadow:none;transform:none}.bottom-nav button.active{color:#7c3aed}.bottom-nav button span{font-size:1.25rem}.bottom-nav button small{font-size:.65rem;letter-spacing:.02em;text-transform:uppercase}}.skeleton{background:#ece7f8;border-radius:.5rem;overflow:hidden;position:relative}.skeleton:after{animation:skeleton-shimmer 1.4s infinite;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 55%),transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.skeleton-card{display:grid;gap:.55rem;padding:1rem}.skeleton-img{height:9rem}.skeleton-line{height:.85rem;border-radius:999px}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}.skeleton-pill{height:1.4rem;width:4rem}.skeleton-row{align-items:center;background:#faf9fe;border:1px solid #e4defa;border-radius:1rem;display:flex;gap:1rem;justify-content:space-between;padding:.9rem}.skeleton-row-text{display:grid;flex:1;gap:.5rem}.skeleton-detail{display:grid;gap:1rem}.skeleton-hero{border-radius:2rem;height:12rem}.storefront button{background:var(--brand-primary, #7c3aed)}.storefront button:hover:not(:disabled){background:var(--brand-secondary, #4c1d95)}.storefront-hero{align-items:center;background:linear-gradient(135deg,var(--brand-primary, #7c3aed),var(--brand-secondary, #4c1d95));border-radius:2rem;color:#fff;display:flex;gap:1.5rem;margin-bottom:1rem;padding:2.5rem}.storefront-hero h1{margin:0 0 .5rem}.storefront-hero p{margin:0;opacity:.85}.storefront-contact{margin-top:.5rem!important}.storefront-logo{border-radius:1rem;height:5rem;object-fit:cover;width:5rem}.storefront-posters{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.storefront-poster{border-radius:1rem;height:10rem;object-fit:cover;width:100%}.color-fields{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.color-fields label{color:#6b6280;display:grid;font-size:.85rem;gap:.35rem}input[type=color]{height:2.8rem;padding:.3rem}@media(max-width:900px){.storefront-hero{flex-direction:column;text-align:center}.storefront-posters{grid-template-columns:1fr}}