*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--accent:#6366f1;--accent-hover:#4f46e5;--border:#333}.notification-popup-container{display:flex;flex-direction:column;gap:1rem;max-width:400px;position:fixed;right:20px;top:80px;z-index:1000}.notification-popup{align-items:flex-start;animation:slideIn .3s ease-out;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;box-shadow:0 8px 24px #0006;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s}.notification-popup:before{background:linear-gradient(90deg,var(--accent) 0,var(--accent-hover) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.notification-popup:hover{border-left-color:var(--accent-hover);box-shadow:0 12px 32px #00000080;transform:translateX(-5px)}.notification-popup-icon{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.notification-popup-content{flex:1 1;min-width:0}.notification-popup-title{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.notification-popup-message{word-wrap:break-word;color:var(--text-secondary);font-size:.85rem;line-height:1.4}.notification-popup-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:.25rem;transition:all .2s;width:24px}.notification-popup-close:hover{background-color:var(--bg-primary);color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.notification-popup-container{left:10px;max-width:none;right:10px}.notification-popup{padding:.875rem 1rem}}.notification-bell-container{position:relative}.notification-bell{background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:1.5rem;padding:.5rem;position:relative;transition:all .3s}.notification-bell:hover{background-color:var(--bg-tertiary)}.notification-badge{align-items:center;background-color:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.notification-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.notification-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000004d;margin-top:.5rem;max-height:500px;overflow:hidden;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem}.notification-header h3{color:var(--text-primary);font-size:1.1rem;margin:0}.mark-all-read{background:none;border:none;border-radius:4px;color:var(--accent);cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:all .3s}.mark-all-read:hover{background-color:var(--bg-tertiary)}.notification-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border);cursor:pointer;padding:1rem;transition:all .3s}.notification-item:hover{background-color:var(--bg-tertiary)}.notification-item.unread{background-color:#6366f11a}.notification-content{display:flex;flex-direction:column;gap:.25rem}.notification-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.notification-message{color:var(--text-secondary);font-size:.85rem}.notification-time{color:var(--text-secondary);font-size:.75rem;margin-top:.25rem}.no-notifications{color:var(--text-secondary);padding:2rem;text-align:center}.navbar{border-bottom:1px solid var(--border);padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.dashboard-navbar,.navbar{background-color:var(--bg-secondary)}.navbar-content{justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-content,.navbar-logo{align-items:center;display:flex}.navbar-logo{text-decoration:none}.logo-img{height:40px;width:auto}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);-webkit-background-clip:text;background-clip:text;color:var(--accent);font-size:1.75rem;font-weight:700;letter-spacing:2px}.navbar-links{align-items:center;display:flex;gap:2rem}.nav-link{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--accent)}.signup-link{background-color:var(--accent);border-radius:6px;color:#fff;padding:.5rem 1.5rem}.signup-link:hover{background-color:var(--accent-hover);color:#fff}.logout-btn{background-color:initial;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s}.logout-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.navbar-right{gap:1.5rem}.navbar-right,.user-info{align-items:center;display:flex}.user-info{gap:1rem}.username{color:var(--text-primary);font-weight:500}.subscription-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.subscription-badge.free{background-color:#3a3a3a;color:var(--text-secondary)}.subscription-badge.vip{background-color:#fbbf24;color:#000}.admin-link{background-color:#dc2626;border-radius:6px;color:#fff;padding:.5rem 1rem}.admin-link:hover{background-color:#b91c1c;color:#fff}.loading-screen{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-image{animation:pulse 1.5s ease-in-out infinite;max-height:200px;max-width:200px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.landing-page{background-color:var(--bg-primary);min-height:100vh}.hero-section{align-items:center;background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:4rem 2rem}.hero-content{max-width:800px;text-align:center}.hero-logo{max-height:300px;max-width:300px}.hero-logo,.hero-logo-text{animation:fadeInUp 1s ease-out;margin-bottom:2rem}.hero-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);-webkit-background-clip:text;background-clip:text;color:var(--accent);font-size:8rem;font-weight:700;letter-spacing:8px;text-shadow:0 0 30px #6366f14d}.hero-title{animation:fadeInUp 1s ease-out .2s both;color:var(--text-primary);font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{animation:fadeInUp 1s ease-out .4s both;color:var(--text-secondary);font-size:1.5rem;margin-bottom:3rem}.hero-buttons{animation:fadeInUp 1s ease-out .6s both;display:flex;gap:1.5rem;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--accent);transform:translateY(-2px)}.features-section{background-color:var(--bg-secondary);padding:6rem 2rem}.container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:2.5rem;transition:all .3s}.feature-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}}.auth-page{align-items:center;background-color:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:450px;padding:3rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{height:60px;margin-bottom:1.5rem;width:auto}.auth-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);-webkit-background-clip:text;background-clip:text;color:var(--accent);font-size:3rem;font-weight:700;letter-spacing:4px;margin-bottom:1.5rem}.auth-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{border-radius:6px;transition:all .3s}.form-group input::placeholder{color:var(--text-secondary)}.auth-button{background-color:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem;transition:all .3s}.auth-button:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#dc26261a;border:1px solid #dc2626;border-radius:6px;color:#fca5a5;font-size:.9rem;padding:.75rem}.auth-footer{color:var(--text-secondary);margin-top:2rem;text-align:center}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.form-hint{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:.25rem}.sidebar{border-right:1px solid var(--border);min-height:calc(100vh - 60px);overflow-y:auto;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:60px;transition:transform .3s ease-in-out;width:250px;z-index:100}.mobile-menu-btn,.sidebar{background-color:var(--bg-secondary)}.mobile-menu-btn{align-items:center;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:none;display:flex;font-size:1.5rem;height:40px;justify-content:center;left:1rem;position:fixed;top:1rem;transition:all .3s;width:40px;z-index:1001}.mobile-menu-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.mobile-overlay{background-color:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-section{margin-bottom:1rem}.sidebar-section-header{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase;transition:color .3s;width:100%}.sidebar-section-header:hover{color:var(--text-primary)}.sidebar-links{display:flex;flex-direction:column;gap:.25rem;padding:0 .5rem}.sidebar-link{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s}.sidebar-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateX(4px)}.sidebar-link.active{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);box-shadow:0 2px 8px #6366f14d;color:#fff}.sidebar-link svg{flex-shrink:0;font-size:1.1rem}.vip-link{border-left:3px solid #fbbf24}.vip-link:hover{background-color:#fbbf241a;color:#fbbf24}.vip-link.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.vip-badge-small{border-radius:10px;font-size:.65rem;margin-left:auto;padding:.2rem .5rem;text-transform:uppercase}.vip-link.active .vip-badge-small{background-color:#0003;color:#000}.admin-link{border-left:3px solid #dc2626}.admin-link:hover{background-color:#dc26261a;color:#dc2626}.admin-link.active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.admin-badge-small{background-color:#dc2626;border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;margin-left:auto;padding:.2rem .5rem;text-transform:uppercase}.admin-link.active .admin-badge-small{background-color:#fff3;color:#fff}@media (max-width:768px){.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.sidebar{box-shadow:2px 0 8px #0000004d;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar-nav{padding-top:4rem}}.dashboard{background-color:var(--bg-primary);min-height:100vh}.dashboard-content{display:flex;min-height:calc(100vh - 60px)}.dashboard-main{flex:1 1;max-width:calc(100% - 250px);overflow-x:auto;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary);font-size:1.1rem}.dashboard-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:350px 1fr}.profile-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 16px #0003;padding:2rem;position:-webkit-sticky;position:sticky;top:80px}.profile-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-direction:column;padding-bottom:2rem}.profile-avatar{margin-bottom:1rem;position:relative}.avatar-placeholder,.profile-avatar img{background-color:var(--bg-tertiary);border:3px solid var(--accent);border-radius:50%;height:100px;object-fit:cover;width:100px}.avatar-placeholder{font-size:3rem}.avatar-placeholder,.vip-badge-profile{align-items:center;display:flex;justify-content:center}.vip-badge-profile{background-color:#fbbf24;border:3px solid var(--bg-secondary);border-radius:50%;bottom:0;color:#000;font-size:1rem;height:32px;position:absolute;right:0;width:32px}.profile-info{text-align:center}.profile-info h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.profile-email{font-size:.9rem;margin-bottom:.75rem}.subscription-badge-profile{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;padding:.4rem 1rem;text-transform:uppercase}.subscription-badge-profile.free{background-color:#9ca3af33;border:1px solid #9ca3af;color:#9ca3af}.subscription-badge-profile.vip{background-color:#fbbf2433;border:1px solid #fbbf24;color:#fbbf24}.profile-actions{display:flex;flex-direction:column;gap:.75rem}.profile-action-btn{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s;width:100%}.profile-action-btn:hover{background-color:var(--bg-primary);border-color:var(--accent);transform:translateX(4px)}.profile-action-btn.logout{background-color:#ef44441a;border-color:#ef4444;color:#ef4444}.profile-action-btn.logout:hover{background-color:#ef444433}.dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-card{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s}.dashboard-card:before{background:linear-gradient(90deg,var(--accent) 0,var(--accent-hover) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s}.dashboard-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.dashboard-card:hover:before{transform:scaleX(1)}.card-icon{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;height:60px;justify-content:center;width:60px}.card-icon.orders{background:linear-gradient(135deg,#6366f1,#4f46e5)}.card-icon.purchases{background:linear-gradient(135deg,#10b981,#059669)}.card-icon.resources{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-icon.activity{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.card-icon.revenue{background:linear-gradient(135deg,#06b6d4,#0891b2)}.card-icon.sales{background:linear-gradient(135deg,#14b8a6,#0d9488)}.card-icon.vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.card-content{flex:1 1}.card-content h3{color:var(--text-secondary);font-size:1rem;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.card-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.card-label{color:var(--text-secondary);font-size:.85rem}.dashboard-card.analytics{background:linear-gradient(135deg,#6366f11a,#6366f10d);border-color:#6366f14d}.dashboard-card.vip-access{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-color:#fbbf244d}@media (max-width:1200px){.dashboard-layout{grid-template-columns:1fr}.profile-card{position:relative;top:0}}@media (max-width:768px){.dashboard-content{flex-direction:column}.dashboard-main{max-width:100%;padding:1rem}.dashboard-cards{grid-template-columns:1fr}.dashboard-card{flex-direction:column;text-align:center}}.purchase-page{background-color:var(--bg-primary);min-height:100vh}.purchase-container{margin:0 auto;max-width:1400px;padding:2rem}.purchase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.purchase-header h1{color:var(--text-primary);font-size:2.5rem}.header-actions{display:flex;gap:1rem}.add-product-btn{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.add-product-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.search-filter-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-box{flex:1 1;min-width:250px}.filter-btn,.filter-buttons{display:flex;gap:.5rem}.filter-btn{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.filter-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.filter-btn.active{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-color:var(--accent);color:#fff}.featured-carousel{margin-bottom:3rem}.featured-carousel h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:1.5rem}.carousel-container{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;padding:2rem}.featured-product-card{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border);border-radius:12px;display:flex;gap:2rem;padding:2rem}.featured-product-card img{border:2px solid var(--accent);border-radius:12px;height:200px;object-fit:cover;width:200px}.featured-product-info{flex:1 1}.featured-product-info h3{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.featured-price{color:var(--accent);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.carousel-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:50px;z-index:10}.carousel-btn:hover{background-color:#000000b3;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{left:1rem}.carousel-btn.next{right:1rem}.carousel-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.indicator{background-color:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s;width:10px}.indicator.active{background-color:var(--accent);transform:scale(1.2)}.add-product-form{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:2rem}.add-product-form h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.add-product-form input,.add-product-form textarea{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem}.add-product-form input:focus,.add-product-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.add-product-form textarea{min-height:100px;resize:vertical}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:var(--accent);height:20px;width:20px}.add-product-form button{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s}.add-product-form button:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.products-section{margin-top:3rem}.products-section h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:1.5rem}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.product-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.product-image,.product-image-placeholder{background-color:var(--bg-tertiary);height:200px;object-fit:cover;width:100%}.product-image-placeholder{align-items:center;color:var(--text-secondary);display:flex;font-size:3rem;justify-content:center}.product-info{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.product-info h3{color:var(--text-primary);flex:1 1;font-size:1.25rem;margin:0}.vip-badge-small{background-color:#fbbf24;color:#000;display:flex;font-size:.75rem;font-weight:700;gap:.25rem;padding:.25rem .75rem;white-space:nowrap}.vip-badge,.vip-badge-small{align-items:center;border-radius:12px}.vip-badge{display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem}.product-description{color:var(--text-secondary);flex:1 1;line-height:1.6;margin-bottom:1rem}.product-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.product-price{color:var(--accent);font-size:1.5rem;font-weight:700}.buy-btn{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s}.buy-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s ease-out}.modal-content{animation:slideUp .3s ease-out}.modal-header h2{margin:0}.modal-product-image{border-radius:8px;margin-bottom:1.5rem;max-height:300px;object-fit:cover;width:100%}.modal-product-info{margin-bottom:2rem}.modal-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.modal-price{color:var(--text-primary);font-size:1.25rem}.modal-instructions{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.modal-instructions h3{color:var(--text-primary);margin-bottom:1rem}.modal-instructions p{color:var(--text-secondary);margin-bottom:1rem}.modal-instructions ol{color:var(--text-secondary);line-height:1.8;padding-left:1.5rem}.modal-btn.secondary{background-color:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.modal-btn.secondary:hover{background-color:var(--bg-primary)}.modal-btn.primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff}.modal-btn.primary:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.no-products{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);padding:4rem;text-align:center}@media (max-width:768px){.purchase-container{padding:1rem}.featured-product-card{flex-direction:column}.carousel-btn{font-size:1.2rem;height:40px;width:40px}.products-grid{grid-template-columns:1fr}.modal-content{margin:1rem}}.community-page{background-color:var(--bg-primary);min-height:100vh}.community-container{margin:0 auto;max-width:1000px;padding:2rem}.community-header{margin-bottom:2rem;text-align:center}.community-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.community-header p{color:var(--text-secondary);font-size:1.1rem}.chat-container{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:500px;overflow:hidden}.messages-container{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:var(--bg-tertiary)}.messages-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--accent)}.message{align-items:flex-start;animation:fadeIn .3s ease-in;display:flex;gap:.75rem}.message.own-message{flex-direction:row-reverse}.message.own-message .message-content{align-items:flex-end}.message.own-message .message-bubble{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff}.message-avatar{flex-shrink:0;position:relative}.avatar-placeholder,.message-avatar img{align-items:center;background-color:var(--bg-tertiary);border:2px solid var(--border);border-radius:50%;display:flex;height:40px;justify-content:center;object-fit:cover;width:40px}.avatar-placeholder{color:var(--text-secondary)}.vip-badge{background-color:#fbbf24;border:2px solid var(--bg-secondary);border-radius:8px;bottom:-2px;color:#000;font-size:.6rem;font-weight:700;padding:.15rem .35rem;position:absolute;right:-2px}.message-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;max-width:70%}.message-header{align-items:center;display:flex;gap:.5rem}.message-username{color:var(--accent);font-size:.9rem;font-weight:600}.message-time{color:var(--text-secondary);font-size:.75rem}.message-bubble{word-wrap:break-word;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;transition:all .3s}.message-bubble:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.message-bubble p{color:var(--text-primary);line-height:1.5;margin:0}.typing-indicator{color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:.5rem 1rem}.no-messages{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.message-form{background-color:var(--bg-tertiary);border-top:1px solid var(--border);display:flex;gap:1rem;padding:1rem}.message-input{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .3s}.message-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.send-button{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5}.login-prompt{border-top:1px solid var(--border);color:var(--text-secondary);padding:1rem;text-align:center}.login-prompt a{color:var(--accent);text-decoration:none}.login-prompt a:hover{text-decoration:underline}@media (max-width:768px){.message-content{max-width:85%}.community-container{padding:1rem}.chat-container{height:calc(100vh - 200px)}}.admin-panel{background-color:var(--bg-primary);min-height:100vh}.admin-container{margin:0 auto;max-width:1400px;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.admin-header p{color:var(--text-secondary);font-size:1.1rem}.admin-tabs{border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.admin-tabs button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .3s}.admin-tabs button:hover{background-color:var(--bg-secondary);border-radius:8px 8px 0 0;color:var(--text-primary)}.admin-tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.admin-tabs button svg{font-size:1.1rem}.admin-search-bar{margin-bottom:1.5rem}.clear-search{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;padding:.25rem;position:absolute;right:.5rem;transition:all .3s}.clear-search:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.admin-content{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.admin-content,.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;min-width:800px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--border);padding:1rem;text-align:left}.admin-table th{background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-table th.sortable{align-items:center;cursor:pointer;display:flex;gap:.5rem;transition:background-color .3s;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{background-color:var(--bg-primary)}.admin-table td{color:var(--text-secondary)}.admin-table tr{transition:background-color .3s}.admin-table tr:hover{background-color:var(--bg-tertiary)}.admin-table .message-cell{word-wrap:break-word;max-width:300px;overflow-wrap:break-word}.status-select{padding:.5rem .75rem;transition:all .3s}.status-select:focus{box-shadow:0 0 0 3px #6366f11a}.status-badge{border-radius:12px;font-size:.85rem;padding:.4rem .75rem;text-transform:capitalize}.status-badge.active{background-color:#10b98133;border:1px solid #10b981;color:#10b981}.status-badge.inactive{background-color:#9ca3af33;border:1px solid #9ca3af;color:#9ca3af}.loading{color:var(--text-secondary);padding:4rem;text-align:center}.add-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.add-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.admin-form{padding:2rem}.admin-form h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.admin-form .form-group{margin-bottom:1rem}.admin-form label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.admin-form input,.admin-form select,.admin-form textarea{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.admin-form textarea{min-height:100px;resize:vertical}.form-actions{margin-top:1.5rem}.action-buttons{display:flex;gap:.5rem}.edit-btn{background:none;border:none;border-radius:6px;color:var(--accent);cursor:pointer;padding:.5rem;transition:all .3s}.edit-btn:hover{background-color:#6366f11a;transform:scale(1.1)}.type-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.type-badge.free{background-color:#10b98133;border:1px solid #10b981;color:#10b981}.type-badge.vip{background-color:#fbbf2433;border:1px solid #fbbf24;color:#fbbf24}.banned-badge{background-color:#ef444433;border:1px solid #ef4444;border-radius:12px;color:#ef4444}.active-badge,.banned-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.active-badge{background-color:#10b98133;border:1px solid #10b981;border-radius:12px;color:#10b981}.api-logs-header{align-items:center;background-color:var(--bg-tertiary);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.pagination-controls{align-items:center;display:flex;gap:1rem}.pagination-controls button{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:all .3s}.pagination-controls button:hover:not(:disabled){background-color:var(--accent);border-color:var(--accent);color:#fff}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.method-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.method-get{background-color:#10b98133;color:#10b981}.method-post{background-color:#3b82f633;color:#3b82f6}.method-put{background-color:#fbbf2433;color:#fbbf24}.method-delete{background-color:#ef444433;color:#ef4444}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.status-2xx{background-color:#10b98133;color:#10b981}.status-4xx{background-color:#fbbf2433;color:#fbbf24}.status-5xx{background-color:#ef444433;color:#ef4444}.route-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.admin-container{padding:1rem}.admin-tabs{flex-wrap:nowrap;overflow-x:auto}.admin-tabs button{padding:.75rem 1rem;white-space:nowrap}.search-box{max-width:100%}.admin-content{padding:1rem}.admin-search-bar,.api-logs-header{flex-direction:column;gap:1rem}.api-logs-header{align-items:flex-start}}.vip-resources{background-color:var(--bg-primary);min-height:100vh}.vip-header{margin-bottom:2rem}.vip-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:2.5rem;gap:.75rem;margin-bottom:.5rem}.vip-header h1 svg{color:#fbbf24}.vip-header p{color:var(--text-secondary);font-size:1.1rem}.vip-locked{align-items:center;display:flex;justify-content:center;min-height:60vh}.locked-content{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid #fbbf244d;border-radius:16px;box-shadow:0 8px 24px #0000004d;max-width:500px;padding:4rem;text-align:center}.lock-icon{color:#fbbf24;font-size:4rem;margin-bottom:1.5rem}.locked-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.locked-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.upgrade-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:1rem 2rem;transition:all .3s}.upgrade-btn:hover{box-shadow:0 6px 16px #fbbf2466;transform:translateY(-2px)}.vip-search-bar{margin-bottom:2rem}.search-box input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.vip-content{display:flex;flex-direction:column;gap:2rem}.category-header{background:linear-gradient(135deg,#fbbf241a,#fbbf240d)}.category-header:hover{background:linear-gradient(135deg,#fbbf2433,#fbbf241a)}.category-title svg{color:#fbbf24;font-size:1.5rem}.resource-card:hover{border-color:#fbbf24;box-shadow:0 8px 24px #fbbf2433}.download-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf244d;color:#000}.download-btn:hover{box-shadow:0 4px 12px #fbbf2466}@media (max-width:768px){.resources-grid{grid-template-columns:1fr;padding:1rem}.category-header{padding:1rem 1.5rem}.locked-content{margin:1rem;padding:2rem}}.orders-page{background-color:var(--bg-primary);min-height:100vh}.orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.orders-header h1{color:var(--text-primary);font-size:2.5rem}.orders-filters{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}.filter-select{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.filter-select:focus{border-color:var(--accent);outline:none}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s}.order-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.order-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem}.order-main-info{align-items:center;display:flex;flex:1 1;gap:1rem}.order-image{object-fit:cover}.order-image,.order-image-placeholder{border:1px solid var(--border);border-radius:8px;height:60px;width:60px}.order-image-placeholder{align-items:center;background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:1.5rem;justify-content:center}.order-details h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.25rem}.order-id{color:var(--text-secondary);font-size:.85rem}.order-header-right{align-items:center;color:var(--text-secondary);display:flex;gap:1rem}.order-status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.4rem 1rem;text-transform:uppercase}.order-status-badge.pending{background-color:#fbbf2433;border:1px solid #fbbf24;color:#fbbf24}.order-status-badge.completed{background-color:#10b98133;border:1px solid #10b981;color:#10b981}.order-status-badge.cancelled{background-color:#ef444433;border:1px solid #ef4444;color:#ef4444}.order-expanded{animation:slideDown .3s ease-out;background-color:var(--bg-tertiary);border-top:1px solid var(--border);padding:1.5rem}.order-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.detail-value{color:var(--text-primary);font-size:1rem}.status-select{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem}.status-select:focus{border-color:var(--accent);outline:none}.no-orders{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);padding:4rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.order-card-header,.orders-header{align-items:flex-start;flex-direction:column;gap:1rem}.order-main-info{width:100%}}.subscription-upgrade-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 16px #0003;margin-bottom:2rem;padding:2rem}.purchase-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;box-shadow:0 4px 12px #fbbf244d;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem;transition:all .3s;width:100%}.purchase-btn:hover{box-shadow:0 6px 16px #fbbf2466;transform:translateY(-2px)}.contact-message{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;text-align:center}.contact-message p{color:var(--text-primary);font-size:1.1rem;line-height:1.6}.contact-message strong{color:var(--accent)}.upgrade-header{margin-bottom:2rem;text-align:center}.upgrade-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#000;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.upgrade-header h2{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.upgrade-header p{color:var(--text-secondary)}.pricing-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.pricing-card{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;padding:2rem;position:relative;transition:all .3s}.pricing-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.pricing-card.vip{background:linear-gradient(135deg,#fbbf241a 0,var(--bg-secondary) 100%);border-color:#fbbf24}.vip-badge-top{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#000;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.pricing-header h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.price{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.price .amount{color:var(--text-primary);font-size:2.5rem;font-weight:700}.price .period{color:var(--text-secondary);font-size:1rem}.features-list{list-style:none;margin:0 0 2rem;padding:0}.features-list li{align-items:center;border-bottom:1px solid var(--border);color:var(--text-secondary);display:flex;gap:.75rem;padding:.75rem 0}.features-list li:last-child{border-bottom:none}.features-list li svg{color:#10b981;flex-shrink:0}.pricing-card.vip .features-list li svg{color:#fbbf24}.current-plan-btn,.upgrade-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.current-plan-btn{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.upgrade-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf244d;color:#000}.upgrade-btn:hover:not(:disabled){box-shadow:0 6px 16px #fbbf2466;transform:translateY(-2px)}.upgrade-btn:disabled{cursor:not-allowed;opacity:.6}.subscription-status{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:2px solid #fbbf24;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.status-content{align-items:center;display:flex;gap:1rem}.vip-icon{color:#fbbf24;flex-shrink:0;font-size:2rem}.status-content h3{color:var(--text-primary);margin-bottom:.25rem}.status-content p{color:var(--text-secondary);margin:0}.upgrade-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.upgrade-modal{animation:slideUp .3s ease-out;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s;z-index:10}.modal-close:hover{background-color:var(--bg-tertiary)}.modal-header{border-bottom:1px solid var(--border);padding:2rem 2rem 1rem;text-align:center}.modal-icon{color:#fbbf24;font-size:3rem;margin-bottom:1rem}.modal-header h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem}.modal-header p{color:var(--text-secondary)}.modal-body{padding:2rem}.upgrade-summary{background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.summary-item{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 0}.summary-item:last-child{border-bottom:none}.summary-item span{color:var(--text-secondary)}.summary-item strong,.upgrade-benefits h3{color:var(--text-primary)}.upgrade-benefits h3{margin-bottom:1rem}.upgrade-benefits ul{list-style:none;margin:0;padding:0}.upgrade-benefits li{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem;padding:.5rem 0}.upgrade-benefits li:before{color:#10b981;content:"✓";font-weight:700;width:20px}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.modal-btn.cancel{background-color:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.modal-btn.cancel:hover{background-color:var(--bg-primary)}.modal-btn.confirm{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.modal-btn.confirm:hover:not(:disabled){box-shadow:0 4px 12px #fbbf2466;transform:translateY(-2px)}.modal-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.pricing-cards{grid-template-columns:1fr}.upgrade-modal{margin:1rem}.modal-footer{flex-direction:column}.modal-btn{width:100%}}.settings-page{background-color:var(--bg-primary);min-height:100vh}.settings-header{margin-bottom:2rem}.settings-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.settings-header p{color:var(--text-secondary);font-size:1.1rem}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.settings-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;gap:.75rem;margin-bottom:1.5rem}.profile-picture-section{align-items:center;display:flex;flex-direction:column;gap:1rem}.profile-picture-preview{align-items:center;background-color:var(--bg-tertiary);border:3px solid var(--accent);border-radius:50%;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.profile-placeholder{align-items:center;color:var(--text-secondary);display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.file-input{display:none}.file-input-label{background-color:var(--accent);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.file-input-label:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.input-group{align-items:center;display:flex;gap:1rem}.input-group input{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem 1rem}.input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.password-inputs{display:flex;flex-direction:column;gap:1rem}.password-inputs input{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem}.password-inputs input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.save-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.preferences{display:flex;flex-direction:column;gap:1.5rem}.toggle-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:1rem}.toggle-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:20px;width:20px}.theme-toggle{gap:1rem;justify-content:space-between;width:100%}.theme-btn,.theme-toggle{align-items:center;display:flex}.theme-btn{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.theme-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent)}.theme-btn.active{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-color:var(--accent);color:#fff}@media (max-width:768px){.input-group{align-items:stretch;flex-direction:column}.save-btn{justify-content:center;width:100%}}.resources-page{background-color:var(--bg-primary);min-height:100vh}.resources-header{margin-bottom:2rem}.resources-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.resources-header p{color:var(--text-secondary);font-size:1.1rem}.resources-search-bar{margin-bottom:2rem}.search-box{align-items:center;display:flex;max-width:400px;position:relative}.search-box svg{color:var(--text-secondary);font-size:1.1rem;left:1rem;position:absolute}.search-box input{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.resources-content{display:flex;flex-direction:column;gap:2rem}.resource-category{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.category-header{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:none;border-bottom:1px solid var(--border);cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .3s;width:100%}.category-header:hover{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%)}.category-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem}.resource-count{font-size:.9rem;font-weight:400}.category-header svg:last-child,.resource-count{color:var(--text-secondary)}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:2rem}.resource-card{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.resource-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.resource-image{background-color:var(--bg-primary);height:180px;overflow:hidden;position:relative;width:100%}.resource-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.resource-card:hover .resource-image img{transform:scale(1.05)}.resource-image-placeholder{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);color:var(--text-secondary);font-size:3rem;height:100%;width:100%}.resource-image-placeholder,.resource-type-badge{align-items:center;display:flex;justify-content:center}.resource-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b3;border-radius:50%;color:#fff;font-size:1.2rem;height:36px;position:absolute;right:.75rem;top:.75rem;width:36px}.resource-info{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.resource-info h3{color:var(--text-primary);font-size:1.25rem;line-height:1.3;margin-bottom:.75rem}.resource-info p{color:var(--text-secondary);flex:1 1;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.download-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:.75rem 1.5rem;transition:all .3s}.download-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.download-btn svg{font-size:1.1rem}.no-resources{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);padding:4rem;text-align:center}@media (max-width:768px){.resources-grid{grid-template-columns:1fr;padding:1rem}.category-header{padding:1rem 1.5rem}}.profile-page{background-color:var(--bg-primary);min-height:100vh}.profile-header{margin-bottom:2rem}.profile-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.profile-header p{color:var(--text-secondary);font-size:1.1rem}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-main-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 16px #0003;padding:3rem}.profile-avatar-section{align-items:center;display:flex;gap:2rem}.profile-avatar-large{flex-shrink:0;position:relative}.avatar-placeholder-large,.profile-avatar-large img{background-color:var(--bg-tertiary);border:4px solid var(--accent);border-radius:50%;height:150px;object-fit:cover;width:150px}.avatar-placeholder-large{color:var(--text-secondary);font-size:4rem}.avatar-placeholder-large,.vip-badge-large{align-items:center;display:flex;justify-content:center}.vip-badge-large{background-color:#fbbf24;border:4px solid var(--bg-secondary);border-radius:50%;bottom:10px;color:#000;font-size:1.5rem;height:48px;position:absolute;right:10px;width:48px}.profile-basic-info{flex:1 1}.profile-basic-info h2{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.profile-email{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.subscription-badge-large{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;padding:.5rem 1.5rem;text-transform:uppercase}.subscription-badge-large.free{background-color:#9ca3af33;border:1px solid #9ca3af;color:#9ca3af}.subscription-badge-large.vip{background-color:#fbbf2433;border:1px solid #fbbf24;color:#fbbf24}.profile-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:1rem;padding:1.5rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:10px;color:#fff;font-size:1.5rem;height:50px;justify-content:center;width:50px}.stat-content h3{color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.affiliate-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.affiliate-section h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.affiliate-description{color:var(--text-secondary);margin-bottom:1.5rem}.affiliate-code-box{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;display:flex;gap:1rem;padding:1rem 1.5rem}.affiliate-code{color:var(--accent);flex:1 1;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;letter-spacing:2px}.copy-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.copy-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.account-info-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.account-info-section h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.info-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.info-value.subscription-free{color:#9ca3af}.info-value.subscription-vip{color:#fbbf24}.loading{font-size:1.5rem;min-height:100vh}@media (max-width:768px){.profile-avatar-section{flex-direction:column;text-align:center}.info-grid,.profile-stats{grid-template-columns:1fr}}.sellers-panel{background-color:var(--bg-primary);min-height:100vh}.sellers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.sellers-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:2.5rem;gap:.75rem;margin-bottom:.5rem}.sellers-header p{color:var(--text-secondary);font-size:1.1rem}.add-sale-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.add-sale-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.sellers-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.5rem;padding:2rem}.summary-card.revenue{background:linear-gradient(135deg,#6366f11a,#6366f10d);border-color:var(--accent)}.summary-icon{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;height:60px;justify-content:center;width:60px}.summary-content h3{color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.summary-value{color:var(--text-primary);font-size:2rem;font-weight:700}.add-sale-form{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.add-sale-form h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.cancel-btn{background-color:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.cancel-btn:hover{background-color:var(--bg-primary)}.submit-btn{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff}.submit-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.sales-list{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.sales-list h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:1.5rem}.sales-table{overflow-x:auto}.sales-table table{border-collapse:collapse;width:100%}.sales-table td,.sales-table th{border-bottom:1px solid var(--border);padding:1rem;text-align:left}.sales-table th{background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sales-table td{color:var(--text-secondary)}.sales-table tr:hover{background-color:var(--bg-tertiary)}.revenue-cell{color:var(--accent);font-size:1.1rem;font-weight:700}.delete-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s}.delete-btn:hover{background-color:#ef44441a;transform:scale(1.1)}.no-sales{color:var(--text-secondary);padding:4rem;text-align:center}.loading{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}@media (max-width:768px){.sellers-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr}.sales-table{font-size:.9rem}.sales-table td,.sales-table th{padding:.75rem .5rem}}.App{background-color:var(--bg-primary);min-height:100vh}
/*# sourceMappingURL=main.80c6233d.css.map*/