@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&family=Noto+Sans:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--text: #ffffff;--background: #0c0014;--primary: #c53dff;--secondary: #14001f;--accent: #ff5cff;--bg-primary: #0c0014;--bg-secondary: #14001f;--bg-tertiary: #1f0029;--bg-hover: #2a0038;--sidebar-bg: #0a000f;--sidebar-hover: #1f0029;--accent-primary: #c53dff;--accent-hover: #d65fff;--accent-light: #2a0038;--text-primary: #ffffff;--text-secondary: #b8b8b8;--text-muted: #8a8a8a;--text-white: #ffffff;--border-color: #3d1f4d;--border-dark: #5a2f6a;--success: #10b981;--success-light: rgba(16, 185, 129, .2);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .2);--error: #ef4444;--error-light: rgba(239, 68, 68, .2)}:root{--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition: .15s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--text-white)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-dark)}.btn-danger{background:var(--error);color:var(--text-white)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.input-group{margin-bottom:var(--spacing-md)}.input-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:.875rem;font-weight:500}.input-group input,.input-group select,.input-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:all var(--transition)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.input-group input::placeholder{color:var(--text-muted)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}table{width:100%;border-collapse:collapse}thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}td{padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--bg-tertiary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xl);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1}.badge-success{background:var(--success-light);color:#065f46}[data-theme=dark] .badge-success{color:#10b981}.badge-warning{background:var(--warning-light);color:#92400e}[data-theme=dark] .badge-warning{color:#f59e0b}.badge-error{background:var(--error-light);color:#991b1b}[data-theme=dark] .badge-error{color:#ef4444}.badge-primary{background:var(--accent-light);color:var(--accent-primary)}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner-large{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state svg{margin-bottom:var(--spacing-lg);color:var(--text-muted)}.empty-state h3{margin-bottom:var(--spacing-xs);color:var(--text-primary)}.icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--text-secondary)}.icon-btn:hover{background:var(--bg-hover);border-color:var(--border-dark);color:var(--text-primary)}.icon-btn-primary:hover{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.icon-btn-danger:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-success{background:#10b981f2;color:#fff;border-left:4px solid #059669}.toast-error{background:#ef4444f2;color:#fff;border-left:4px solid #dc2626}.toast-info{background:#3b82f6f2;color:#fff;border-left:4px solid #2563eb}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:14px;font-weight:500}.toast-close{flex-shrink:0;background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar-bg);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);position:fixed;left:0;top:0;height:100vh;overflow:hidden}.sidebar-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.sidebar-logo-img{width:auto;height:80px;max-width:100%;object-fit:contain}.sidebar-nav{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:#ffffffb3;text-decoration:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;transition:all var(--transition)}.nav-link:hover{background:var(--sidebar-hover);color:var(--text-white)}.nav-link.active{background:var(--accent-primary);color:var(--text-white)}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;margin:0;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.user-avatar{width:40px;height:40px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem;flex-shrink:0}.user-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.user-name{font-weight:600;color:var(--text-white);font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-role{font-size:.75rem;color:#ffffff80;line-height:1.3}.sidebar-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.theme-toggle,.logout-btn{flex:1;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;transition:all var(--transition);z-index:10}.theme-toggle:hover{background:var(--sidebar-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.logout-btn:hover{background:#ef444426;border-color:var(--error);color:var(--error)}.main-content{flex:1;margin-left:260px;padding:var(--spacing-xl);overflow-y:auto;background:var(--bg-primary);min-height:100vh}@media(max-width:768px){.sidebar{width:80px}.main-content{margin-left:80px}.sidebar-logo-img{height:48px}.nav-link span,.user-details,.theme-toggle{display:none}.sidebar-nav{padding:var(--spacing-md)}.nav-link{justify-content:center}.sidebar-footer{flex-direction:column;gap:var(--spacing-sm)}.user-info{flex-direction:column}}:root{--cosmic-primary: #b32bee;--cosmic-bg-dark: #1c1022;--cosmic-input-bg: #0f0814;--cosmic-border: #4c3b54;--cosmic-text-muted: #b19db9;--cosmic-text-secondary: #6b5a72}body{margin:0;font-family:Inter,sans-serif;background-color:var(--cosmic-bg-dark);color:#fff;min-height:100vh;overflow-x:hidden}.cosmic-bg-wrapper{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.cosmic-gradient{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,#4a1259,#1c1022 60%,#0f0814)}.star-overlay{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(white 1px,transparent 1px);background-size:40px 40px}.login-main{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.glass-card{width:100%;max-width:440px;background:#1c1022b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;display:flex;flex-direction:column}.login-header{padding:2.5rem 2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.login-title{font-size:1.875rem;font-weight:900;letter-spacing:-.025em;color:#fff;margin:0 0 .5rem}.login-subtitle{color:var(--cosmic-text-muted);font-size:.875rem;line-height:1.6;margin:0}.login-form{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.75rem;font-weight:600;color:var(--cosmic-text-muted);margin-left:.25rem;text-transform:uppercase;letter-spacing:.05em}.input-wrapper{position:relative}.input-icon-wrapper{position:absolute;top:0;bottom:0;left:0;padding-left:1rem;display:flex;align-items:center;pointer-events:none}.input-icon{color:var(--cosmic-text-secondary);transition:color .2s ease}.input-wrapper:focus-within .input-icon{color:var(--cosmic-primary)}.form-input{display:block;width:100%;height:3rem;padding-left:3.5rem!important;padding-right:1rem;box-sizing:border-box;background-color:#0f081499;border:1px solid rgba(76,59,84,.5);border-radius:.75rem;color:#fff;font-size:.875rem;transition:all .2s ease;box-shadow:inset 0 2px 4px #0000000f}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #1e1226 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}.form-input:focus{outline:none;border-color:#b32bee80;box-shadow:0 0 0 1px #b32bee80}.form-input::placeholder{color:#4c3b54}.forgot-password-link{font-size:.75rem;font-weight:500;color:var(--cosmic-text-muted);text-decoration:none;transition:color .2s ease;display:flex;align-items:center;gap:.25rem;padding:.25rem 0}.forgot-password-link:hover{color:#fff}.submit-btn{width:100%;height:3rem;background-color:var(--cosmic-primary);color:#fff;font-weight:700;border-radius:.75rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;box-shadow:0 4px 14px #b32bee63;transition:all .2s ease}.submit-btn:hover{background-color:#a020d6;transform:translateY(-2px);box-shadow:0 6px 20px #b32bee3b}.submit-btn:active{background-color:#911bc4;transform:translateY(0)}.login-footer{padding:1rem 0;background-color:#120b1699;border-top:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center}.return-link{font-size:.875rem;color:#8a7a94;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.return-link:hover{color:#fff}.return-arrow{transition:transform .2s ease}.return-link:hover .return-arrow{transform:translate(-4px)}.copyright-text{position:absolute;bottom:1.5rem;width:100%;text-align:center;font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;opacity:.3;pointer-events:none}.page-container{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h2{margin-bottom:.25rem;font-size:1.875rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.product-name{font-weight:600;color:var(--text-primary)}.product-value{font-weight:600;color:var(--accent-primary)}.category-tag{display:inline-block;padding:.25rem .625rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.featured-badge{display:inline-flex;align-items:center;margin-left:.5rem;color:#fbbf24;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--card-bg);border-radius:20px;width:90%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border-color);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1.5rem;border-bottom:2px solid var(--border-color);position:sticky;top:0;background:var(--card-bg);z-index:10}.modal-header h3{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.modal-header h3:before{content:"";width:4px;height:28px;background:linear-gradient(135deg,var(--accent-color),#9333ea);border-radius:2px}.modal-close{background:transparent;border:none;font-size:2rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#ef44441a;color:var(--error)}.modal form{padding:2rem;display:flex;flex-direction:column;gap:1.75rem}.input-group{display:flex;flex-direction:column;gap:.625rem}.input-group label{font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.375rem}.input-group input[type=text],.input-group input[type=number],.input-group select{width:100%;padding:.875rem 1.125rem;background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:12px;font-size:.95rem;color:var(--text-primary);transition:all .2s ease;font-family:inherit}.input-group input:hover,.input-group select:hover{border-color:var(--accent-color)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px #8b5cf61a;background:var(--card-bg)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:1rem;background:var(--bg-tertiary);border-radius:12px;border:1.5px solid transparent;transition:all .2s ease}.checkbox-label:hover{border-color:var(--accent-color);background:#8b5cf60d}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-color)}.checkbox-label span{font-size:.95rem;font-weight:500;color:var(--text-primary)}.modal-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:.5rem}.modal-actions button{flex:1;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#9333ea);color:#fff;box-shadow:0 4px 12px #8b5cf640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1.5px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.action-buttons{display:flex;gap:var(--spacing-xs)}.badge-legendary{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-weight:600}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.table-container{overflow-x:auto}table{min-width:600px}}.confirm-modal{max-width:400px}.products-header-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.search-bar-container{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.search-bar-container .search-icon{position:absolute;left:12px;z-index:1;color:var(--text-secondary)}.search-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.75rem 1rem .75rem 2.8rem;color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #c53dff33}.btn-pill{border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;white-space:nowrap;flex-shrink:0;flex-grow:0;width:fit-content;display:inline-flex;align-items:center;gap:.5rem}[data-theme=light] .modal{background:#fff;border:1px solid #e0c4f0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .modal{background:#1a1d29;border:1px solid #2d3748;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.filters-bar{display:flex;align-items:center;gap:2rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.filter-group{display:flex;align-items:center;gap:1.5rem}.filter-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.05em}.filter-tabs{display:flex;gap:.5rem}.filter-tab{background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.filter-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.filter-tab.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #c53dff4d}.filter-separator{width:1px;height:24px;background:var(--border-color)}.category-filter{flex:1}.category-dropdown-wrapper{position:relative;display:inline-flex;align-items:center;background:var(--bg-tertiary);border-radius:9999px;padding:0 1rem;border:1px solid var(--border-color);transition:all .2s ease}.category-dropdown-wrapper:hover{border-color:var(--text-secondary)}.category-icon-small{color:var(--accent-primary);margin-right:.5rem}.category-select{appearance:none;background:transparent;border:none;color:var(--text-primary);font-size:.8rem;font-weight:600;padding:.5rem 1.5rem .5rem .5rem;cursor:pointer;text-transform:uppercase;min-width:150px}.category-select option{background-color:var(--bg-secondary);color:var(--text-primary);padding:12px}.category-select:focus{outline:none}.dropdown-arrow{position:absolute;right:1rem;color:var(--text-secondary);pointer-events:none}.image-upload-area{width:100%;margin-bottom:1rem}.upload-placeholder{width:100%;height:160px;border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);transition:all .2s ease}.upload-placeholder:hover{border-color:var(--accent-primary);background:#c53dff0d}.hidden-file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary);width:100%;height:100%;justify-content:center}.upload-label:hover{color:var(--accent-primary);background:#c53dff0d}.image-preview{position:relative;width:100%;height:200px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-image-btn:hover{background:#ff4444e6}.product-info-cell{display:flex;align-items:center;gap:1rem}.product-thumbnail{width:40px;height:40px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-color);color:var(--text-secondary);flex-shrink:0}.product-thumbnail img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.filters-bar{flex-direction:column;align-items:flex-start;gap:1rem}.filter-separator{display:none}.search-input{width:100%}.search-bar-container{flex-direction:column-reverse;gap:1rem;align-items:stretch}.search-bar-container .btn{width:100%;justify-content:center}.filter-tabs{flex-wrap:wrap}}:root{--void-primary: #c342fa;--void-primary-dark: #a532d5;--void-bg-dark: #1d0f23;--void-surface-dark: #241b27;--void-border-dark: #4d3a55;--void-text-secondary: #b19bbb}.void-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:voidFadeIn .3s ease-out}@keyframes voidFadeIn{0%{opacity:0}to{opacity:1}}.void-glass-panel{background:#1d0f23f2;border:1px solid rgba(195,66,250,.2);box-shadow:0 0 40px #00000080,inset 0 0 20px #c342fa0d;border-radius:1.5rem;width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;color:#fff;font-family:Space Grotesk,Inter,sans-serif;animation:voidScaleUp .4s cubic-bezier(.16,1,.3,1)}@keyframes voidScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.void-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,rgba(195,66,250,.05),transparent)}.void-header-content{display:flex;align-items:center;gap:1rem}.void-header-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:var(--void-primary)}.void-header-text h2{font-size:1.25rem;font-weight:700;margin:0;line-height:1.2}.void-header-text p{font-size:.875rem;color:var(--void-text-secondary);margin:0}.void-modal-close{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--void-text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s}.void-modal-close:hover{background:#ffffff1a;color:#fff}.void-modal-body{flex:1;overflow-y:auto;padding:2rem;background:linear-gradient(180deg,#1d0f2380,#0f0a12cc)}.void-modal-body::-webkit-scrollbar{width:6px}.void-modal-body::-webkit-scrollbar-track{background:#0003}.void-modal-body::-webkit-scrollbar-thumb{background:var(--void-border-dark);border-radius:4px}.void-modal-body::-webkit-scrollbar-thumb:hover{background:var(--void-primary)}.void-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:1024px){.void-grid{grid-template-columns:350px 1fr}}.void-input-group{display:flex;flex-direction:column;gap:.5rem}.void-label{font-size:.875rem;font-weight:600;color:var(--void-text-secondary);letter-spacing:.02em}.void-input,.void-select,.void-textarea{width:100%;background:#2a2430;border:1px solid var(--void-border-dark);border-radius:.75rem;padding:.875rem 1rem;color:#fff;font-size:.95rem;transition:all .2s;font-family:inherit;appearance:none}.void-input:focus,.void-select:focus,.void-textarea:focus{outline:none;border-color:var(--void-primary);box-shadow:0 0 0 2px #c342fa33;background:#322b39}.void-input::placeholder,.void-textarea::placeholder{color:#fff3}.void-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.void-image-upload{width:100%;aspect-ratio:4/3;background:#0003;border-radius:1rem;overflow:hidden;position:relative;border:2px dashed var(--void-border-dark);cursor:pointer;transition:all .2s}.void-image-upload:hover{border-color:var(--void-primary);background:#c342fa0d}.void-upload-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.void-upload-icon{width:3rem;height:3rem;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:transform .2s}.void-image-upload:hover .void-upload-icon{transform:scale(1.1);background:var(--void-primary)}.void-image-preview{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .2s}.void-image-upload:hover .void-image-preview{opacity:.4}.void-feature-box{padding:1.5rem;border-radius:1rem;border:1px solid var(--void-border-dark);background:#0003;display:flex;flex-direction:column;gap:1rem}.void-feature-header{display:flex;justify-content:space-between;align-items:center}.void-feature-list{display:flex;flex-direction:column;gap:.75rem}.void-feature-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#ffffff08;border-radius:.5rem;border:1px solid transparent}.void-feature-row:hover{border-color:#ffffff1a}.void-feature-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.void-icon-selector{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem;border-top:1px solid var(--void-border-dark)}.void-icon-btn{width:2.25rem;height:2.25rem;border:1px solid var(--void-border-dark);background:#0003;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.void-icon-btn:hover{background:var(--void-primary);border-color:var(--void-primary)}.void-toggles-section{display:flex;gap:1.5rem}.void-toggle-card{flex:1;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#ffffff08;border:1px solid var(--void-border-dark);border-radius:1rem}.void-switch{position:relative;display:inline-block;width:3rem;height:1.5rem}.void-switch input{opacity:0;width:0;height:0}.void-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--void-border-dark);border-radius:34px;transition:.4s}.void-slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:4px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}.void-switch input:checked+.void-slider{background-color:var(--void-primary)}.void-switch input:checked+.void-slider:before{transform:translate(1.4rem)}.void-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:#0003;border-top:1px solid var(--void-border-dark)}.void-btn-save{background:var(--void-primary)!important;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #c342fa4d;transition:all .2s}.void-btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c342fa66;background:#d46aff!important}.void-btn-cancel{background:transparent;color:var(--void-text-secondary);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s}.void-btn-cancel:hover{color:#fff;background:#ffffff0d}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.category-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:border-color .2s ease;position:relative}.category-card:hover{border-color:var(--accent-primary)}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.category-icon-wrapper{width:52px;height:52px;background:var(--bg-tertiary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);transition:background-color .2s ease}.category-card:hover .category-icon-wrapper{background:#8b5cf61a}.category-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.category-card:hover .category-actions{opacity:1}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.action-btn.delete:hover{border-color:#ef4444;color:#ef4444}.category-info h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.product-count{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:6px}.glass-panel{background:#1d0f23f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(184,31,249,.2);box-shadow:0 25px 50px -12px #00000080,0 0 15px #b81ff91a;border-radius:16px}.modal{background:#1d0f23f2;border:1px solid rgba(184,31,249,.2);border-radius:16px;padding:0;width:100%;max-width:600px;height:auto;max-height:none;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:visible}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem .25rem;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;margin:0}.modal-header-content{display:flex;flex-direction:column;gap:0}.modal-title{font-size:1.35rem;font-weight:700;color:#fff;margin:0;line-height:1.1}.modal-subtitle{font-size:.8rem;color:#ffffff80;margin:2px 0 0}.modal-close{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:4px;margin-top:-4px;margin-right:-4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#fff}.modal-body-scroll{padding:0 1.5rem 1rem;overflow:visible;display:flex;flex-direction:column;gap:1.25rem}.input-label{display:block;color:#fff;font-size:.75rem;font-weight:600;margin-bottom:.5rem;margin-left:.25rem;text-transform:uppercase;letter-spacing:.05em;color:#fffc}.input-container{position:relative;width:100%}.input-glass{width:100%;background:#2a1e31;border:1px solid #4d3a55;border-radius:12px;padding:12px 14px 12px 44px;color:#fff;font-size:.95rem;transition:border-color .2s ease}.input-glass:focus{outline:none;border-color:var(--accent-primary)}.input-glass::placeholder{color:#6b5a75}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--accent-primary);pointer-events:none;width:18px;height:18px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;margin-left:.25rem}.section-title{color:#fffc;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.icon-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:color .1s ease;height:56px;width:100%;position:relative}.icon-btn:hover{background:#ffffff05}.icon-btn svg{color:#fff6;transition:color .1s ease}.icon-btn:hover svg{color:#fffc}.icon-btn.selected svg{color:var(--accent-primary);filter:drop-shadow(0 0 8px rgba(184,31,249,.5))}.selected-dot{display:none}.visibility-card{display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:0 .25rem;margin-top:0}.vis-content{display:flex;align-items:center;gap:.75rem}.vis-icon{width:32px;height:32px;background:transparent;border:none;display:flex;align-items:center;justify-content:flex-start;color:#fffc;padding:0}.vis-text h4{color:#fff;font-size:.9rem;font-weight:500;margin:0}.vis-text p{color:#fff6;font-size:.7rem;margin:0}.switch{position:relative;display:inline-block;width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#3f3f46;transition:.2s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(22px)}.modal-footer{padding:.5rem 1.5rem 1.25rem;display:flex;gap:1rem;border-top:none}.btn-cancel{flex:1;background:transparent;border:1px solid #4d3a55;color:#fff;padding:12px;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .1s ease}.btn-cancel:hover{background:#ffffff0d}.btn-create{flex:2;background:var(--accent-primary);border:none;color:#fff;padding:12px;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:none;transition:background .1s ease}.btn-create:hover{background:#b81ff9e6;transform:none}.btn-create:active{transform:none}:root{--primary-color: #b81ff9;--bg-dark: #1d0f23;--surface-dark: #2a1e31;--border-dark: #4d3a55;--font-display: "Space Grotesk", sans-serif;--font-body: "Noto Sans", sans-serif}.order-number{font-family:var(--font-display);font-weight:600;color:var(--primary-color)}.customer-info-row{display:flex;align-items:center;gap:12px}.customer-avatar{width:32px;height:32px;border-radius:6px;object-fit:cover;background:var(--surface-dark)}.customer-info-text{display:flex;flex-direction:column;gap:.15rem}.customer-name{font-weight:500;color:#fff;line-height:1.2}.customer-email{font-size:.8rem;color:#fff9;line-height:1.2}.order-total{font-weight:600;color:var(--primary-color);font-family:monospace}.status-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body);white-space:nowrap}.status-paid{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-pending{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-failed{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.search-bar{position:relative;width:100%}.search-bar input{width:100%;padding:12px 16px 12px 48px;background:#2a1e3166;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:var(--font-body);font-size:.95rem;outline:none;transition:all .2s ease}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);background:#2a1e31cc}.search-bar input::placeholder{color:#ffffff4d}.search-bar svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--primary-color);pointer-events:none;width:18px;height:18px}.btn-icon{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.btn-icon:hover{background:#ffffff0d;color:#fff}.pro-modal{background:#1d0f23f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(184,31,249,.2);box-shadow:0 25px 50px -12px #00000080,0 0 15px #b81ff90d;border-radius:1rem;width:100%;max-width:800px;display:flex;flex-direction:column;overflow:hidden;animation:modalScale .3s ease-out forwards}@keyframes modalScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.pro-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.pro-modal-title h2{color:#fff;font-size:1.25rem;font-weight:700;font-family:var(--font-display);margin:0;line-height:1.2}.pro-modal-title p{color:#ffffff80;font-size:.875rem;margin:.125rem 0 0}.pro-btn-close{color:#ffffff80;background:transparent;border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pro-btn-close:hover{color:#fff;background:#ffffff0d}.pro-modal-body{padding:1.5rem;overflow-y:auto;max-height:75vh}.pro-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.pro-columns{grid-template-columns:1fr}}.pro-section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.pro-section-title h3{font-family:var(--font-display);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin:0}.pro-section-title svg{color:var(--primary-color)}.pro-info-stack{display:flex;flex-direction:column;gap:1rem;padding-left:.25rem}.pro-label{color:#fff6;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-family:var(--font-body)}.pro-value{color:#fff;font-family:var(--font-body);font-size:.9rem}.pro-value.mono{font-family:monospace}.pro-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;background:#b81ff926;border:1px solid rgba(184,31,249,.3);color:var(--primary-color);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pro-pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 8px var(--primary-color)}.customer-card{background:#2a1e3166;border:1px solid rgba(255,255,255,.05);padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.customer-avatar-box{width:48px;height:48px;border-radius:50%;background:#2a1e31;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}.customer-avatar-img{width:100%;height:100%;object-fit:cover}.customer-details{display:flex;flex-direction:column;gap:2px}.divider{height:1px;background:#ffffff0d;width:100%;margin:1.5rem 0}.item-card{background:#2a1e3166;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;overflow:hidden;margin-bottom:.5rem}.item-row{padding:1rem;display:flex;align-items:center;justify-content:space-between;transition:background .2s ease}.item-row:hover{background:#ffffff05}.item-visual{width:40px;height:40px;background:var(--surface-dark);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.item-name{color:#fff;font-weight:500;font-size:.9rem}.item-sub{color:#fff6;font-size:.75rem;margin-top:.125rem}.item-price{color:#fff;font-family:monospace;font-weight:600;font-size:.9rem}.summary-card{background:#2a1e3133;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.summary-line{display:flex;justify-content:space-between;color:#ffffff80;font-size:.875rem}.summary-total-line{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;margin-top:.25rem;border-top:1px dashed rgba(255,255,255,.1)}.total-label{color:#fff;font-weight:700}.total-price{color:var(--primary-color);font-family:monospace;font-size:1.5rem;font-weight:700}.pro-modal-footer{padding:1rem 1.5rem;background:linear-gradient(to top,rgba(29,15,35,1),transparent)}.btn-close-full{width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:.75rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-close-full:hover{background:#ffffff1a;border-color:#fff3}.settings-container{padding:2.5rem;max-width:900px;margin:0 auto}.settings-header{margin-bottom:2.5rem}.header-content{display:flex;align-items:center;gap:1rem}.header-icon{color:var(--accent-primary);flex-shrink:0}.page-title{font-size:1.75rem;font-weight:600;margin:0;color:var(--text-primary)}.page-subtitle{font-size:.95rem;color:var(--text-secondary);margin:.5rem 0 0}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.card-title{font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.card-title:before{content:"";width:3px;height:20px;background:var(--accent-primary);border-radius:2px}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.form-input{width:100%;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;color:var(--text-primary);transition:border-color .2s ease;font-family:inherit}textarea.form-input{resize:vertical;min-height:100px}.form-input:hover{border-color:var(--accent-primary)}.form-input:focus{outline:none;border-color:var(--accent-primary)}.form-input::placeholder{color:var(--text-secondary);opacity:.5}.input-hint{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0 0}.form-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--border-color);margin-top:1rem}.btn-save{display:flex;align-items:center;gap:.5rem;padding:12px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.btn-save:hover:not(:disabled){background:#7c3aed}.btn-save:active:not(:disabled){background:#6d28d9}.btn-save:disabled{opacity:.5;cursor:not-allowed}.loading-state{text-align:center;padding:4rem;color:var(--text-secondary);font-size:1rem}.store-footer{background:#0a0a0a;border-top:1px solid #1a1a1a;padding:1.5rem 2rem 3rem;margin-top:auto;width:100%;position:relative;z-index:50}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#888}.footer-left,.footer-center,.footer-right{display:flex;align-items:center;gap:1.5rem}.footer-center a{color:#888;text-decoration:none;transition:color .2s ease}.footer-center a:hover{color:#fff}@media(max-width:768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-center{flex-wrap:wrap;justify-content:center}}.cart-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s ease}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:#0c0512;border-left:1px solid rgba(197,61,255,.1);box-shadow:-10px 0 40px #000c;z-index:9999;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.cart-sidebar.open{transform:translate(0)}.cart-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);background:#0c0512f2}.cart-title-group{display:flex;align-items:center;gap:.75rem}.cart-title{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0}.cart-count-badge{background:#c53dff;color:#fff;font-size:.75rem;font-weight:700;height:1.5rem;min-width:1.5rem;padding:0 .4rem;border-radius:99px;display:flex;align-items:center;justify-content:center}.cart-close-btn{width:2rem;height:2rem;border-radius:50%;border:none;background:#ffffff0d;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cart-close-btn:hover{background:#ffffff1a;color:#fff}.cart-items-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff4d;text-align:center;padding:2rem}.cart-empty p{margin-top:1rem;font-size:.9rem}.cart-item{display:flex;gap:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;padding:.75rem;transition:border-color .2s}.cart-item:hover{border-color:#c53dff33;background:#ffffff08}.cart-item-image{width:70px;height:70px;border-radius:.5rem;background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:contain}.cart-item-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start}.cart-item-name{font-size:.9rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.cart-item-rarity{font-size:.65rem;text-transform:uppercase;font-weight:700;color:#c53dff;margin-top:.2rem;display:block}.cart-item-remove{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:.2rem;transition:color .2s}.cart-item-remove:hover{color:#ef4444}.cart-item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.cart-item-qty{display:flex;align-items:center;gap:.5rem;background:#0006;border-radius:4px;padding:.1rem}.qty-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:1rem}.qty-btn:hover{color:#fff;background:#ffffff1a;border-radius:3px}.qty-val{font-size:.8rem;font-weight:600;color:#fff;min-width:1rem;text-align:center}.cart-item-price{font-weight:700;color:#fff;font-size:.95rem}.currency-label{font-size:.65rem;color:#ffffff80;margin-left:.2rem}.cart-footer{background:#0c0512f2;border-top:1px solid rgba(255,255,255,.05);padding:1.5rem}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;color:#fff9}.cart-summary-row.total{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);color:#fff;font-size:1.25rem;font-weight:700;align-items:flex-end}.total-label{font-family:Space Grotesk,sans-serif;text-transform:uppercase}.total-value-group{text-align:right}.total-value{color:#c53dff}.total-sub{display:block;font-size:.65rem;color:#fff6;font-weight:500;margin-top:.2rem}.btn-checkout{width:100%;margin-top:1.5rem;padding:1rem;background:linear-gradient(90deg,#c53dff,#d946ef);border:none;border-radius:.75rem;color:#fff;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #c53dff4d;transition:all .2s}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c53dff80}.btn-checkout:active{transform:translateY(0)}.cart-security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.7rem;color:#ffffff4d}.store-layout{--text: #ffffff;--background: #0c0014;--primary: #c53dff;--secondary: #14001f;--accent: #ff5cff;--store-bg: var(--background);--store-card-bg: var(--secondary);--store-border: rgba(197, 61, 255, .15);--store-accent: var(--primary);--store-accent-hover: var(--accent);--store-text-main: var(--text);--store-text-muted: #a1a1aa;--store-radius: .75rem;min-height:100vh;background-color:var(--store-bg);color:var(--store-text-main);font-family:Inter,sans-serif;display:flex;flex-direction:column;background-image:radial-gradient(circle at 50% 0%,#1a0b2e 0%,var(--background) 50%)}.store-container-wrapper{flex:1;display:flex;flex-direction:column;width:100%}.store-container{max-width:1400px;margin:0 auto;padding:3rem 8% 2rem;display:grid;grid-template-columns:260px 1fr;gap:3rem;width:100%}.store-hero{position:relative;width:100%;height:480px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;background:transparent;border-bottom:1px solid var(--store-border)}.hero-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.3;background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuDFWx5gSnCK3u5vwhbjqfdJhaY1VLdVxVTZ8sqZzhTZUW3el-XqxKhQfJOSG99AECV8hjziI9RnTYYFXxcu_CJ9MHcnejqhmrXeY_YW-XcnrT-JgoE8PvnG_w1JtKPTYtUJgHpY7Kh2u-QaItbtuF3fucQ2Kk3PqjqUX4hWykgNHzlOVAHeOl6-TGyxsG2NhqwdBzULkTTo3SBqr5IKmiJwlt3sAW8g-I3l_AWBspPDawLxoMYvKcOv3gHMmGqMUnMouqZv-nzGqf1Y);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.hero-content{position:relative;z-index:10;width:100%;max-width:1200px;padding:0 2rem;display:flex;justify-content:center;gap:4rem;align-items:center}.hero-logo-wrapper{width:500px;height:500px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.hero-main-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 50px rgba(197,61,255,.4))}.hero-stat-block{display:flex;flex-direction:column;gap:.25rem;min-width:200px}.hero-stat-block.left{align-items:flex-end;text-align:right}.hero-stat-block.right{align-items:flex-start;text-align:left}.stat-row{display:flex;align-items:center;gap:.75rem}.stat-number{font-size:2.25rem;font-weight:800;color:var(--text);font-family:Space Grotesk,sans-serif;line-height:1}.stat-subtitle{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--store-text-muted);font-weight:600;margin-top:.25rem}.stat-url{font-size:.75rem;color:var(--primary);font-weight:700;margin-top:.25rem;letter-spacing:.05em}.text-mc{color:#4ade80}.text-discord{color:#5865f2}.store-sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-card{background:var(--store-card-bg);border:1px solid var(--store-border);border-radius:var(--store-radius);padding:1rem;box-shadow:0 4px 6px -1px #0003}.menu-section-title{font-size:.75rem;text-transform:uppercase;color:var(--store-text-muted);font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;margin-left:.5rem;display:block}.nav-menu{display:flex;flex-direction:column;gap:.75rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:.5rem;color:var(--store-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s;background:transparent;border:1px solid transparent}.nav-item:hover,.nav-item.active{background:transparent;color:var(--store-accent);border-color:transparent;box-shadow:inset 4px 0 0 var(--store-accent)}.store-main{display:flex;flex-direction:column;gap:3rem}.promo-banner{background:var(--store-card-bg);border-radius:var(--store-radius);padding:2.5rem;border:1px solid var(--store-border);position:relative;overflow:hidden}.banner-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;color:#fff;font-family:Space Grotesk,sans-serif}.banner-text{color:var(--store-text-muted);line-height:1.6;margin-bottom:2rem;max-width:600px}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#fff;font-family:Space Grotesk,sans-serif}.section-accent{width:4px;height:1.25rem;background:var(--store-accent);border-radius:2px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.product-card{background:var(--store-card-bg);border:1px solid transparent;border-radius:var(--store-radius);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s;height:100%;position:relative;box-shadow:0 4px 6px -1px #0000004d}.product-card:hover{border-color:var(--store-accent);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0006}.card-image-container{background:transparent;border-radius:.5rem;overflow:hidden;height:180px;width:100%;margin-bottom:1rem;position:relative;display:flex;align-items:center;justify-content:center;padding:0}.store-section-box{background:var(--store-card-bg);border:1px solid var(--store-border);border-radius:var(--store-radius);padding:2rem;margin-top:1rem;position:relative}.card-image-container img{display:block;width:100%;height:100%;object-fit:contain;padding:0;transition:transform .3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.card-info-row{display:flex;justify-content:space-between;align-items:flex-end;width:100%;gap:1rem}.card-text-group{display:flex;flex-direction:column;gap:.2rem;overflow:hidden;align-items:flex-start!important;text-align:left!important;padding:0!important;margin:0!important;width:100%}.card-title{font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif;border:none!important;text-decoration:none!important;margin:0!important;padding:0!important;text-align:left!important;width:100%;display:block!important}.card-price{font-size:.7rem;font-weight:500;color:var(--store-text-muted);border:none!important;text-decoration:none!important;margin:0!important;padding:0!important;text-align:left!important;width:100%;display:block!important}.card-desc,.card-footer{display:none}.btn-buy{background:var(--store-accent);color:#fff;border:none;padding:.4rem 1rem;border-radius:.4rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-buy:hover{background:var(--store-accent-hover)}.btn-buy:disabled{background:#333;cursor:not-allowed;color:#666}.mobile-menu-toggle{display:none}@media(max-width:1024px){.store-container{grid-template-columns:220px 1fr;gap:2rem}}@media(max-width:768px){.store-container{grid-template-columns:1fr;padding:1rem;gap:2rem;display:flex;flex-direction:column}.mobile-menu-toggle{display:flex;align-items:center;gap:.5rem;background:var(--store-card-bg);border:1px solid var(--store-border);color:#fff;padding:.75rem 1rem;border-radius:var(--store-radius);margin-bottom:1rem;cursor:pointer;width:100%;justify-content:center;font-weight:600;z-index:90}.store-sidebar-wrapper{display:none;width:100%}.store-sidebar-wrapper.mobile-open{display:block;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.store-sidebar{display:flex;width:100%}.store-hero{height:auto;padding:4rem 1rem 3rem;background:#050505;flex-direction:column}.hero-content{flex-direction:column;text-align:center;gap:2rem;padding:0 1rem}.hero-stat-block{display:flex!important;width:100%;align-items:center!important;text-align:center!important;justify-content:center;margin-top:.5rem}.hero-stat-block.left,.hero-stat-block.right{align-items:center;text-align:center}.hero-logo-wrapper{width:160px;height:160px;margin-bottom:1rem}.banner-title{font-size:1.75rem}.feature-grid{grid-template-columns:1fr}.card-footer{margin-top:.5rem}}.user-profile-mini{display:flex;align-items:center;gap:1rem}.profile-visual{width:100px;height:100px;border-radius:0;overflow:hidden;background:transparent;position:relative;flex-shrink:0}.skin-preview{height:200%;width:auto;position:absolute;top:0%;left:50%;transform:translate(-50%);image-rendering:pixelated}.profile-info{display:flex;flex-direction:column;justify-content:center}.profile-rank{font-size:.7rem;color:#fff;font-weight:700}.profile-info h4{font-size:1rem;font-weight:600;margin:0;color:#fff}.btn-logout-mini{font-size:.65rem;color:#a1a1aa;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);padding:.2rem .5rem;border-radius:4px;text-align:center;cursor:pointer;font-weight:500;margin-top:.3rem;transition:all .2s;width:fit-content;font-family:Inter,sans-serif}.btn-logout-mini:hover{background:#2a2a3e;color:#fff;border-color:#fff3}.btn-login-mini{font-size:.65rem;background:var(--store-accent);border:none;color:#fff;padding:.25rem .6rem;border-radius:4px;cursor:pointer;margin-top:.3rem;transition:all .2s;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content;text-align:center;box-shadow:none}.btn-login-mini:hover{background:var(--store-accent-hover);transform:translateY(-1px);box-shadow:none}.login-modal-overlay{position:fixed;inset:0;background:#08020cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.login-modal{background:#100616;border:1px solid rgba(197,61,255,.2);box-shadow:0 0 50px #c53dff26;border-radius:1rem;padding:2.5rem;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-icon-wrapper{width:60px;height:60px;border-radius:50%;background:#c53dff1a;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid rgba(197,61,255,.2)}.modal-title{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.modal-subtitle{font-size:.85rem;color:var(--store-text-muted);margin-bottom:2rem}.login-form{width:100%;display:flex;flex-direction:column;gap:1rem}.input-group{position:relative;width:100%}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--primary);opacity:.7}.modal-input{width:100%;background:#ffffff08;border:1px solid var(--store-border);border-radius:.75rem;padding:1rem 1rem 1rem 2.7rem!important;color:#fff;font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:all .2s}.modal-input:focus{border-color:var(--primary);background:#c53dff0d}.input-suffix{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--store-text-muted);font-size:1.2rem;opacity:.5}.modal-btn-primary{width:100%;padding:1rem;background:transparent;border:none;color:#fff;font-weight:400;font-size:1.1rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.8}.modal-btn-primary:hover{color:var(--store-accent);opacity:1;box-shadow:none;filter:none}.modal-footer-links{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem;font-size:.8rem;color:var(--store-text-muted)}.link-highlight{color:var(--accent);text-decoration:none;font-weight:600}.link-muted{color:var(--store-text-muted);text-decoration:none;opacity:.6}.link-muted:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.promo-banner{position:relative;border-radius:1.5rem;overflow:hidden;margin-bottom:3rem;min-height:240px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);background:#0f0f13}.banner-bg-image{position:absolute;inset:0;background-image:url(/hero-supernova.png);background-size:cover;background-position:center;opacity:.7;transition:transform .6s ease}.promo-banner:hover .banner-bg-image{transform:scale(1.02)}.banner-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#0c0014 0%,rgba(12,0,20,.8) 50%,transparent 100%)}.banner-content{position:relative;z-index:10;max-width:800px;padding:2.5rem 3rem}.banner-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--store-text-muted);margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.banner-dot{width:6px;height:6px;background:var(--store-accent);border-radius:50%;box-shadow:0 0 10px var(--store-accent)}.banner-title{font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.banner-text{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.8);max-width:90%}@media(max-width:768px){.banner-content{padding:2rem;text-align:left}.banner-title{font-size:1.8rem}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:#1f1f23;background-image:linear-gradient(to right,#1f1f23,#2a2a30 20%,#1f1f23 40% 100%);background-repeat:no-repeat;background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:4px}.skeleton-banner{width:100%;height:300px;border-radius:1.5rem;margin-bottom:3rem;border:1px solid rgba(255,255,255,.05)}.skeleton-card{background:#0f0f13;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;height:100%;min-height:320px}.skeleton-image{width:100%;height:200px;border-radius:.75rem}.skeleton-text-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.skeleton-title{width:70%;height:1.5rem}.skeleton-price{width:40%;height:1rem}.skeleton-btn{width:100%;height:2.5rem;border-radius:.5rem;margin-top:auto}.skeleton-header{width:200px;height:2rem;margin-bottom:2rem}.store-modal-overlay{position:fixed;inset:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease-out}.store-modal-container{background:#140f19fa;border:1px solid rgba(255,255,255,.08);width:100%;max-width:900px;max-height:90vh;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 50px #00000080;animation:scaleUp .3s cubic-bezier(.16,1,.3,1) forwards}.store-modal-close-abs{position:absolute;top:1rem;right:1rem;z-index:50;padding:.5rem;color:#9ca3af;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.store-modal-close-abs:hover{background:#ffffff1a;color:#fff}.store-modal-content-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}@media(min-width:1024px){.store-modal-content-wrapper{flex-direction:row;height:550px}}.store-modal-left-col{width:100%;padding:1.5rem;background:#0000004d;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid rgba(255,255,255,.05)}@media(min-width:1024px){.store-modal-left-col{width:40%;padding:2rem}}.modal-image-box{position:relative;width:100%;aspect-ratio:1;border-radius:.75rem;overflow:hidden;background:transparent}.modal-image-bg{position:absolute;inset:0;transition:transform .5s ease}.modal-image-box:hover .modal-image-bg{transform:scale(1.02)}.modal-rarity-badge{position:absolute;top:.75rem;left:.75rem;display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:99px;background:#0009;border:1px solid rgba(255,255,255,.1);color:#fde047;font-size:.75rem;font-weight:700;gap:.25rem;pointer-events:none}.modal-price-stock-group{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.modal-price-row{display:flex;align-items:baseline;justify-content:space-between}.modal-price-main{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.025em;margin:0}.modal-price-old{font-size:.875rem;font-weight:500;color:#6b7280;text-decoration:line-through}.modal-stock-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:.375rem;width:fit-content}.stock-dot-container{position:relative;display:flex;height:.5rem;width:.5rem}.stock-ping{position:absolute;display:inline-flex;height:100%;width:100%;border-radius:50%;background:#4ade80;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.stock-dot{position:relative;display:inline-flex;border-radius:50%;height:.5rem;width:.5rem;background:#22c55e}.stock-text{font-size:.75rem;font-weight:500;color:#4ade80}.modal-action-footer-left{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.btn-modal-add{width:100%;height:3rem;border-radius:.5rem;background:#c53dff;color:#fff;font-weight:700;font-size:1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}.btn-modal-add:hover{background:#b02ce5}.btn-modal-cancel{width:100%;height:2.75rem;background:transparent;color:#d1d5db;font-weight:500;font-size:.9rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;cursor:pointer;transition:all .2s}.btn-modal-cancel:hover{border-color:#ffffff4d;color:#fff}.modal-secure-text{text-align:center;font-size:.7rem;color:#6b7280;margin-top:.5rem;margin-bottom:0}.store-modal-right-col{width:100%;display:flex;flex-direction:column}@media(min-width:1024px){.store-modal-right-col{width:60%}}.modal-scroll-content{flex:1;overflow-y:auto;padding:2rem}.modal-header-section{margin-bottom:1.5rem}.modal-product-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;line-height:1.1;margin:0}.modal-description-text{color:#d1d5db;font-size:1rem;line-height:1.6;margin-bottom:2.5rem;padding-left:1rem;border-left:2px solid rgba(197,61,255,.4)}.modal-section-eyebrow{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:1rem}.modal-chips-grid{display:flex;flex-direction:column;gap:.75rem}.modal-feature-chip{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#e5e7eb;font-size:.9rem}.text-primary{color:#c53dff}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.store-floating-cart-btn{position:fixed;top:2rem;right:2rem;z-index:9990;display:flex;align-items:center;gap:.75rem;background:#0a050f66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:.6rem 1.25rem;border-radius:99px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 20px #0003;font-family:inherit;font-size:100%;line-height:1.15;margin:0;text-transform:none;-webkit-appearance:button}.store-floating-cart-btn:hover{background:#c53dff1a;border-color:#c53dff66;transform:translateY(-2px);box-shadow:0 8px 25px #c53dff33}.cart-icon-box{position:relative;display:flex;align-items:center;justify-content:center;color:#fff}.cart-badge{position:absolute;top:-6px;right:-8px;background:#c53dff;color:#fff;font-size:.65rem;font-weight:800;height:16px;min-width:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.cart-label{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffffe6}