﻿ :root{--bg-dark:#0f0908;--bg-card:rgba(25,18,15,0.95);--text-primary:#faf5f0;--text-secondary:rgba(250,245,240,0.6);--text-muted:rgba(250,245,240,0.4);--shop-orange:#f97316;--shop-amber:#fbbf24;--shop-cream:#fef3c7;--shop-terracotta:#ea580c;--shop-brown:#78350f;--NuPalz-pink:#ff6b9d;--NuPalz-cyan:#00d4ff;--gold:#fbbf24;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--verified:#3b82f6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Nunito',sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 20% 0,rgba(249,115,22,0.1) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(251,191,36,0.06) 0,transparent 50%)}#footer-placeholder{margin-top:auto}.shops-container{flex:1;max-width:1400px;margin:0 auto;padding:2rem 1.5rem;padding-top:100px}.npc-section{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,rgba(249,115,22,0.1),rgba(251,191,36,0.05));border:1px solid rgba(249,115,22,0.3);border-radius:24px;position:relative;overflow:hidden}.npc-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--shop-orange),var(--shop-amber),var(--shop-cream))}.npc-character{flex-shrink:0;width:160px;height:240px}.npc-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(249,115,22,0.3));animation:npcBob 4s ease-in-out infinite}@keyframes npcBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.npc-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(249,115,22,0.2),rgba(251,191,36,0.15));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--shop-orange)}.npc-dialogue{flex:1}.page-title{font-family:'Fredoka',sans-serif;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--shop-orange),var(--shop-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.page-title i{-webkit-text-fill-color:var(--shop-orange)}.npc-speech-bubble{background:var(--bg-card);border:1px solid rgba(249,115,22,0.3);border-radius:16px;padding:1.5rem;position:relative}.npc-speech-bubble::before{content:'';position:absolute;left:-12px;top:24px;border:8px solid transparent;border-right-color:rgba(249,115,22,0.3)}.npc-greeting{font-size:1.1rem;line-height:1.7;color:var(--text-primary);font-style:italic;margin-bottom:.75rem}.npc-name{font-size:.9rem;color:var(--shop-orange);font-weight:600}.stats-banner{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid rgba(249,115,22,0.2);border-radius:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-item i{font-size:1.5rem;color:var(--shop-orange)}.stat-value{font-family:'Fredoka',sans-serif;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.action-tabs{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--bg-card);border:1px solid rgba(249,115,22,0.2);border-radius:12px;color:var(--text-secondary);font-family:'Nunito',sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:rgba(249,115,22,0.1);border-color:rgba(249,115,22,0.4);color:var(--text-primary)}.tab-btn.active{background:linear-gradient(135deg,rgba(249,115,22,0.2),rgba(251,191,36,0.1));border-color:var(--shop-orange);color:var(--shop-amber)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.featured-section{margin-bottom:2.5rem}.featured-section h3{font-family:'Fredoka',sans-serif;color:var(--shop-amber);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.featured-shops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{font-family:'Fredoka',sans-serif;font-size:1.5rem;color:var(--text-primary)}.search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid rgba(249,115,22,0.2);border-radius:12px;min-width:250px}.search-box i{color:var(--text-muted)}.search-box input{background:0;border:0;outline:0;color:var(--text-primary);font-size:.95rem;width:100%}.search-box input::placeholder{color:var(--text-muted)}.shops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.shop-card{background:var(--bg-card);border:1px solid rgba(249,115,22,0.2);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.shop-card:hover{transform:translateY(-4px);border-color:var(--shop-orange);box-shadow:0 10px 30px rgba(249,115,22,0.2)}.shop-card.featured{border-color:var(--shop-amber);background:linear-gradient(135deg,rgba(251,191,36,0.1),rgba(249,115,22,0.05))}.shop-card.featured::before{content:'\f005';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:12px;right:12px;background:var(--shop-amber);color:var(--bg-dark);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;z-index:2}.shop-banner{height:100px;background:linear-gradient(135deg,rgba(249,115,22,0.3),rgba(251,191,36,0.2));position:relative}.shop-banner img{width:100%;height:100%;object-fit:cover}.shop-avatar{position:absolute;bottom:-30px;left:20px;width:60px;height:60px;border-radius:50%;border:3px solid var(--bg-card);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--shop-orange)}.shop-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.shop-info{padding:2.5rem 1.25rem 1.25rem}.shop-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.shop-name{font-family:'Fredoka',sans-serif;font-size:1.2rem;color:var(--text-primary)}.verified-badge{color:var(--verified);font-size:.9rem}.shop-owner{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.shop-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-stats-row{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(249,115,22,0.1)}.shop-stat{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.shop-stat i{color:var(--shop-orange)}.my-shop-overview{background:var(--bg-card);border:1px solid rgba(249,115,22,0.3);border-radius:20px;padding:2rem;margin-bottom:2rem}.my-shop-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.my-shop-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,rgba(249,115,22,0.3),rgba(251,191,36,0.2));display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--shop-orange);cursor:pointer;position:relative;overflow:hidden}.my-shop-avatar img{width:100%;height:100%;object-fit:cover}.my-shop-avatar:hover::after{content:'\f030';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.my-shop-details{flex:1}.my-shop-name{font-family:'Fredoka',sans-serif;font-size:1.75rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.my-shop-url{font-size:.9rem;color:var(--shop-amber);margin-bottom:.5rem}.my-shop-url a{color:var(--shop-amber);text-decoration:none}.my-shop-stats{display:flex;gap:2rem;margin-top:1rem}.my-shop-stat{text-align:center}.my-shop-stat-value{font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.my-shop-stat-label{font-size:.8rem;color:var(--text-secondary)}.my-shop-actions{display:flex;gap:.75rem;flex-wrap:wrap}.shop-items-section{margin-top:2rem}.shop-items-section h3{font-family:'Fredoka',sans-serif;color:var(--text-primary);margin-bottom:1rem}.shop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.shop-item-card{background:rgba(249,115,22,0.05);border:1px solid rgba(249,115,22,0.2);border-radius:12px;padding:1rem;text-align:center;position:relative}.shop-item-card img{width:64px;height:64px;object-fit:contain;margin-bottom:.75rem}.shop-item-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem}.shop-item-price{font-family:'Fredoka',sans-serif;font-size:1.1rem;color:var(--shop-orange)}.shop-item-stock{font-size:.8rem;color:var(--text-muted)}.shop-item-actions{display:flex;gap:.5rem;margin-top:.75rem;justify-content:center}.btn-edit-item,.btn-remove-item{padding:.4rem .75rem;border-radius:8px;font-size:.8rem;cursor:pointer;border:0}.btn-edit-item{background:rgba(249,115,22,0.2);color:var(--shop-orange)}.btn-remove-item{background:rgba(239,68,68,0.2);color:var(--error)}.add-item-card{background:transparent;border:2px dashed rgba(249,115,22,0.3);border-radius:12px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.add-item-card:hover{border-color:var(--shop-orange);color:var(--shop-orange)}.add-item-card i{font-size:2rem}.create-shop-form{max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;background:var(--bg-card);border:1px solid rgba(249,115,22,0.2);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:'Nunito',sans-serif}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:0;border-color:var(--shop-orange)}.form-group textarea{min-height:100px;resize:vertical}.char-count{font-size:.8rem;color:var(--text-muted);text-align:right;margin-top:.25rem}.premium-features{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,rgba(249,115,22,0.1),rgba(251,191,36,0.05));border:1px solid rgba(249,115,22,0.3);border-radius:16px}.premium-features h4{font-family:'Fredoka',sans-serif;color:var(--shop-orange);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.premium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.premium-card{background:var(--bg-card);border:1px solid rgba(249,115,22,0.2);border-radius:12px;padding:1.25rem;text-align:center;cursor:pointer;transition:all .3s ease}.premium-card:hover{border-color:var(--shop-orange);transform:translateY(-2px)}.premium-card.purchased{border-color:var(--success);background:rgba(34,197,94,0.1)}.premium-card i{font-size:2rem;color:var(--shop-orange);margin-bottom:.75rem}.premium-card h5{color:var(--text-primary);margin-bottom:.5rem}.premium-card p{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.premium-card .pp-cost{font-weight:700;color:var(--gold)}.premium-card.purchased .pp-cost{color:var(--success)}.btn-primary{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--shop-orange),var(--shop-terracotta));border:0;border-radius:12px;color:white;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(249,115,22,0.3)}.btn-secondary{padding:.875rem 1.5rem;background:transparent;border:1px solid rgba(249,115,22,0.3);border-radius:12px;color:var(--text-secondary);font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:rgba(249,115,22,0.1);color:var(--text-primary)}.btn-small{padding:.5rem 1rem;font-size:.9rem}.shop-view-container{padding-top:100px}.shop-view-banner{height:200px;background:linear-gradient(135deg,rgba(249,115,22,0.4),rgba(251,191,36,0.3));position:relative}.shop-view-banner img{width:100%;height:100%;object-fit:cover}.shop-view-header{max-width:1200px;margin:-60px auto 2rem;padding:0 1.5rem;display:flex;align-items:flex-end;gap:1.5rem}.shop-view-avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--bg-card);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--shop-orange)}.shop-view-info{flex:1}.empty-state,.loading-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state i,.loading-state i{font-size:4rem;color:var(--shop-orange);opacity:.5;margin-bottom:1rem}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:none;align-items:center;justify-content:center}.modal.active{display:flex}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--bg-card);border:1px solid rgba(249,115,22,0.3);border-radius:24px;padding:2rem;max-width:600px;max-height:90vh;overflow-y:auto;width:90%}.modal-close{position:absolute;top:1rem;right:1rem;background:0;border:0;color:var(--text-secondary);font-size:1.25rem;cursor:pointer}.modal-title{font-family:'Fredoka',sans-serif;font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.pagination button{padding:.5rem 1rem;background:var(--bg-card);border:1px solid rgba(249,115,22,0.2);border-radius:8px;color:var(--text-secondary);cursor:pointer}.pagination button.active,.pagination button:hover{background:rgba(249,115,22,0.2);border-color:var(--shop-orange);color:var(--text-primary)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.theme-option{border-radius:12px;padding:1rem;cursor:pointer;border:2px solid transparent;text-align:center;transition:all .2s ease}.theme-option:hover{transform:scale(1.02)}.theme-option.selected{border-color:var(--shop-orange)}.theme-option.theme-default{background:linear-gradient(135deg,#1a1510,#2a2015)}.theme-option.theme-ocean{background:linear-gradient(135deg,#0c1929,#164d6d)}.theme-option.theme-forest{background:linear-gradient(135deg,#0f1f12,#1a4026)}.theme-option.theme-sunset{background:linear-gradient(135deg,#2d1810,#5a2a15)}.theme-option.theme-galaxy{background:linear-gradient(135deg,#0f0a1f,#2d1a4f)}#inventory-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-height:400px;overflow-y:auto;padding:1rem;background:rgba(0,0,0,0.2);border-radius:12px}.inventory-picker-item{width:100%;min-height:100px;background:var(--bg-card);border:2px solid transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:.5rem;gap:.25rem;text-align:center;transition:all .2s ease}.inventory-picker-item:hover{border-color:rgba(249,115,22,0.5);transform:scale(1.02)}.inventory-picker-item.selected{border-color:var(--shop-orange);background:rgba(249,115,22,0.1)}.inventory-picker-item i{color:var(--shop-orange)}.inventory-picker-item span:not(.qty){font-size:.7rem;color:var(--text-primary);font-weight:500;line-height:1.1;max-height:2.2em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.inventory-picker-item .qty{font-size:.7rem;color:var(--text-secondary);font-weight:600}@media(max-width:768px){.npc-section{flex-direction:column;align-items:center;text-align:center}.npc-character{width:120px;height:180px}.page-title{font-size:2rem;justify-content:center}.npc-speech-bubble::before{display:none}.stats-banner{flex-wrap:wrap}.shops-grid{grid-template-columns:1fr}.my-shop-header{flex-direction:column;text-align:center}.my-shop-stats{justify-content:center}.my-shop-actions{justify-content:center}.premium-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.premium-grid{grid-template-columns:1fr}.shop-items-grid{grid-template-columns:repeat(2,1fr)}}