:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--border-radius:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--color-bg:var(--color-background);--primary-color:var(--color-primary);--primary-hover:var(--color-primary-dark);--background-color:var(--color-background);--background-darker:var(--color-surface);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--border-color:var(--color-border);--card-background:var(--color-card-bg,var(--color-surface));--box-shadow:var(--shadow-md);--text-color:var(--color-text-primary);--color-background-secondary:var(--color-surface-hover,var(--color-surface));--color-primary-hover:var(--color-primary-dark)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;margin-top:0}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-primary-dark);text-decoration:underline}.button,button,input[type=submit]{background-color:var(--color-primary);border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.button:hover,button:hover,input[type=submit]:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;text-decoration:none}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{background-color:var(--color-surface);background-color:var(--color-input-bg,var(--color-surface));border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow);outline:none}label{color:var(--color-text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.content-card{background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius);box-shadow:none;margin-bottom:1rem;padding:1.5rem 1rem}.section-bg{display:none}.App{display:flex;flex-direction:column;min-height:100vh}.App-main{flex-grow:1;padding:.5rem 0 0}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.App-header,.App-header h1,.cta-button,.feature-card,.feature-card h3,.feature-card p,.feature-icon,.features,.features h2,.features-grid,.footer,.footer-bottom,.footer-bottom p,.footer-content,.footer-section h3,.footer-section p,.hero,.hero-content h1,.hero-content p,.service-item,.service-item h3,.service-item p,.services,.services h2,.services-grid,.social-links,.social-links a{background:inherit;border:none;box-shadow:none;color:inherit;margin:0;padding:0;text-align:left}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App-header,body{color:var(--color-text-primary)}.App-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:20px}.App-header h1{color:var(--color-primary);font-size:2.5rem}.App-main.no-padding{padding:0}.header{box-shadow:0 2px 10px var(--color-shadow);left:0;position:fixed;right:0}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo h2{color:var(--color-primary);font-size:1.8rem;font-weight:700}.nav{display:flex;gap:30px}.nav a{color:var(--color-text-secondary);font-weight:500;text-decoration:none;transition:color .3s ease}.nav a:hover{color:var(--color-primary)}.hero{align-items:center;background:var(--color-background);display:flex;justify-content:center;min-height:100vh;padding-top:70px;text-align:center}.hero,.hero-content h1{color:var(--color-text-primary)}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:20px}.hero-content p{color:var(--color-text-secondary);font-size:1.3rem;margin-bottom:30px;opacity:.9}.cta-button{background:var(--color-primary);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{background:var(--color-primary-dark);box-shadow:0 10px 25px var(--color-shadow);transform:translateY(-2px)}.features{background:var(--color-background);padding:100px 0}.features h2{color:var(--color-text-primary);font-size:2.5rem;margin-bottom:60px;text-align:center}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 5px 15px var(--color-shadow);padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{border-color:var(--color-primary);box-shadow:0 15px 35px var(--color-shadow);transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:15px}.feature-card p{color:var(--color-text-secondary);line-height:1.6}.services{background:var(--color-background);padding:100px 0}.services h2{color:var(--color-text-primary);font-size:2.5rem;margin-bottom:60px;text-align:center}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.service-item{background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;padding:30px;transition:border-color .3s ease,transform .3s ease}.service-item:hover{border-color:var(--color-primary);transform:translateY(-3px)}.service-item h3{color:var(--color-text-primary);font-size:1.3rem;margin-bottom:15px}.service-item p{color:var(--color-text-secondary)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-primary);padding:60px 0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-section h3{color:var(--color-text-primary);font-size:1.3rem;margin-bottom:20px}.footer-section p{color:var(--color-text-secondary);margin-bottom:8px}.social-links{display:flex;gap:15px}.social-links a{color:var(--color-text-secondary);text-decoration:none;transition:color .3s ease}.social-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:20px;text-align:center}.footer-bottom p{color:var(--color-text-secondary)}@media (max-width:768px){.App-main{padding:.25rem 0 0}.container{padding:0 .5rem}.nav-container{flex-direction:column;height:auto;padding:15px 20px}.nav{gap:20px;margin-top:15px}.hero{min-height:70vh;padding:120px 1rem 2rem}.hero-content h1{font-size:2.5rem;line-height:1.2}.hero-content p{font-size:1.1rem;margin-bottom:25px}.cta-button{font-size:1rem;padding:12px 24px}.features,.services{padding:60px 0}.features h2,.services h2{font-size:2rem;margin-bottom:40px}.features-grid,.services-grid{gap:2rem;grid-template-columns:1fr}.feature-card,.service-item{padding:2rem 1.5rem}.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}}@media (max-width:480px){.App-main{padding:.25rem 0 0}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.features h2,.services h2{font-size:1.75rem}.feature-card,.service-item{padding:1.5rem 1rem}}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid #333;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}.toast-exit{animation:slideOut .3s ease-out forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.toast-icon{flex-shrink:0;font-size:24px}.toast-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.toast-close:hover{color:#333}.toast-success{background:#f1f8f4;border-left-color:#4caf50}.toast-error{background:#fef1f0;border-left-color:#f44336}.toast-warning{background:#fff8f0;border-left-color:#ff9800}.toast-info{background:#f0f7ff;border-left-color:#2196f3}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}}.bug-report-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.bug-report-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.bug-report-modal h2{align-items:center;color:#333;display:flex;font-size:24px;gap:10px;margin:0 0 10px}.bug-report-modal .bug-icon{font-size:28px}.bug-report-modal p{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.bug-report-form{gap:20px}.bug-form-group,.bug-report-form{display:flex;flex-direction:column}.bug-form-group{gap:8px}.bug-form-group label{color:#333;font-size:14px;font-weight:600}.bug-form-group label .required{color:#e74c3c;margin-left:4px}.bug-form-group input,.bug-form-group select,.bug-form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s}.bug-form-group input:focus,.bug-form-group select:focus,.bug-form-group textarea:focus{border-color:#3498db;outline:none}.bug-form-group textarea{min-height:100px;resize:vertical}.bug-form-group input[type=text]:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.bug-console-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;padding:12px}.bug-console-info strong{color:#333;display:block;margin-bottom:8px}.bug-console-preview{word-wrap:break-word;background:#2d2d2d;border-radius:4px;color:#f8f8f2;font-family:Courier New,monospace;font-size:12px;max-height:120px;overflow-y:auto;padding:10px;white-space:pre-wrap}.bug-console-empty{color:#95a5a6;font-style:italic}.bug-diagnostic-info{background:#e8f4f8;border:1px solid #b8dae8;border-radius:6px;color:#555;font-size:12px;padding:12px}.bug-diagnostic-info strong{color:#2c3e50;display:block;margin-bottom:6px}.bug-diagnostic-grid{grid-gap:4px 12px;display:grid;font-family:Courier New,monospace;gap:4px 12px;grid-template-columns:auto 1fr}.bug-diagnostic-label{color:#34495e;font-weight:600}.bug-diagnostic-value{color:#555;word-break:break-all}.bug-form-actions{display:flex;gap:12px;margin-top:10px}.bug-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.bug-btn-primary{background:#3498db;color:#fff;flex:1 1}.bug-btn-primary:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.bug-btn-primary:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.bug-btn-secondary{background:#ecf0f1;color:#333;flex:0 1;min-width:100px}.bug-btn-secondary:hover{background:#d5dbdb;transform:translateY(-1px)}.bug-submit-icon{font-size:16px}@media (max-width:768px){.bug-report-modal{max-height:95vh;padding:20px}.bug-report-modal h2{font-size:20px}.bug-form-actions{flex-direction:column-reverse}.bug-btn-secondary{min-width:100%}.bug-diagnostic-grid{gap:8px;grid-template-columns:1fr}.bug-diagnostic-label:after{content:":"}}.bug-console-preview::-webkit-scrollbar{width:8px}.bug-console-preview::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.bug-console-preview::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.bug-console-preview::-webkit-scrollbar-thumb:hover{background:#777}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-shadow);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-container{align-items:center;display:flex;flex-wrap:nowrap;gap:0;height:60px;justify-content:flex-start;margin:0 auto;max-width:1400px;min-width:0;padding:0 1rem}.header-left{flex:0 1 auto;flex-shrink:1;height:100%;min-width:0}.header-title-link{height:100%;text-decoration:none}.header-title-link,.logo-container{align-items:center;display:flex;gap:.5rem}.fiddle-logo{animation:fiddle-bounce 3s ease-in-out infinite;border-radius:50%;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:2.5rem;object-fit:contain;transition:transform .3s ease,filter .3s ease;width:2.5rem}.fiddle-logo:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform:scale(1.1)}@keyframes fiddle-bounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(-2deg)}75%{transform:translateY(1px) rotate(1deg)}}.header-title-container{display:flex;flex-direction:column;line-height:1.1}.header-title-line{color:var(--color-text-primary);display:block;font-size:1.1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beta-flag{align-self:center;animation:beta-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:.25rem;box-shadow:0 2px 4px #ff6b6b4d;color:#fff;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:.15rem .35rem;text-transform:uppercase}@keyframes beta-pulse{0%,to{box-shadow:0 2px 4px #ff6b6b4d;transform:scale(1)}50%{box-shadow:0 4px 8px #ff6b6b66;transform:scale(1.05)}}.header-nav{align-items:center;display:flex;flex:0 1 auto;flex-wrap:nowrap;gap:1.25rem;height:60px;justify-content:flex-start;margin-left:2rem;min-width:0;overflow:hidden}.nav-link{border-radius:4px;color:var(--color-text-secondary);font-size:1rem;font-weight:500;padding:.5rem;text-decoration:none;transition:color .2s,background-color .2s}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.newsletter-link{color:#3498db!important;font-weight:600;position:relative}.newsletter-link:hover{color:#2980b9!important}.header-actions{align-self:stretch;flex:0 0 auto!important;gap:.75rem;height:60px;margin-left:auto;min-width:0;padding-left:0}.admin-link{color:orange;font-weight:700;text-decoration:none}.cart-icon-wrapper{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:0;position:relative;transition:color .2s;width:40px}.cart-icon-wrapper:hover{color:var(--color-text-primary)}.cart-icon{font-size:1.5rem}.cart-icon,.cart-item-count{align-items:center;display:flex;justify-content:center}.cart-item-count{background-color:var(--color-primary);border:2px solid var(--color-surface);border-radius:50%;color:var(--color-surface);font-size:.75rem;font-weight:600;line-height:1;padding:.2em .5em;position:absolute;right:-8px;top:-8px}.site-search-container{align-items:center;display:flex;flex-shrink:1;height:40px;min-width:120px;position:relative;width:200px}.site-search-input{background:var(--color-surface);background:var(--color-input-bg,var(--color-surface));border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;color:var(--color-text-primary);font-size:.9rem;height:40px;padding:.5rem 1rem;width:100%}.site-search-input:focus{border-color:var(--color-primary);outline:none}.site-search-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px var(--color-shadow);color:var(--color-text-primary);left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:110%;z-index:1001}.site-search-result{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:.7em;padding:.7em 1em;transition:background-color .15s}.site-search-result:last-child{border-bottom:none}.site-search-result:hover{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d)}.site-search-result img{border-radius:4px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.search-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.search-result-title{color:var(--color-text-primary);font-size:.95em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-tag{border-radius:3px;display:inline-block;font-size:.75em;font-weight:600;letter-spacing:.02em;padding:.15rem .4rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.tag-product{background-color:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.tag-article{background-color:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.tag-tune{background-color:#a855f726;border:1px solid #a855f74d;color:#a855f7}.tag-page{background-color:#fb923c26;border:1px solid #fb923c4d;color:#fb923c}.page-tag{color:var(--color-primary);font-size:.9em;font-weight:500;margin-left:8px}.user-auth-section{align-items:center;background:none;border:none;display:flex!important;flex-shrink:0;height:40px;margin:0;min-width:40px;opacity:1!important;padding:0;position:relative!important;visibility:visible!important}.welcome-user{font-size:.9rem}.auth-link,.welcome-user{color:var(--color-text-secondary)}.auth-link{align-items:center;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;display:flex;flex-shrink:0;font-weight:500;height:40px;justify-content:center;min-width:70px;padding:0 .75rem;text-decoration:none;transition:color .2s,background-color .2s;white-space:nowrap}.auth-link:hover{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d);color:var(--color-primary);text-decoration:none}.profile-container{position:relative!important}.profile-button,.profile-container{align-items:center;background:none;border:none;box-shadow:none;display:flex!important;flex-shrink:0;height:36px;justify-content:center;margin:0;min-width:36px;opacity:1!important;padding:0;visibility:visible!important;width:36px}.profile-button{border-radius:50%;cursor:pointer;outline:none;transition:all .2s ease}.profile-button:focus{box-shadow:0 0 0 2px var(--color-primary);outline:none}.profile-button:focus,.profile-button:hover{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d)}.profile-icon{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;height:20px;justify-content:center;line-height:1;transition:color .2s ease;width:20px}.profile-icon svg{color:inherit;display:block;height:100%;width:100%}.profile-icon svg circle,.profile-icon svg path{stroke:currentColor}.profile-button:hover .profile-icon{color:var(--color-primary)}.header .user-auth-section .profile-container .profile-dropdown,.user-auth-section .profile-container .profile-dropdown{background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:0 8px 24px var(--color-shadow)!important;color:var(--color-text-primary)!important;max-width:200px!important;min-width:200px!important;opacity:1!important;overflow:hidden!important;visibility:visible!important;width:200px!important}.header .user-auth-section .profile-container .profile-dropdown,.profile-dropdown,.user-auth-section .profile-container .profile-dropdown{display:block!important;left:auto!important;margin:0 0 0 auto!important;position:absolute!important;right:0!important;top:calc(100% + 8px)!important;transform:none!important;z-index:1002!important}.profile-dropdown{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px var(--color-shadow);color:var(--color-text-primary);max-width:200px;min-width:200px;overflow:hidden;width:200px}.profile-dropdown-header{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9rem;padding:1rem}.profile-dropdown-header strong{color:var(--color-text-primary)}.profile-dropdown-link,.profile-dropdown-logout{background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:block;font-size:1rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.profile-dropdown-link:hover,.profile-dropdown-logout:hover{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d);color:var(--color-text-primary)}.profile-dropdown-logout{border-top:1px solid var(--color-border);color:#ef4444}.profile-dropdown-logout:hover{background-color:#ef44441a;color:#dc2626}.mobile-menu-button{background:none;border:none;border-radius:4px;cursor:pointer;display:none;padding:.5rem;transition:background-color .2s}.mobile-menu-button:hover{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d)}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger span{background-color:var(--color-text-secondary);display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger span:first-child{transform-origin:top left}.hamburger span:nth-child(2){transform-origin:center}.hamburger.open span:first-child{transform:rotate(45deg) translate(3px,3px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(3px,-3px)}.mobile-menu-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1001}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{background:var(--color-surface);box-shadow:-4px 0 16px var(--color-shadow);height:100vh;max-width:400px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1002}.mobile-menu.open{right:0}.mobile-menu-content{display:flex;flex-direction:column;gap:2rem;height:100%;overflow-y:auto;padding:2rem}.mobile-search-container{position:relative}.mobile-search-input{background:var(--color-surface);background:var(--color-input-bg,var(--color-surface));border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:1rem;padding:.75rem 1rem;width:100%}.mobile-search-input:focus{border-color:var(--color-primary);outline:none}.mobile-search-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px var(--color-shadow);color:var(--color-text-primary);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:110%;z-index:1003}.mobile-search-result{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:.7em;padding:.7em 1em;transition:background-color .15s}.mobile-search-result:last-child{border-bottom:none}.mobile-search-result:hover{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d)}.mobile-search-result img{border-radius:4px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.mobile-search-result .search-result-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.mobile-search-result .search-result-title{color:var(--color-text-primary);font-size:.95em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-search-result .search-result-tag{font-size:.75em}.mobile-nav{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{align-items:center;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:1rem;padding:1rem;text-decoration:none;transition:background-color .2s,color .2s}.mobile-nav-link:hover{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d);color:var(--color-text-primary)}.mobile-nav-link.newsletter-link{color:#3498db;font-weight:600}.mobile-nav-link.newsletter-link:hover{background-color:#3498db1a;color:#2980b9}.mobile-nav-icon{font-size:1.2rem;text-align:center;width:1.5rem}.mobile-auth-section{border-top:1px solid var(--color-border);margin-top:auto;padding-top:1.5rem}.mobile-user-info{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d);border-radius:4px;margin-bottom:1rem;padding:1rem}.mobile-welcome-user{color:var(--color-text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.mobile-user-role{color:var(--color-text-secondary);display:block;font-size:.9rem;font-style:italic}.mobile-logout-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:1rem;padding:1rem;text-align:left;transition:background-color .2s,color .2s;width:100%}.mobile-logout-button:hover{background-color:#ffffff0d;background-color:var(--color-surface-hover,#ffffff0d);color:var(--color-text-primary)}@media (max-width:1400px){.header-nav{gap:1rem;margin-left:1.5rem}.nav-link{font-size:.95rem;padding:.4rem .7rem}.header-actions{gap:.5rem;padding-left:.5rem}.site-search-container{min-width:80px;width:120px}}@media (max-width:1200px){.header-nav{gap:.5rem;margin-left:1rem}.nav-link{font-size:.85rem;padding:.4rem .5rem}.desktop-search{display:none}.header-actions{gap:.4rem;padding-left:.5rem}}@media (max-width:1024px){.header-nav{gap:.4rem;margin-left:.5rem}.nav-link{font-size:.8rem;padding:.4rem}.header-actions{gap:.3rem;margin-left:auto;padding-left:.4rem}.auth-link{font-size:.85rem;min-width:60px;padding:0 .5rem}}@media (max-width:768px){.header-container{align-items:center!important;display:flex!important;gap:.5rem!important;height:60px!important;justify-content:flex-start!important;padding:0 .5rem!important}.header-left{align-items:center;display:flex;flex:0 0 auto;gap:.35rem;max-width:52%}.header-title-link,.logo-container{gap:.4rem}.header-title-line{font-size:1rem}.fiddle-logo{height:2.5rem;width:2.5rem}.beta-flag{font-size:.6rem;padding:.12rem .25rem}.desktop-nav,.desktop-search{display:none!important}.header-actions{align-items:center!important;display:flex!important;flex:0 0 auto!important;flex-direction:row!important;flex-grow:0!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:.4rem!important;justify-content:flex-end!important;margin:0 0 0 auto!important;max-width:none!important;min-width:0!important;padding:0!important;width:auto!important}.cart-icon-wrapper,.mobile-menu-button,.user-auth-section{flex-shrink:0;height:44px;margin:0!important;padding:0!important}.cart-icon-wrapper{width:44px!important}.user-auth-section{min-width:0!important;width:auto!important}.profile-button,.profile-container{height:40px!important;min-width:40px!important;width:40px!important}.profile-icon{height:22px!important;width:22px!important}.cart-icon{font-size:1.5rem!important}.auth-link{border:1px solid var(--color-border)!important;font-size:.85rem!important;min-width:56px!important;padding:0 .45rem!important}.auth-link,.mobile-menu-button{align-items:center!important;display:flex!important;height:44px!important;justify-content:center!important;margin:0!important}.mobile-menu-button{padding:.35rem!important;width:44px!important}.hamburger{height:22px;width:26px}}@media (max-width:480px){.header-container{gap:.5rem!important;height:60px!important;padding:0 .5rem!important}.header-left{gap:.35rem;max-width:52%}.header-title-link,.logo-container{gap:.35rem}.header-title-line{font-size:1rem}.fiddle-logo{height:2.5rem;width:2.5rem}.beta-flag{font-size:.6rem;padding:.12rem .25rem}.header-actions{align-items:center!important;display:flex!important;flex:0 0 auto!important;gap:.4rem!important;justify-content:flex-end!important;margin:0 0 0 auto!important;padding:0!important}.cart-icon-wrapper,.mobile-menu-button,.user-auth-section{height:44px;margin:0!important;padding:0!important}.cart-icon-wrapper{width:44px!important}.cart-icon{font-size:1.5rem!important}.auth-link{font-size:.85rem!important;min-width:56px!important;padding:0 .45rem!important}.auth-link,.mobile-menu-button{align-items:center!important;display:flex!important;height:44px!important;justify-content:center!important}.mobile-menu-button{padding:.35rem!important;width:44px!important}.hamburger{height:22px;width:26px}.mobile-menu{width:90%}.mobile-menu-content{padding:1.5rem}}.bug-report-button{align-items:center;background:#0000;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin-left:.5rem;min-width:40px;padding:.25rem .5rem;transition:all .2s ease}.bug-report-button:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 8px var(--color-shadow);transform:translateY(-2px)}.bug-report-button:active{box-shadow:0 2px 4px var(--color-shadow);transform:translateY(0)}@media (max-width:768px){.bug-report-button{font-size:1.25rem;height:36px;margin-left:.25rem;min-width:36px;padding:.2rem .4rem}}.cart-item{grid-gap:16px;align-items:start;border-bottom:1px solid var(--color-border);display:grid;gap:16px;grid-template-columns:120px 1fr auto;padding:12px 0;transition:background-color .2s ease}.cart-item:hover{background-color:var(--color-bg)}.cart-item.wholesale-item{background-color:#27ae600d;border-left:4px solid #27ae60}.cart-item.wholesale-item:hover{background-color:#27ae601a}.cart-item-image-container{align-items:center;display:flex;justify-content:center}.cart-item-image{border:1px solid var(--color-border);border-radius:var(--border-radius);flex-shrink:0;height:60px;object-fit:cover;width:60px}.cart-item-details{min-width:0;overflow:hidden;text-align:center}.cart-item-name{align-items:center;color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.3;margin:0 0 4px}.wholesale-tier-badge{background:#27ae60;border-radius:10px;font-size:.7rem;letter-spacing:.5px;padding:.2rem .5rem}.item-savings-inline{background:#27ae601a;border-radius:4px;color:#27ae60;font-size:.75rem;font-weight:600;padding:2px 6px;white-space:nowrap}.cart-item-price{color:var(--color-text-primary);font-size:.9rem;font-weight:500;margin:0}.wholesale-pricing-info{display:flex;flex-direction:column;gap:.25rem}.wholesale-price{color:#27ae60;font-size:.9rem;font-weight:600;gap:.5rem;margin:0}.savings-indicator{background:#e74c3c;border-radius:8px;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem}.cart-item-type,.retail-price-crossed{font-size:.8rem;margin:0}.cart-item-type{color:var(--color-text-secondary);font-style:italic}.cart-item-actions{align-items:center;display:flex;flex-direction:column;gap:8px;justify-self:center;min-width:100px}.cart-item-remove-price{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center}.quantity-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;gap:0;overflow:hidden}.qty-btn,.quantity-controls{align-items:center;display:flex}.qty-btn{background:var(--color-bg);border:none;color:var(--color-text-primary);cursor:pointer;font-size:16px;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:28px}.qty-btn:hover{background:var(--color-primary);color:#fff}.qty-btn:active{transform:scale(.95)}.quantity-display{color:var(--color-text-primary);font-size:13px;font-weight:600;min-width:32px;padding:0 6px;text-align:center}.cart-item-remove{border:1px solid var(--color-border)}.cart-item-total{align-items:center;display:flex;min-width:auto;text-align:right}.item-total-price{color:var(--color-text-primary);font-size:1rem;font-weight:600}.wholesale-item .item-total-price{color:#27ae60}.item-savings{background:#27ae601a;border-radius:4px;color:#27ae60;font-size:.75rem;font-weight:600;padding:.2rem .5rem;white-space:nowrap}.price-unavailable{color:#f39c12;font-style:italic}@media (max-width:768px){.cart-item{gap:12px;grid-template-columns:100px 1fr auto;padding:8px 0}.cart-item-image-container{align-items:center;flex-direction:column}.cart-item-image{height:50px;width:50px}.cart-item-details{text-align:center}.cart-item-actions{align-items:center;flex-direction:column;gap:6px;min-width:80px}.cart-item-total{min-width:60px;text-align:center}.cart-item-name{font-size:.8rem;justify-content:center}}@media (max-width:480px){.cart-item{gap:8px;grid-template-columns:80px 1fr auto;padding:6px 0}.cart-item-image{height:45px;width:45px}.cart-item-name{font-size:.75rem}.wholesale-tier-badge{font-size:.6rem;padding:.15rem .4rem}.cart-item-actions{flex-direction:column;gap:4px;min-width:60px}.qty-btn{font-size:14px;height:24px;width:24px}.quantity-display{font-size:12px;min-width:28px}.cart-item-remove{font-size:14px;height:28px;width:28px}.item-savings-inline{font-size:.7rem}}.shopping-cart{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin:0 auto;max-width:600px;padding:2rem}.cart-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.cart-header h2{color:var(--color-text-primary);font-size:1.5rem;margin:0}.wholesale-user-badge{align-items:center;background:#27ae60;border-radius:20px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.wholesale-icon{font-size:1.1rem}.empty-cart{color:var(--color-text-secondary);padding:2rem}.empty-cart p{font-size:1.1rem;margin-bottom:1.5rem}.wholesale-info{background:#27ae601a;border:1px solid #27ae6033;border-radius:var(--border-radius);margin-top:1rem;padding:1.5rem}.wholesale-info p{color:#27ae60;font-weight:600;margin:0 0 1rem}.wholesale-info ul{list-style:none;margin:0;padding:0}.wholesale-info li{color:var(--color-text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.wholesale-info li:before{color:#27ae60;content:"✓";font-weight:700;left:0;position:absolute}.cart-items,.cart-total-section{margin-bottom:1.5rem}.cart-total-section{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:1rem 0}.cart-total-row{align-items:center;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:.5rem 0}.cart-total-label{color:var(--color-text-primary)}.cart-total-amount{color:var(--color-primary);font-size:1.2rem;font-weight:700}.cart-savings-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;margin-top:.5rem;padding:.5rem 0}.cart-savings-label{color:var(--color-text-secondary)}.cart-savings-amount{color:#10b981;font-weight:600}.cart-summary{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem}.wholesale-summary{margin-bottom:1rem;padding-bottom:1rem}.retail-total,.wholesale-savings{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.retail-total{color:var(--color-text-secondary)}.wholesale-savings{color:#e74c3c;font-weight:600}.savings-amount{color:#e74c3c;font-weight:700}.wholesale-divider{background:var(--color-border);height:1px;margin:.5rem 0}.shipping-tax-breakdown{border-top:1px solid var(--color-border);margin:.5rem 0;padding:.5rem 0}.shipping-tax-breakdown>div{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;justify-content:space-between;padding:.25rem 0}.shipping-tax-breakdown .subtotal{color:var(--color-text-primary);font-weight:600}.shipping-tax-breakdown .shipping,.shipping-tax-breakdown .tax{color:var(--color-text-secondary)}.free-shipping{color:#27ae60;font-weight:600}.cart-total{align-items:center;border-top:2px solid var(--color-border);color:var(--color-text-primary);display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between;margin-bottom:1rem;padding:1rem 0}.wholesale-total{color:#27ae60}.wholesale-note{background:#27ae601a;border:1px solid #27ae6033;border-radius:var(--border-radius);margin-bottom:1rem;padding:.75rem;text-align:center}.wholesale-note small{color:#27ae60;font-size:.9rem;font-weight:600}.price-warning{color:#f39c12}.price-warning-note{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-top:.5rem;padding:.5rem;text-align:center}.price-warning-note small{color:#856404;font-size:.85rem}.cart-actions{display:flex;gap:1rem;justify-content:center}.checkout-btn{background:var(--color-primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;max-width:200px;padding:.75rem 2rem;transition:all .2s ease}.checkout-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.clear-cart-btn{background:#0000;border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.clear-cart-btn:hover{background:#e74c3c;border-color:#e74c3c;color:#fff;transform:translateY(-2px)}.clear-confirm{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px}.confirm-text{color:#856404;font-size:14px;font-weight:500;margin-right:8px}.confirm-no,.confirm-yes{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:background-color .2s}.confirm-yes{background-color:#d32f2f;color:#fff}.confirm-yes:hover{background-color:#c62828}.confirm-no{background-color:#757575;color:#fff}.confirm-no:hover{background-color:#616161}@media (max-width:768px){.shopping-cart{margin:1rem;padding:1rem}.cart-header{flex-direction:column;gap:1rem;text-align:center}.cart-header h2{font-size:1.25rem}.wholesale-user-badge{font-size:.8rem;padding:.4rem .8rem}.cart-summary{padding:1rem}.cart-total{font-size:1.1rem}.cart-actions{flex-direction:column;gap:.75rem}.checkout-btn,.clear-cart-btn{max-width:none;width:100%}}@media (max-width:480px){.shopping-cart{margin:.5rem;padding:.75rem}.cart-header h2{font-size:1.1rem}.wholesale-user-badge{font-size:.75rem;padding:.3rem .6rem}.cart-summary{padding:.75rem}.retail-total,.wholesale-savings{font-size:.85rem}.cart-total{font-size:1rem}.wholesale-note small{font-size:.8rem}}.cart-panel{background-color:var(--color-bg);box-shadow:-5px 0 15px #00000080;display:flex;flex-direction:column;height:100%;max-width:95vw;position:fixed;right:-450px;top:0;transition:right .3s ease-in-out;width:450px;z-index:1001}.cart-panel.open{right:0}.cart-panel-overlay{background-color:#000000b3;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s;visibility:hidden;width:100%;z-index:1000}.cart-panel-overlay.open{opacity:1;visibility:visible}.cart-panel-header{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.cart-panel-header h2{color:var(--color-text-primary);font-size:1.8rem;margin:0}.close-panel-btn{background:none;border:none;border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-size:2.5rem;line-height:1;padding:var(--spacing-xs);transition:background-color .2s ease}.close-panel-btn:hover{background-color:var(--color-surface)}.cart-panel .shopping-cart{background-color:initial;border:none;flex-grow:1;margin:0;overflow-y:auto;padding:0 var(--spacing-lg)}.cart-panel .shopping-cart h2{display:none}@media (max-width:480px){.cart-panel{max-width:100vw;right:-100vw;width:100vw}.cart-panel-header{padding:var(--spacing-md)}.cart-panel-header h2{font-size:1.5rem}.close-panel-btn{font-size:2rem}.cart-panel .shopping-cart{padding:0 var(--spacing-md)}}.theme-selector{padding:1rem 0}.theme-selector h3{color:var(--color-text-primary);font-size:1.25rem;margin-bottom:.5rem}.theme-description{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:1.5rem}.theme-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.theme-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;padding:1rem;text-align:left;transition:all .3s ease}.theme-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.theme-card.active{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 0 0 3px #61dafb33}.theme-selector-compact{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.75rem;padding:.5rem 1rem}.theme-selector-compact label{color:#e5e7eb;font-size:.95rem;font-weight:500;white-space:nowrap}.theme-selector-compact .theme-select{-webkit-appearance:none;appearance:none;background:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23e5e7eb' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid #fff3;border-radius:6px;color:#e5e7eb;cursor:pointer;font-size:.95rem;padding:.5rem 2rem .5rem .75rem;transition:all .2s ease}.theme-selector-compact .theme-select:hover{background-color:#ffffff26;border-color:#ffffff4d}.theme-selector-compact .theme-select:focus{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb33;outline:none}.theme-selector-compact .theme-select option{background:#2d2d2d;color:#fff;padding:.5rem}.theme-preview{grid-gap:4px;border-radius:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);height:60px;margin-bottom:.75rem;overflow:hidden}.preview-color{border-radius:2px}.preview-bg{grid-column:1/3}.preview-surface{grid-column:3/5}.preview-primary{grid-column:1/3}.preview-accent{grid-column:3/5}.theme-info{align-items:center;display:flex;justify-content:space-between}.theme-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.active-badge{background:var(--color-primary);border-radius:12px;color:var(--color-background);font-size:.75rem;font-weight:700;padding:.25rem .5rem}@media (max-width:768px){.theme-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.theme-card{padding:.75rem}.theme-preview{height:50px}.theme-name{font-size:.85rem}.theme-selector-compact{flex-direction:column;gap:.5rem;padding:.5rem}.theme-selector-compact label{font-size:.9rem}.theme-selector-compact .theme-select{font-size:.9rem;width:100%}}@media (max-width:480px){.theme-grid{grid-template-columns:1fr}}.admin-settings-container{background-color:#2c2c2c;background-color:var(--color-surface,#2c2c2c);border-radius:12px;box-shadow:0 4px 20px #0003;box-shadow:0 4px 20px var(--color-shadow,#0003);color:#fff;color:var(--color-text-primary,#fff);margin:2rem auto;max-width:800px;padding:2rem}.settings-section{margin-bottom:2rem}.settings-section h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.1rem;margin-bottom:1rem}.settings-divider{border:none;border-top:1px solid #404040;border-top:1px solid var(--color-border,#404040);margin:2rem 0}.admin-settings-container h2{color:#61dafb;margin-bottom:2rem;text-align:center}.setting-item{align-items:center;background-color:#3a3f47;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.setting-item label{font-size:1.1rem;font-weight:700}.toggle-button{border:none;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:background-color .3s;width:80px}.toggle-button.active{background-color:#4caf50;color:#fff}.toggle-button:not(.active){background-color:#f44336;color:#fff}.save-message{color:#4caf50;font-weight:700;margin-top:1rem;text-align:center}.backup-controls{display:flex;gap:1rem;margin-bottom:1.5rem}.backup-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.backup-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.backup-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.backup-button.secondary{background-color:#404040;background-color:var(--color-border,#404040);color:#fff;color:var(--color-text-primary,#fff)}.backup-button.secondary:hover:not(:disabled){background-color:#606060;background-color:var(--color-text-secondary,#606060)}.backup-button:disabled{cursor:not-allowed;opacity:.6}.backup-message{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem}.backup-message.success{background-color:#4caf5033;border:1px solid #4caf50;color:#4caf50}.backup-message.error{background-color:#f4433633;border:1px solid #f44336;color:#f44336}.backup-info{background-color:#61dafb1a;border-left:4px solid #61dafb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.backup-info p{color:#fff;color:var(--color-text-primary,#fff);margin:.5rem 0}.backup-info strong{color:#61dafb}.backup-list{margin-top:2rem}.backup-list h4{color:#fff;color:var(--color-text-primary,#fff);font-size:1.1rem;margin-bottom:1rem}.no-backups{color:#888;color:var(--color-text-secondary,#888);font-style:italic;padding:2rem;text-align:center}.backup-table{background-color:#2c2c2c;background-color:var(--color-surface,#2c2c2c);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.backup-table thead{background-color:#61dafb26}.backup-table th{border-bottom:2px solid #404040;border-bottom:2px solid var(--color-border,#404040);color:#61dafb;font-weight:600;padding:1rem;text-align:left}.backup-table td{border-bottom:1px solid #404040;border-bottom:1px solid var(--color-border,#404040);color:#fff;color:var(--color-text-primary,#fff);padding:1rem}.backup-table tr:hover{background-color:#61dafb0d}.backup-table tr.latest-backup{background-color:#4caf501a}.backup-table tr.latest-backup td{font-weight:600}.backup-table .filename{font-family:Courier New,monospace;font-size:.9rem}.action-button{border:none;border-radius:6px;font-weight:600;transition:all .2s ease}.action-button.download{background-color:#4caf50;color:#fff}.action-button.download:hover{background-color:#45a049;box-shadow:0 2px 8px #4caf5066;transform:translateY(-1px)}.backup-config-section{background-color:#61dafb0d;border:1px solid #61dafb33;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.backup-config-section h4{color:#61dafb;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.config-display{margin-bottom:1rem}.config-item{background-color:#ffffff0d;border-left:3px solid #61dafb;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.config-item strong{color:#61dafb;margin-right:.5rem}.schedule-hint{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;font-style:italic}.backup-config-form{margin-top:1rem}.field-hint{color:var(--color-text-secondary,#888);font-weight:400}.config-input{background-color:#2c2c2c;background-color:var(--color-surface,#2c2c2c);border:2px solid #404040;border:2px solid var(--color-border,#404040);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.config-input:focus{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb1a;outline:none}.config-input.disabled{background-color:#0000004d;cursor:not-allowed;opacity:.6}.schedule-examples{background-color:#0000004d;border-left:3px solid #667eea;border-radius:6px;margin-top:.75rem;padding:1rem}.schedule-examples small{color:#ccc;color:var(--color-text-secondary,#ccc);line-height:1.6}.schedule-examples code{background-color:#61dafb26;border-radius:3px;color:#61dafb;font-family:Courier New,monospace;font-weight:600;padding:.2rem .5rem}.field-note{color:#888;color:var(--color-text-secondary,#888);display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.config-buttons{display:flex;gap:1rem;margin-top:1.5rem}.config-buttons .backup-button{flex:1 1}.warning-note{background-color:#ff98001a;border:1px solid #ff98004d;border-radius:6px;color:#ffa726;font-size:.9rem;margin-top:1.5rem;padding:1rem}.warning-note strong{color:#ff9800}@media (max-width:768px){.backup-controls,.config-buttons{flex-direction:column}.backup-table{font-size:.85rem}.backup-table td,.backup-table th{padding:.75rem .5rem}.action-button{font-size:.85rem;padding:.4rem .8rem}.backup-config-section{padding:1rem}.schedule-examples{font-size:.85rem}}.contact-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.contact-modal-content{animation:slideUp .3s ease-out;background:#161b22;background:var(--color-background-secondary,#161b22);border:1px solid #30363d;border:1px solid var(--color-border,#30363d);border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.contact-modal-content::-webkit-scrollbar{width:8px}.contact-modal-content::-webkit-scrollbar-track{background:#0d1117;background:var(--color-background-primary,#0d1117);border-radius:4px}.contact-modal-content::-webkit-scrollbar-thumb{background:#30363d;background:var(--color-border,#30363d);border-radius:4px}.contact-modal-content::-webkit-scrollbar-thumb:hover{background:#a371f7;background:var(--color-primary,#a371f7)}.contact-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#8b949e;color:var(--color-text-secondary,#8b949e);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:10}.contact-modal-close:hover:not(:disabled){background:#ffffff1a;color:#f0f6fc;color:var(--color-text-primary,#f0f6fc)}.contact-modal-close:disabled{cursor:not-allowed;opacity:.5}.contact-modal-header{border-bottom:1px solid #30363d;border-bottom:1px solid var(--color-border,#30363d);padding:2rem 2rem 1rem}.contact-modal-header h2{color:#f0f6fc;color:var(--color-text-primary,#f0f6fc);font-size:1.75rem;font-weight:600;margin:0 0 .5rem;padding-right:40px}.modal-intro{color:#8b949e;color:var(--color-text-secondary,#8b949e);font-size:1rem;margin:0}.contact-modal-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.form-group label{color:var(--color-text-primary,#f0f6fc)}.form-group .required{color:#ff7b72;color:var(--color-error,#ff7b72);margin-left:.25rem}.form-group input,.form-group select,.form-group textarea{background:#0d1117;background:var(--color-background-primary,#0d1117);border:1px solid #30363d;border:1px solid var(--color-border,#30363d);color:#f0f6fc;color:var(--color-text-primary,#f0f6fc);font-size:.95rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#a371f7;border-color:var(--color-primary,#a371f7);box-shadow:0 0 0 3px #a371f71a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-group textarea{line-height:1.5;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:#6e7681;color:var(--color-text-muted,#6e7681)}.modal-button-group{display:flex;gap:1rem;margin-top:.5rem}.btn-close-modal,.btn-send-another,.btn-submit{background:#a371f7;background:var(--color-primary,#a371f7);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-close-modal:hover,.btn-send-another:hover,.btn-submit:hover:not(:disabled){background:#8250df;background:var(--color-primary-dark,#8250df);box-shadow:0 4px 12px #a371f74d;transform:translateY(-1px)}.btn-close-modal:active,.btn-send-another:active,.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#0000;border:1px solid #30363d;border:1px solid var(--color-border,#30363d);border-radius:6px;color:#8b949e;color:var(--color-text-secondary,#8b949e);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#ffffff0d;border-color:#8b949e;border-color:var(--color-text-secondary,#8b949e);color:#f0f6fc;color:var(--color-text-primary,#f0f6fc)}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.contact-modal-success{padding:3rem 2rem;text-align:center}.success-icon{align-items:center;animation:scaleIn .4s ease-out;background:linear-gradient(135deg,#238636,#2ea043);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.contact-modal-success h3{color:#f0f6fc;color:var(--color-text-primary,#f0f6fc);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.contact-modal-success p{color:#8b949e;color:var(--color-text-secondary,#8b949e);font-size:1.1rem;margin:0 0 2rem}.contact-form-error{animation:shake .3s ease-in-out;background:#f851491a;border:1px solid #ff7b72;border:1px solid var(--color-error,#ff7b72);border-radius:6px;color:#ff7b72;color:var(--color-error,#ff7b72);margin-bottom:1rem;padding:1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.contact-form-error strong{font-weight:600}.contact-modal-footer{border-top:1px solid #30363d;border-top:1px solid var(--color-border,#30363d);font-size:.9rem;padding:1.5rem 2rem 2rem}.contact-modal-footer p{color:#8b949e;color:var(--color-text-secondary,#8b949e);margin:.5rem 0}.contact-modal-footer strong{color:#f0f6fc;color:var(--color-text-primary,#f0f6fc);font-weight:600}.contact-modal-footer a{color:#a371f7;color:var(--color-primary,#a371f7);text-decoration:none;transition:color .2s}.contact-modal-footer a:hover{color:#8250df;color:var(--color-primary-dark,#8250df);text-decoration:underline}@media (max-width:768px){.contact-modal-overlay{align-items:flex-end;padding:0}.contact-modal-content{animation:slideUpMobile .3s ease-out;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:95vh;max-width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.contact-modal-header{padding:1.5rem 1.5rem 1rem}.contact-modal-header h2{font-size:1.5rem}.contact-modal-form{gap:1.25rem;padding:1.5rem}.form-row{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal-button-group{flex-direction:column-reverse}.contact-modal-footer{padding:1.5rem}.contact-modal-success{padding:2rem 1.5rem}.success-icon{font-size:2rem;height:56px;width:56px}}@media (max-width:480px){.contact-modal-close{font-size:1.75rem;height:36px;width:36px}.contact-modal-header h2{font-size:1.3rem}.modal-intro{font-size:.9rem}}.loading-spinner-container{align-items:center!important;display:flex!important;justify-content:center!important;margin:0 auto!important;min-height:300px;padding:4rem 2rem;width:100%!important}.loading-spinner-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.loading-spinner-image-wrapper{display:inline-block;position:relative}.loading-spinner-image{animation:pulse-spin 2s ease-in-out infinite;display:block!important;filter:drop-shadow(0 0 10px rgba(163,113,247,.5));height:auto;margin:0 auto!important;max-width:100%}.loading-spinner-content.small .loading-spinner-image{height:auto;width:60px}.loading-spinner-content.medium .loading-spinner-image{height:auto;width:100px}.loading-spinner-content.large .loading-spinner-image{height:auto;width:150px}.loading-spinner-message{animation:fade-pulse 2s ease-in-out infinite;color:#8b949e;font-size:1rem;font-weight:500;margin:0}@keyframes pulse-spin{0%{opacity:1;transform:scale(1) rotate(0deg)}25%{opacity:.8;transform:scale(1.1) rotate(5deg)}50%{opacity:1;transform:scale(1) rotate(0deg)}75%{opacity:.8;transform:scale(1.1) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes fade-pulse{0%,to{opacity:.6}50%{opacity:1}}.loading-spinner-fullscreen{align-items:center;background:#0d1117f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner-fullscreen .loading-spinner-content{min-height:auto;padding:0}@media (max-width:768px){.loading-spinner-container{min-height:200px;padding:2rem 1rem}.loading-spinner-content.medium .loading-spinner-image{width:80px}.loading-spinner-content.large .loading-spinner-image{width:120px}.loading-spinner-message{font-size:.9rem}}@media (max-width:480px){.loading-spinner-content.small .loading-spinner-image{width:50px}.loading-spinner-content.medium .loading-spinner-image{width:70px}.loading-spinner-content.large .loading-spinner-image{width:100px}.loading-spinner-message{font-size:.85rem}}.page-contact-section{margin-top:2rem}.page-divider{border:none;border-top:2px solid var(--color-border);margin:1.5rem 0}.contact-cta{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem;text-align:center}.contact-cta h3{color:var(--color-primary);font-size:1.4rem;font-weight:700;margin:0 0 .75rem}.contact-cta>p{color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin:0 0 1.25rem}.btn-contact-link{align-items:center;background:linear-gradient(135deg,#a371f7,#8250df);background:linear-gradient(135deg,var(--color-primary,#a371f7) 0,var(--color-primary-dark,#8250df) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px #a371f74d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-contact-link:hover{box-shadow:0 6px 20px #a371f766;color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-contact-link:active{transform:translateY(0)}.contact-quick-info{border-top:1px solid var(--color-border);margin-top:1.25rem;padding-top:1rem}.contact-quick-info p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:.4rem 0}.contact-quick-info strong{color:var(--color-text-primary);font-weight:600;margin-right:.5rem}.contact-quick-info a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .2s}.contact-quick-info a:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width:768px){.contact-cta{padding:1rem}.contact-cta h3{font-size:1.3rem}.contact-cta>p{font-size:.95rem}.btn-contact-link{font-size:1rem;justify-content:center;padding:.875rem 1.5rem;width:100%}.contact-quick-info{text-align:left}.contact-quick-info p{font-size:.85rem}}.contact-container{margin:0 auto;max-width:1000px;padding:.75rem}.contact-content{background:#0000;border-radius:var(--border-radius);color:var(--color-text-primary);padding:.75rem .5rem}.contact-content h1{color:var(--color-text-primary);font-size:2.2rem;font-weight:700;margin-bottom:.75rem;margin-top:0;text-align:center}.contact-content h2{color:var(--color-primary);font-size:1.4rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem;padding-bottom:.5rem}.contact-content h3{color:var(--color-text-primary);font-size:1.15rem;font-weight:600;margin-bottom:.5rem;margin-top:1.25rem}.contact-content p.intro-text{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.5;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.contact-content hr.divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.contact-section{margin-bottom:1.5rem}.contact-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1rem}.contact-item{background:var(--color-background-secondary);padding:1rem;transition:all .3s ease}.contact-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.contact-item.highlight{background:linear-gradient(135deg,#a371f71a,#8250df0d);border:2px solid var(--color-primary)}.contact-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.contact-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.contact-value-large{color:var(--color-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.contact-note-inline{color:var(--color-text-secondary);font-size:.85rem;font-style:italic}.contact-subsection{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;margin-top:1rem;padding:1rem}.contact-list-compact{list-style:none;margin:0;padding-left:0}.contact-list-compact li{color:var(--color-text-secondary);font-size:.95rem;padding:.5rem 0}.contact-list-compact li strong{color:var(--color-text-primary);font-weight:600}.address-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem}.address-text{color:var(--color-text-primary);font-size:1.05rem;line-height:1.6;margin-bottom:1rem}.info-box{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.payment-list,.shipping-list{list-style:none;margin:0 0 1rem;padding-left:0}.payment-list li,.shipping-list li{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:1.05rem;line-height:1.6;padding:.75rem 0}.payment-list li:last-child,.shipping-list li:last-child{border-bottom:none}.info-note{background:#a371f71a;border-left:3px solid var(--color-primary);border-radius:4px;color:var(--color-text-primary);font-size:.95rem;margin:1rem 0 0;padding:1rem}.business-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.25rem}.info-item{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.info-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.info-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.info-value{color:var(--color-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.info-subtext{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.contact-content a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .2s}.contact-content a:hover{color:var(--color-primary-dark);text-decoration:underline}.contact-note{color:var(--color-text-secondary);font-size:.95rem;font-style:italic;line-height:1.6;margin-top:1.5rem}.contact-note strong{color:var(--color-text-primary);font-style:normal;font-weight:600}.contact-note-center{background:#a371f70d;border-radius:8px;color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:1.25rem 0 0;padding:1rem;text-align:center}.contact-note-center strong{color:var(--color-text-primary);display:block;font-size:1.1rem;margin-bottom:.5rem}.contact-form-cta{margin-bottom:1.5rem;margin-top:0;padding-top:0;text-align:center}.btn-open-contact-form{align-items:center;background:linear-gradient(135deg,#a371f7,#8250df);background:linear-gradient(135deg,var(--color-primary,#a371f7) 0,var(--color-primary-dark,#8250df) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px #a371f74d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.btn-open-contact-form:hover{box-shadow:0 6px 20px #a371f766;transform:translateY(-2px)}.btn-open-contact-form:active{transform:translateY(0)}@media (max-width:768px){.contact-content h1{font-size:2rem}.contact-content h2{font-size:1.3rem}.contact-content h3{font-size:1.1rem}.contact-content p.intro-text{font-size:1rem}.contact-grid{gap:1rem;grid-template-columns:1fr}.business-info-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.info-item{padding:1rem}.info-value{font-size:1.25rem}.contact-value-large{font-size:1.3rem}.contact-item{padding:1.25rem}.address-card{padding:1.5rem}.btn-open-contact-form{font-size:1rem;justify-content:center;padding:1rem 2rem;width:100%}}@media (max-width:480px){.business-info-grid{grid-template-columns:1fr}.contact-container{padding:.5rem}.contact-content{padding:1rem .5rem}}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;padding:1rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card.out-of-stock{filter:grayscale(50%);opacity:.6}.product-card.wholesale-view{border-left:4px solid var(--color-success)}.product-card.wholesale-view:before{background:linear-gradient(90deg,var(--color-success),var(--color-success));content:"";height:3px;left:0;position:absolute;right:0;top:0}.featured-badge{background:var(--color-primary);right:.5rem}.featured-badge,.wholesale-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;top:.5rem;z-index:2}.wholesale-badge{background:var(--color-success);left:.5rem}.product-image-link{display:block;margin-bottom:.5rem}.product-image{background-color:initial;border-radius:var(--border-radius);height:160px;object-fit:contain;padding:4px;transition:transform .2s ease;width:100%}.product-image:hover{transform:scale(1.02)}.product-name{align-items:center;color:var(--color-text-primary);display:flex;gap:.4rem;line-height:1.25;margin:0 0 .35rem}.category-icon{font-size:.9rem}.product-artist{font-size:.8rem;margin:0 0 .35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;flex-grow:1;font-size:.75rem;line-height:1.35;margin:0 0 .5rem;overflow:hidden}.product-inventory{background:var(--color-bg);border-radius:4px;font-size:.7rem;padding:.2rem .4rem;text-align:center}.product-inventory,.product-pricing{margin-bottom:.35rem}.retail-pricing .product-price{color:var(--color-primary);font-size:1rem;font-weight:700;padding:.25rem;text-align:center}.retail-pricing .product-price,.wholesale-pricing{background:var(--color-bg);border-radius:var(--border-radius)}.wholesale-pricing{border:2px solid var(--color-success);padding:.5rem}.price-display{margin-bottom:.35rem;text-align:center}.wholesale-price{align-items:center;color:var(--color-success);display:flex;font-size:1.1rem;font-weight:700;gap:.35rem;justify-content:center;margin-bottom:.25rem}.wholesale-tier-badge{background:var(--color-success);border-radius:6px;color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.3px;padding:.1rem .35rem;text-transform:uppercase}.retail-price-crossed{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:.15rem;text-decoration:line-through}.retail-price{color:var(--color-text-primary);font-size:1rem;font-weight:700;margin-bottom:.25rem}.no-wholesale-text{color:var(--color-text-secondary);display:block;font-size:.7rem;font-weight:400;margin-top:.2rem}.savings-badge{background:var(--color-error);border-radius:10px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;padding:.15rem .5rem}.quantity-selector{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:.35rem;padding:.3rem}.quantity-selector label{font-weight:500}.quantity-select,.quantity-selector label{color:var(--color-text-primary);font-size:.8rem}.quantity-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;min-width:55px;padding:.2rem .4rem}.quantity-select:focus{border-color:var(--color-success);outline:none}.tier-info{border-top:1px solid var(--color-border);margin-top:.4rem;padding-top:.4rem}.tier-info small{color:var(--color-text-secondary);display:block;font-size:.7rem;margin-bottom:.4rem}.tier-badges{display:flex;flex-wrap:wrap;gap:.2rem}.tier-badge{background:var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.65rem;font-weight:500;padding:.15rem .4rem;text-transform:capitalize;transition:all .2s ease}.tier-badge.active{background:var(--color-success);color:#fff}.tier-badge:not(.active):hover{background:var(--color-text-secondary);color:var(--color-surface)}.add-to-cart-btn{background:var(--color-primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:auto;padding:.5rem .7rem;transition:all .2s ease;width:100%}.add-to-cart-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.add-to-cart-btn:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.wholesale-view .add-to-cart-btn{background:var(--color-success)}.wholesale-view .add-to-cart-btn:hover:not(:disabled){background:var(--color-success);filter:brightness(.9)}@media (max-width:768px){.product-card{padding:.875rem}.product-image{height:120px;margin:0 auto;max-width:150px}.product-image-link{align-items:center;display:flex;justify-content:center}.product-name{font-size:.9rem}.retail-pricing .product-price{font-size:.95rem;padding:.25rem}.wholesale-price{font-size:1rem}.quantity-selector{align-items:stretch;flex-direction:column;gap:.3rem}.add-to-cart-btn{font-size:.75rem;padding:.45rem .6rem}.tier-badges{justify-content:center}}@media (max-width:480px){.product-card{padding:.75rem}.product-image{height:100px;margin:0 auto;max-width:120px}.product-image-link{align-items:center;display:flex;justify-content:center}.product-name{font-size:.85rem}.retail-pricing .product-price{font-size:.9rem;padding:.2rem}.wholesale-pricing{padding:.5rem}.wholesale-price{font-size:.95rem}.add-to-cart-btn{font-size:.7rem;padding:.4rem .5rem}.tier-badges{flex-direction:column}.tier-badge{text-align:center}}.notify-in-stock-section{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.75rem}.notify-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem .7rem;transition:all .2s ease;width:100%}.notify-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.notify-form{display:flex;flex-direction:column;gap:.5rem}.notify-email-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:.8rem;padding:.5rem;transition:border-color .2s ease;width:100%}.notify-email-input:focus{border-color:#667eea;outline:none}.notify-email-input:disabled{cursor:not-allowed;opacity:.6}.notify-form-actions{display:flex;gap:.5rem}.notify-submit-btn{background:#667eea;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:.5rem;transition:all .2s ease}.notify-submit-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.notify-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.notify-cancel-btn{background:var(--color-border);border:none;border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:.5rem;transition:all .2s ease}.notify-cancel-btn:hover:not(:disabled){background:var(--color-text-secondary);color:var(--color-surface)}.notify-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.notify-success{background:#28a7451a;border:1px solid #28a74533;border-radius:var(--border-radius);color:#28a745;font-size:.8rem;font-weight:600;padding:.5rem;text-align:center}@media (max-width:768px){.notify-form-actions{flex-direction:column}.notify-cancel-btn,.notify-submit-btn{width:100%}}.shop-layout{margin:0 auto;max-width:1200px;min-height:100vh;padding:.5rem 1rem;width:100%}.shop-header-compact{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.search-bar-with-count{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:300px}.clear-filters-btn-compact{background:#a371f7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.clear-filters-btn-compact:hover{background:#8b5cf6;transform:translateY(-1px)}.shop-top-bar{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.search-bar-compact{flex:1 1}.search-input-compact{background:#161b22;border:2px solid #30363d;border-radius:25px;color:#f0f6fc;font-size:1rem;padding:12px 55px 12px 20px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.search-input-compact:focus{border-color:#a371f7;box-shadow:0 0 0 3px #a371f71a;outline:none}.search-input-compact::placeholder{color:#8b949e}.search-icon-compact{color:#8b949e;font-size:1.2rem;position:absolute;right:22px;top:50%;transform:translateY(-50%)}.search-bar-wrapper{flex:1 1;max-width:500px;min-width:250px;position:relative}.masthead-search-input{background:#f9f9f9;background:var(--color-bg,#f9f9f9);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:8px;color:#333;color:var(--color-text-primary,#333);font-size:1rem;padding:.875rem 3rem .875rem 1rem;transition:all .2s ease;width:100%}.masthead-search-input:focus{background:#fff;background:var(--color-surface,#fff);border-color:#22c55e;border-color:var(--color-primary,#22c55e);box-shadow:0 0 0 3px #22c55e1a;outline:none}.masthead-search-input::placeholder{color:#999;color:var(--color-text-secondary,#999)}.clear-search-btn-inline{background:#0000;border:none;border-radius:4px;color:#888;color:var(--color-text-secondary,#888);cursor:pointer;font-size:1.25rem;line-height:1;padding:6px 10px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search-btn-inline:hover{background:#0000000d;color:#333;color:var(--color-text-primary,#333)}.results-count-inline{color:var(--color-text);flex-shrink:0;font-size:.9rem;font-weight:600;white-space:nowrap}.filters-section-compact{background:#161b22;border:1px solid #30363d;border-radius:6px;margin-bottom:1.25rem;padding:.75rem}.filter-groups-container{display:flex;flex-direction:column;gap:1rem}.filter-group{gap:.5rem}.filter-group-header{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;cursor:default;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.filter-group-header.expandable{cursor:pointer;transition:all .2s ease}.filter-group-header.expandable:hover{background:#30363d;border-color:#a371f7}.filter-group-icon{font-size:1rem}.filter-group-name{flex:1 1}.filter-group-toggle{font-size:.75rem;opacity:.7}.filter-group-buttons{display:flex;flex-wrap:wrap;gap:.5rem;padding-left:.5rem}.filter-btn-compact{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.3rem;line-height:1.2;padding:4px 10px;transition:all .2s ease}.filter-btn-compact:hover:not(.disabled){background:#30363d;border-color:#a371f7;color:#a371f7}.filter-btn-compact.active{background:#a371f7;border-color:#a371f7;color:#0d1117;font-weight:600}.filter-btn-compact.disabled{cursor:not-allowed;opacity:.4}.filter-btn-compact .filter-icon{font-size:.9rem}.filter-btn-compact .filter-name{white-space:nowrap}.filter-btn-compact .filter-count{font-size:.75rem;opacity:.8}.filter-btn-compact.tag-filter{background:#161b22;border-color:#a371f7;border-style:dashed}.filter-btn-compact.tag-filter:hover:not(.disabled){background:#a371f71a;border-color:#a371f7;border-style:solid}.filter-btn-compact.tag-filter.active{background:#a371f7;border-color:#a371f7;border-style:solid;color:#0d1117;font-weight:600}.sort-controls{align-items:center;display:flex;gap:.75rem;white-space:nowrap}.sort-label{color:#666;color:var(--color-text-secondary,#666);font-size:.95rem;font-weight:600}.sort-select{-webkit-appearance:none;appearance:none;background:#f9f9f9;background:var(--color-bg,#f9f9f9);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:8px;color:#333;color:var(--color-text-primary,#333);cursor:pointer;font-size:.95rem;min-width:180px;padding:.875rem 2.5rem .875rem 1rem;transition:all .2s ease}.sort-select:hover{box-shadow:0 2px 4px #0000000d}.sort-select:focus,.sort-select:hover{border-color:#22c55e;border-color:var(--color-primary,#22c55e)}.sort-select:focus{box-shadow:0 0 0 3px #22c55e1a;outline:none}.shop-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:280px 1fr}.products-area-simple,.shop-content-simple{width:100%}.filter-sidebar{background:#fff;background:var(--color-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;position:-webkit-sticky;position:sticky;top:20px}.filter-sidebar-header{align-items:center;background:#f9f9f9;background:var(--color-bg,#f9f9f9);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:1.25rem}.filter-heading{align-items:center;color:#333;color:var(--color-text-primary,#333);display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.filter-icon{font-size:1.25rem}.filter-badge{align-items:center;background:#22c55e;background:var(--color-primary,#22c55e);border-radius:11px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.filter-toggle-mobile{background:#0000;border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:none;font-size:1.5rem;padding:.25rem;transition:color .2s ease}.filter-toggle-mobile:hover{color:#333;color:var(--color-text-primary,#333)}.filter-sidebar-content{max-height:calc(100vh - 180px);overflow-y:auto;padding:1rem}.filter-sidebar-content::-webkit-scrollbar{width:6px}.filter-sidebar-content::-webkit-scrollbar-track{background:#f9f9f9;background:var(--color-bg,#f9f9f9)}.filter-sidebar-content::-webkit-scrollbar-thumb{background:#ddd;background:var(--color-border,#ddd);border-radius:3px}.filter-sidebar-content::-webkit-scrollbar-thumb:hover{background:#888;background:var(--color-text-secondary,#888)}.filter-group{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);padding-bottom:1.5rem}.filter-group:last-child{border-bottom:none;padding-bottom:0}.filter-group-label{color:#666;color:var(--color-text-secondary,#666);display:block;font-size:.875rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.quick-filters-list,.type-filters-list{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox{align-items:center;background:#f9f9f9;background:var(--color-bg,#f9f9f9);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;padding:.75rem;transition:all .2s ease}.filter-checkbox:hover:not(.disabled){background:#fff;background:var(--color-surface,#fff);transform:translateX(2px)}.filter-checkbox.active,.filter-checkbox:hover:not(.disabled){border-color:#22c55e;border-color:var(--color-primary,#22c55e)}.filter-checkbox.active{background:#22c55e14}.filter-checkbox.disabled{cursor:not-allowed;opacity:.4}.filter-checkbox input[type=checkbox]{accent-color:#22c55e;accent-color:var(--color-primary,#22c55e);cursor:pointer;height:18px;margin-right:.75rem;width:18px}.filter-checkbox .filter-label{align-items:center;color:#333;color:var(--color-text-primary,#333);display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:.5rem}.filter-checkbox .filter-icon{font-size:1.125rem}.filter-checkbox .filter-count{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;font-weight:600;margin-left:auto}.active-filters-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.active-filter-chip{align-items:center;background:#22c55e;background:var(--color-primary,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;padding:.625rem .75rem;transition:all .2s ease}.active-filter-chip:hover{background:#16a34a;transform:scale(1.02)}.active-filter-chip .chip-remove{font-size:1.25rem;font-weight:700;margin-left:.5rem}.clear-all-filters-btn{background:#0000;border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:8px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.clear-all-filters-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.products-area{min-height:400px}.product-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%}.no-products-found{align-items:center;background:#161b22;border:2px dashed #30363d;border-radius:12px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.no-products-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-products-found h3{color:#f0f6fc;font-size:1.5rem;margin:0 0 .5rem}.no-products-found p{color:#8b949e;font-size:1rem;margin:0 0 1.5rem;max-width:500px}.clear-all-btn-large{background:#a371f7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.clear-all-btn-large:hover{background:#8b5cf6;box-shadow:0 4px 8px #a371f74d;transform:translateY(-1px)}.loading-message{color:#8b949e;font-size:1.125rem;padding:3rem;text-align:center}.shop-layout .loading-spinner-container{align-items:center!important;display:flex!important;justify-content:center!important;margin:0 auto!important;width:100%!important}.shop-layout .loading-spinner-content{align-items:center!important;display:flex!important;flex-direction:column!important;text-align:center!important}.content-stats{color:#8b949e;font-size:.9rem}@media (max-width:1024px){.shop-content{gap:1rem;grid-template-columns:220px 1fr}.product-grid{gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.shop-layout{padding:.5rem}.shop-header-compact{align-items:stretch;flex-direction:column;margin-bottom:.75rem}.search-bar-with-count{flex-direction:column;gap:.5rem;min-width:100%}.results-count-inline{font-size:.85rem;text-align:center}.clear-filters-btn-compact{width:100%}.search-input-compact{font-size:.95rem}.filters-section-compact{padding:.5rem}.filter-buttons-all{gap:.35rem}.filter-btn-compact{font-size:.75rem;padding:3px 8px}.product-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:480px){.shop-layout{padding:.25rem}.search-bar-with-count{gap:.4rem}.search-input-compact{font-size:.9rem;padding:10px 50px 10px 15px}.search-icon-compact{font-size:1rem;right:20px}.results-count-inline{font-size:.8rem}.clear-filters-btn-compact{font-size:.85rem;padding:6px 12px}.filters-section-compact{padding:.4rem}.filter-btn-compact{font-size:.7rem;padding:2px 6px}.filter-btn-compact .filter-icon{font-size:.85rem}.product-grid{gap:.75rem;grid-template-columns:1fr}.no-products-found{padding:2rem 1rem}.no-products-icon{font-size:3rem}.no-products-found h3{font-size:1.25rem}}.pagination-container{justify-content:center;margin-top:3rem;padding:2rem 0}.pagination{justify-content:space-between;max-width:100%;width:100%}.pagination:not(:has(.pagination-nav)){justify-content:center}.pagination-nav{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:center}.pagination-numbers{flex-wrap:wrap;gap:.3rem;justify-content:center}.pagination-per-page{flex-shrink:0}@media (max-width:768px){.pagination-container{margin-top:1.5rem;padding:1rem 0}.pagination{gap:.4rem}.pagination-btn{font-size:.85rem;padding:.5rem 1rem}.pagination-number{font-size:.85rem;height:36px;min-width:36px}.pagination-nav,.pagination-per-page{justify-content:center;width:100%}.pagination-per-page{margin-top:.5rem}.pagination-per-page label{font-size:.8rem;gap:.3rem}.items-per-page-select{font-size:.7rem;padding:.2rem 1rem .2rem .3rem}}@media (max-width:480px){.pagination-container{margin-top:1rem;padding:.75rem 0}.pagination{gap:.3rem}.pagination-btn{font-size:.8rem;padding:.4rem .6rem}.pagination-number{font-size:.8rem;height:32px;min-width:32px}.pagination-numbers{gap:.3rem}.pagination-nav,.pagination-per-page{justify-content:center;width:100%}.pagination-per-page{margin-top:.4rem}.pagination-per-page label{font-size:.75rem}.items-per-page-select{font-size:.65rem;padding:.2rem .9rem .2rem .25rem}}.shop-container{margin:0 auto;max-width:1400px;padding:.5rem 1rem}.shop-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin:.5rem 0 1rem;text-align:center}.product-grid{margin-top:1rem}@media (max-width:1400px){.shop-container{padding:0 1.5rem}}@media (max-width:768px){.shop-container{padding:0 1rem}.shop-title{font-size:1.5rem;margin:1rem 0 .75rem}}@media (max-width:480px){.shop-container{padding:0 .5rem}.shop-title{font-size:1.35rem;margin:.75rem 0 .5rem}}.admin-container{margin:0 auto;max-width:1200px;padding:0 1rem}.admin-content{background:#0000;border-radius:var(--border-radius);color:var(--color-text-primary);padding:2rem}.admin-header{border-bottom:2px solid var(--color-border);margin-bottom:2.5rem;padding-bottom:1rem}.admin-header h2{color:var(--color-text-primary);font-size:2.2rem;font-weight:700}.logout-btn{background:#dc3545;border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.logout-btn:hover{background:#c82333;box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-nav{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.admin-nav-link{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--color-text-primary);display:block;padding:2rem;text-decoration:none;transition:all .3s ease}.admin-nav-link:hover{background-color:var(--color-bg);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-text-primary);transform:translateY(-5px)}.admin-nav-link h3{color:var(--color-primary);font-size:1.4rem;font-weight:600;margin:0 0 .75rem}.admin-nav-link p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.6;margin:0}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-nav{grid-template-columns:1fr}.admin-nav-link{padding:1.5rem}}@media (max-width:992px){.admin-nav{grid-template-columns:1fr}}.product-search-component,.product-search-input-wrapper{position:relative;width:100%}.product-search-input{border:2px solid #e0e0e0;font-size:14px;padding:12px 40px 12px 12px}.product-search-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.search-icon{color:#999;right:12px}.product-search-dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.product-search-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s ease}.product-search-item:last-child{border-bottom:none}.product-search-item:hover{background-color:#f5f5f5}.product-search-item.selected{background-color:#e8f5e9}.product-search-item-info{flex:1 1}.product-search-item-name{color:#333;font-weight:600;margin-bottom:4px}.product-search-item-meta{color:#666;font-size:12px}.product-search-check{color:#4caf50;font-size:18px;font-weight:700}.product-search-selected{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:12px;padding:12px}.selected-label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.selected-products-list{display:flex;flex-wrap:wrap;gap:8px}.selected-product-tag{align-items:center;background-color:#4caf50;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;gap:8px;padding:6px 12px}.selected-product-name{font-weight:500}.remove-product-btn{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:20px}.remove-product-btn:hover{background-color:#ffffff80}.product-search-dropdown::-webkit-scrollbar{width:8px}.product-search-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.product-search-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:8px}.product-search-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.bundle-picker-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.bundle-picker-modal{animation:slideIn .3s ease-out;background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-radius:16px;box-shadow:0 20px 60px #00000080;box-shadow:0 20px 60px var(--color-shadow,#00000080);color:#fff;color:var(--color-text-primary,#fff);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.bundle-picker-header{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);background:linear-gradient(135deg,var(--color-primary,#4a90e2) 0,#357abd 100%);border-bottom:2px solid #404040;border-bottom:2px solid var(--color-border,#404040);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 30px}.bundle-picker-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.bundle-picker-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.bundle-picker-close:hover{background:#ffffff4d;transform:rotate(90deg)}.bundle-picker-filters{align-items:center;background:#1e1e1e;background:var(--color-background,#1e1e1e);border-bottom:1px solid #404040;border-bottom:1px solid var(--color-border,#404040);display:flex;flex-wrap:wrap;gap:15px;padding:20px 30px}.bundle-picker-search{flex:1 1;min-width:250px;position:relative}.bundle-picker-search-input{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:2px solid #404040;border:2px solid var(--color-border,#404040);border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);font-size:15px;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.bundle-picker-search-input:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);box-shadow:0 0 0 3px #4a90e233;outline:none}.bundle-picker-clear-search{align-items:center;background:#404040;background:var(--color-border,#404040);border:none;border-radius:50%;color:#999;color:var(--color-text-secondary,#999);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s;width:20px}.bundle-picker-clear-search:hover{background:#666;background:var(--color-text-secondary,#666);color:#fff;color:var(--color-text-primary,#fff)}.bundle-picker-category-filter{min-width:180px}.bundle-picker-category-select{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:2px solid #404040;border:2px solid var(--color-border,#404040);border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.bundle-picker-category-select:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);box-shadow:0 0 0 3px #4a90e233;outline:none}.bundle-picker-actions{display:flex;gap:10px}.bundle-picker-clear-all,.bundle-picker-select-all{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s;white-space:nowrap}.bundle-picker-select-all{background:#4a90e2;background:var(--color-primary,#4a90e2);color:#fff}.bundle-picker-select-all:hover:not(:disabled){background:#357abd;transform:translateY(-1px)}.bundle-picker-clear-all{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:2px solid #404040;border:2px solid var(--color-border,#404040);color:#fff;color:var(--color-text-primary,#fff)}.bundle-picker-clear-all:hover:not(:disabled){background:#404040;background:var(--color-border,#404040)}.bundle-picker-clear-all:disabled,.bundle-picker-select-all:disabled{cursor:not-allowed;opacity:.5}.bundle-picker-summary{align-items:center;background:#4a90e21a;border-bottom:1px solid #4a90e2;border-bottom:1px solid var(--color-primary,#4a90e2);display:flex;justify-content:space-between;padding:15px 30px}.selection-count{color:#4a90e2;color:var(--color-primary,#4a90e2);font-size:16px;font-weight:700}.results-count{color:#999;color:var(--color-text-secondary,#999);font-size:14px}.bundle-picker-selected-preview{background:#4a90e20d;border-bottom:1px solid #404040;border-bottom:1px solid var(--color-border,#404040);max-height:120px;overflow-y:auto;padding:15px 30px}.selected-preview-header{color:#fff;color:var(--color-text-primary,#fff);font-size:14px;margin-bottom:10px}.selected-preview-list{display:flex;flex-wrap:wrap;gap:8px}.selected-preview-item{align-items:center;background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:1px solid #4a90e2;border:1px solid var(--color-primary,#4a90e2);border-radius:20px;display:flex;font-size:13px;gap:8px;padding:6px 12px}.selected-preview-name{color:#fff;color:var(--color-text-primary,#fff);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-preview-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;color:var(--color-text-secondary,#999);cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;padding:0;transition:all .2s;width:16px}.selected-preview-remove:hover{background:#404040;background:var(--color-border,#404040);color:#dc3545;color:var(--color-danger,#dc3545)}.bundle-picker-content{background:#1e1e1e;background:var(--color-background,#1e1e1e);flex:1 1;overflow-y:auto;padding:20px 30px}.bundle-picker-empty,.bundle-picker-loading{align-items:center;color:#999;color:var(--color-text-secondary,#999);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border:4px solid #404040;border-top:4px solid #4a90e2;border:4px solid var(--color-border,#404040);border-top-color:var(--color-primary,#4a90e2);margin-bottom:20px}.bundle-picker-clear-filters{background:#4a90e2;background:var(--color-primary,#4a90e2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:10px 20px}.bundle-picker-clear-filters:hover{background:#357abd}.bundle-picker-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.bundle-picker-product{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:2px solid #404040;border:2px solid var(--color-border,#404040);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:15px;position:relative;transition:all .3s}.bundle-picker-product:hover{box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--color-shadow,#0000004d);transform:translateY(-2px)}.bundle-picker-product.selected,.bundle-picker-product:hover{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2)}.bundle-picker-product.selected{background:#4a90e21a;box-shadow:0 4px 16px #4a90e24d}.bundle-picker-checkbox{position:absolute;right:12px;top:12px;z-index:10}.bundle-picker-checkbox input[type=checkbox]{accent-color:#4a90e2;accent-color:var(--color-primary,#4a90e2);cursor:pointer;height:20px;width:20px}.bundle-picker-product-image{align-items:center;background:#1e1e1e;background:var(--color-background,#1e1e1e);border-radius:8px;display:flex;height:180px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100%}.bundle-picker-product-image .product-thumbnail{max-height:100%;max-width:100%;object-fit:contain}.bundle-picker-product-info{flex:1 1}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--color-text-primary,#fff);display:-webkit-box;font-size:15px;min-height:38px}.product-author,.product-name{margin:0 0 8px;overflow:hidden}.product-author{color:#999;color:var(--color-text-secondary,#999);font-size:13px;font-style:italic;text-overflow:ellipsis;white-space:nowrap}.product-meta{align-items:center;justify-content:space-between;margin-bottom:6px}.product-category{background:#404040;background:var(--color-border,#404040);border-radius:12px;color:#999;color:var(--color-text-secondary,#999);font-size:12px;padding:3px 8px}.product-price{color:#4a90e2;color:var(--color-primary,#4a90e2);font-size:15px}.product-sku{color:#999;color:var(--color-text-secondary,#999);font-family:monospace;font-size:11px;margin:0}.bundle-picker-footer{align-items:center;background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-top:2px solid #404040;border-top:2px solid var(--color-border,#404040);display:flex;gap:15px;justify-content:space-between;padding:20px 30px}.bundle-picker-apply,.bundle-picker-cancel{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s}.bundle-picker-cancel{background:#1e1e1e;background:var(--color-background,#1e1e1e);border:2px solid #404040;border:2px solid var(--color-border,#404040);color:#fff;color:var(--color-text-primary,#fff)}.bundle-picker-cancel:hover{background:#404040;background:var(--color-border,#404040)}.bundle-picker-apply{background:#28a745;background:var(--color-success,#28a745);color:#fff;flex:1 1;max-width:400px}.bundle-picker-apply:hover:not(:disabled){background:#218838;box-shadow:0 6px 20px #28a7454d;transform:translateY(-2px)}.bundle-picker-apply:disabled{background:#404040;background:var(--color-border,#404040);cursor:not-allowed;opacity:.6}@media (max-width:768px){.bundle-picker-modal{border-radius:0;max-height:100vh;max-width:100%}.bundle-picker-filters{align-items:stretch;flex-direction:column}.bundle-picker-category-filter,.bundle-picker-search{min-width:auto;width:100%}.bundle-picker-actions{justify-content:space-between;width:100%}.bundle-picker-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.bundle-picker-product-image{height:140px}.product-name{font-size:14px;min-height:34px}.bundle-picker-footer{flex-direction:column}.bundle-picker-apply,.bundle-picker-cancel{max-width:none;width:100%}}@media (max-width:480px){.bundle-picker-header{padding:16px 20px}.bundle-picker-header h2{font-size:20px}.bundle-picker-content,.bundle-picker-filters,.bundle-picker-footer{padding:15px 20px}.bundle-picker-grid{grid-template-columns:1fr}.bundle-picker-product-image{height:200px}}.variant-configurator{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:8px;padding:20px}.variant-configurator.active{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2)}.variant-toggle label{align-items:center;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px}.variant-toggle input[type=checkbox]{cursor:pointer;height:20px;width:20px}.variant-types{background:#4a90e21a;border-radius:6px;margin-top:20px;padding:15px}.variant-types h4{color:#fff;color:var(--color-text-primary,#fff);font-size:14px;margin:0 0 10px}.variant-types label{align-items:center;cursor:pointer;display:inline-flex;gap:8px;margin-right:20px}.variant-section{background:#1e1e1e;background:var(--color-background,#1e1e1e);border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:6px;margin-top:20px;padding:15px}.variant-section h4{color:#fff;color:var(--color-text-primary,#fff);font-size:14px;font-weight:600;margin:0 0 12px}.color-chips,.size-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:40px}.chip{align-items:center;background:#4a90e2;background:var(--color-primary,#4a90e2);border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.chip button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;opacity:.8;padding:0 4px;transition:opacity .2s}.chip button:hover{opacity:1}.color-chip{background:#3a3f47;background:var(--color-surface,#3a3f47);border:1px solid #404040;border:1px solid var(--color-border,#404040);color:#fff;color:var(--color-text-primary,#fff)}.color-dot{border:1px solid #ffffff4d;display:inline-block;height:14px;width:14px}.add-color,.add-size{align-items:center;display:flex;gap:10px}.add-color select,.add-size select{background:#3a3f47;background:var(--color-surface,#3a3f47);border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);flex:1 1;font-size:13px;padding:8px 12px}.add-color button,.add-size button{background:#28a745;background:var(--color-success,#28a745);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.add-color button:hover:not(:disabled),.add-size button:hover:not(:disabled){background:#218838;transform:scale(1.05)}.add-color button:disabled,.add-size button:disabled{cursor:not-allowed;opacity:.5}.variant-combinations{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:2px solid #4a90e2;border:2px solid var(--color-primary,#4a90e2);border-radius:6px;margin-top:20px;padding:15px}.variant-combinations h4{color:#fff;color:var(--color-text-primary,#fff);font-size:15px;font-weight:700;margin:0 0 15px}.combinations-table{max-height:400px;overflow-x:auto;overflow-y:auto}.combinations-table table{border-collapse:collapse;font-size:13px;width:100%}.combinations-table th{background:#1e1e1e;background:var(--color-background,#1e1e1e);border-bottom:2px solid #404040;border-bottom:2px solid var(--color-border,#404040);font-weight:600;padding:10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.combinations-table td,.combinations-table th{color:#fff;color:var(--color-text-primary,#fff)}.combinations-table td{border-bottom:1px solid #404040;border-bottom:1px solid var(--color-border,#404040);padding:8px 10px}.combinations-table tr:hover td{background:#4a90e21a}.combinations-table input{background:#1e1e1e;background:var(--color-background,#1e1e1e);border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:4px;color:#fff;color:var(--color-text-primary,#fff);padding:6px 8px}.combinations-table input:focus{border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);outline:none}.color-indicator{align-items:center;display:inline-flex;gap:6px}.variant-help{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;color:#aaa;color:var(--color-text-secondary,#aaa);font-size:12px;line-height:1.5;margin:15px 0 0;padding:12px}.help-popup-container{display:inline-block;margin-left:8px;position:relative;vertical-align:middle}.help-icon-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:50%;box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;display:inline-flex;height:22px;justify-content:center;transition:all .3s ease;width:22px}.help-icon-button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box-shadow:0 4px 12px var(--color-shadow);transform:scale(1.1)}.help-icon-button:active{transform:scale(.95)}.help-icon{color:#fff;font-size:13px;line-height:1}.help-popup-content{animation:fadeInScale .2s ease-out;background:var(--color-card-bg);border:2px solid var(--color-primary);border-radius:12px;box-shadow:0 8px 32px var(--color-shadow);max-width:1000px;min-width:640px;padding:20px;position:absolute;z-index:10000}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.help-popup-content.right{left:30px;top:-10px}.help-popup-content.left{right:30px;top:-10px}.help-popup-content.bottom{left:50%;top:35px;transform:translateX(-50%)}.help-popup-content.top{bottom:35px;left:50%;transform:translateX(-50%)}.help-popup-title{border-bottom:2px solid var(--color-border);color:var(--color-primary);font-size:16px;font-weight:700;margin-bottom:12px;padding-bottom:8px}.help-popup-body{color:var(--color-text-primary);font-size:14px;line-height:1.6;margin-bottom:16px}.help-popup-body p{margin:0 0 10px}.help-popup-body p:last-child{margin-bottom:0}.help-popup-body strong{color:var(--color-primary);font-weight:600}.help-popup-body ul{margin:8px 0;padding-left:20px}.help-popup-body li{margin:6px 0}.help-popup-body code{background:var(--color-surface-hover);border-radius:4px;color:var(--color-accent);font-family:Monaco,Courier New,monospace;font-size:12px;padding:2px 6px}.help-popup-body .example-box{border-left:3px solid var(--color-primary)}.help-popup-body .example-box,.help-popup-body .tip{background:var(--color-surface-hover);border-radius:4px;font-size:13px;margin:10px 0;padding:10px 12px}.help-popup-body .tip{border-left:3px solid var(--color-success)}.help-popup-body .warning{background:var(--color-surface-hover);border-left:3px solid var(--color-warning);border-radius:4px;font-size:13px;margin:10px 0;padding:10px 12px}.help-popup-close{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.help-popup-close:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.help-popup-close:active{transform:translateY(0)}.help-popup-content.right:before{border-right:10px solid var(--color-primary);left:-10px}.help-popup-content.left:before,.help-popup-content.right:before{border-bottom:10px solid #0000;border-top:10px solid #0000;content:"";height:0;position:absolute;top:20px;width:0}.help-popup-content.left:before{border-left:10px solid var(--color-primary);right:-10px}.help-popup-content.bottom:before{border-bottom:10px solid var(--color-primary);top:-10px}.help-popup-content.bottom:before,.help-popup-content.top:before{border-left:10px solid #0000;border-right:10px solid #0000;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.help-popup-content.top:before{border-top:10px solid var(--color-primary);bottom:-10px}@media (max-width:768px){.help-popup-content{max-width:90vw;min-width:560px;top:35px}.help-popup-content,.help-popup-content:before{left:50%!important;right:auto!important;transform:translateX(-50%)}.help-popup-content:before{border-bottom:10px solid var(--color-primary);border-left:10px solid #0000;border-right:10px solid #0000;border-top:none;bottom:auto!important;top:-10px!important}}.admin-products-container.full-width{background:#0000;border-radius:0;box-shadow:none;color:var(--color-text-primary);margin:0;max-width:100%;padding:0}.page-header{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-bottom:1px solid #404040;border-bottom:1px solid var(--color-border,#404040);border-radius:8px;box-shadow:0 2px 8px #0003;box-shadow:0 2px 8px var(--color-shadow,#0003);padding:20px}.header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.page-header h2{color:#fff;color:var(--color-text-primary,#fff);font-size:1.8rem;margin:0}.product-count-badge{align-items:center;background:var(--color-primary);border-radius:20px;box-shadow:0 2px 8px var(--color-shadow);color:var(--color-background);display:inline-flex;font-size:.95rem;font-weight:700;padding:.5rem 1rem}.add-product-button{background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 4px 15px var(--color-shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:12px 24px;text-align:center;transition:all .3s ease;white-space:nowrap}.add-product-button.secondary{background:var(--color-success);box-shadow:0 4px 15px var(--color-shadow)}.add-product-button.secondary:hover,.add-product-button:hover{box-shadow:0 6px 20px var(--color-shadow)}.add-product-button:hover{transform:translateY(-2px)}.add-product-button:active{transform:translateY(0)}.products-controls{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-bottom:1px solid #404040;border-bottom:1px solid var(--color-border,#404040);border-radius:8px;box-shadow:0 2px 8px #0003;box-shadow:0 2px 8px var(--color-shadow,#0003);display:flex;flex-direction:column;gap:1rem;margin-bottom:20px;padding:20px}.search-section{flex:1 1;position:relative}.product-search-input{background:var(--color-input-bg);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:1rem;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.product-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow);outline:none}.clear-search-button{align-items:center;background:var(--color-error);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:28px}.clear-search-button:hover{background:var(--color-error);filter:brightness(.9);transform:translateY(-50%) scale(1.1)}.selection-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.select-all-button{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.select-all-button:hover{background:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow);color:var(--color-surface);transform:translateY(-2px)}.selected-count{background:var(--color-surface-hover);border:2px solid var(--color-primary);border-radius:20px;color:var(--color-primary);font-size:.95rem;padding:8px 16px}.duplicate-button{align-items:center;background:var(--color-info);border:none;border-radius:8px;box-shadow:0 4px 15px var(--color-shadow);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:10px 20px;transition:all .3s ease}.duplicate-button:hover{box-shadow:0 6px 20px var(--color-shadow);transform:translateY(-2px)}.export-selected-button{align-items:center;background:#28a745;border:none;border-radius:8px;box-shadow:0 4px 15px var(--color-shadow);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:10px 20px;transition:all .3s ease}.export-selected-button:hover{background:#218838;box-shadow:0 6px 20px var(--color-shadow);filter:brightness(1.1);transform:translateY(-2px)}.export-selected-button:active{transform:translateY(0)}.import-spinner{animation:spin 1s linear infinite}.delete-selected-button{align-items:center;background:var(--color-error);border:none;border-radius:8px;box-shadow:0 4px 15px var(--color-shadow);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:10px 20px;transition:all .3s ease}.delete-selected-button:hover{background:var(--color-error);box-shadow:0 6px 20px var(--color-shadow);filter:brightness(.9);transform:translateY(-2px)}.delete-selected-button:active{transform:translateY(0)}.clear-selection-button{background:var(--color-border);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.clear-selection-button:hover{background:var(--color-text-secondary);transform:translateY(-2px)}.admin-products-container.full-width .product-list{padding:0 20px}.admin-products-container.full-width .product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0}.admin-products-container.standalone{background-color:#2c2c2c;border-radius:8px;border-top:none;color:#fff;margin:80px auto 2rem;max-width:900px;padding:2rem}.admin-products-container{border-top:1px solid #444;margin-top:2rem;padding-top:2rem}.product-form-container{background-color:#3a3f47;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.product-form-container h3{color:#61dafb;margin-top:0}.product-form-container form{display:flex;flex-direction:column;gap:1rem}.product-form-container input,.product-form-container select,.product-form-container textarea{background-color:#2c2c2c;border:1px solid #555;border-radius:4px;color:#fff;font-size:1rem;padding:.8rem;width:100%}.product-form-container button{background-color:#52b8d8;border:none;border-radius:4px;color:#20232a;cursor:pointer;font-weight:700;padding:.8rem 1.5rem;transition:background-color .2s}.product-form-container button[type=button]{background-color:#888}.product-form-container button:hover{background-color:#52b8d8}.product-list{margin-bottom:2rem}.product-list-header{align-items:center;border-bottom:2px solid #61dafb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.product-list-actions{display:flex;gap:.5rem}.action-button{background:#0000;border:1px solid #61dafb;border-radius:4px;color:#61dafb;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.action-button:hover{background:#61dafb;color:#20232a}.action-button.secondary{border-color:#888;color:#ccc}.action-button.secondary:hover{background:#888;color:#fff}.products-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.product-card-compact{background:#3a3f47;border:1px solid #555;border-radius:8px;padding:1rem;position:relative;transition:all .3s ease}.product-card-compact:hover{border-color:#61dafb;box-shadow:0 4px 12px #61dafb1a;transform:translateY(-2px)}.product-card-compact.selected{background:#61dafb0d;border:2px solid #61dafb;box-shadow:0 4px 12px #61dafb33}.product-select-checkbox{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:3px;padding:.2rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.product-select-checkbox input[type=checkbox]{accent-color:#61dafb;border-radius:3px;cursor:pointer;height:16px;width:16px}.product-select-checkbox input[type=checkbox]:hover{transform:scale(1.1)}.product-thumbnail{align-items:center;background:#2c2c2c;border-radius:6px;display:flex;height:400px;justify-content:center;margin-bottom:.75rem;overflow:hidden;position:relative;width:100%}.product-thumbnail img{background-color:initial;height:100%;max-height:100%;max-width:100%;object-fit:contain;padding:8px;width:100%}.product-info{margin-bottom:.75rem}.product-title{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.category-icon{flex-shrink:0}.product-name{color:#e0e0e0;font-size:.95rem}.product-details{display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem;margin-bottom:.5rem}.sku{background:#61dafb1a;border-radius:3px;color:#61dafb;padding:.2rem .4rem}.price{color:#4caf50;font-weight:600}.stock{color:#ff9800}.product-category{color:#888;font-size:.8rem;font-style:italic}.product-actions{display:flex;gap:.5rem;justify-content:flex-end}.delete-button,.edit-button,.export-button,.preview-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .3s ease}.preview-button{background:#9c27b0;color:#fff}.preview-button:hover{background:#7b1fa2;transform:translateY(-1px)}.export-button{background:#28a745;color:#fff;min-height:36px;min-width:36px}.export-button:hover{background:#218838;box-shadow:0 2px 8px #28a74566;transform:translateY(-1px)}.edit-button{background:#52b8d8;color:#20232a}.edit-button:hover{background:#4fa8c5;transform:translateY(-1px)}.delete-button{background:#dc3545;color:#fff}.delete-button:hover{background:#c82333;transform:translateY(-1px)}.no-products-message{background:#3a3f47;border:2px dashed #555;border-radius:12px;color:#888;font-size:1.1rem;margin:2rem 0;padding:3rem 2rem;text-align:center}.no-products-message p{color:#ccc;margin-bottom:1rem}.no-products-message .clear-search-button{background:#61dafb;border:none;border-radius:8px;color:#20232a;display:inline-block;font-size:1rem;font-weight:600;height:auto;margin-top:.5rem;padding:.75rem 1.5rem;position:relative;transform:none;width:auto}.no-products-message .clear-search-button:hover{background:#4fa8c5;transform:translateY(-2px)}.product-edit-summary{background:#2c2c2c;border:2px solid #61dafb;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.product-summary-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:120px 1fr}.product-summary-thumbnail{align-items:center;background:#3a3f47;border:2px solid #61dafb;border-radius:6px;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.product-summary-thumbnail img{height:100%;object-fit:cover;width:100%}.product-summary-info{display:flex;flex-direction:column;gap:.5rem}.summary-row{align-items:center;border-bottom:1px solid #444;padding:.3rem 0}.summary-row:last-child{border-bottom:none}.summary-row .label{color:#61dafb;font-weight:600;min-width:80px}.summary-row .value{color:#e0e0e0;flex:1 1;text-align:right}.edit-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.edit-modal{background:#2c2c2c;border:2px solid #61dafb;border-radius:16px;box-shadow:0 25px 80px #0009;display:flex;flex-direction:column;height:95vh;margin:auto;max-width:1800px;overflow:hidden;width:95vw}.edit-modal-header{align-items:center;background:linear-gradient(135deg,#3a3f47,#2c2c2c);border-bottom:2px solid #61dafb;border-radius:16px 16px 0 0;box-shadow:0 2px 10px #0000004d;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.edit-modal-header h2{color:#61dafb;font-size:1.5rem;margin:0}.close-button{background:#dc3545;border-radius:50%;color:#fff;font-size:1.2rem;height:40px;width:40px}.close-button:hover{background:#c82333;transform:scale(1.1)}.edit-modal-content{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:350px 1fr;height:calc(95vh - 80px);min-height:0;overflow:hidden}.edit-left-panel{background:linear-gradient(180deg,#3a3f47,#2c2c2c);border-right:2px solid #555;gap:1.5rem;overflow:hidden}.edit-left-panel,.edit-right-panel{display:flex;flex-direction:column;height:100%;min-height:0;padding:1.5rem}.edit-right-panel{background:#2c2c2c;gap:1rem;overflow-y:auto}.product-preview-card{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);border:2px solid #61dafb;border-radius:12px;box-shadow:0 8px 25px #0000004d;flex-shrink:0;overflow:hidden;padding:1rem;position:relative}.product-preview-card:before{background:linear-gradient(90deg,#61dafb,#4fa8c5,#61dafb);content:"";height:3px;left:0;position:absolute;right:0;top:0}.product-preview-card h3{color:#61dafb;font-size:1.1rem;margin:0 0 1rem}.preview-image-container{align-items:center;background:#444;border:2px solid #61dafb;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:.5rem;overflow:hidden;width:100%}.preview-main-image{height:100%;object-fit:cover;width:100%}.preview-details{text-align:center}.preview-title{color:#e0e0e0;font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.preview-category{align-items:center;color:#888;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-bottom:.5rem}.preview-price{color:#4caf50;font-size:1.2rem;font-weight:700}.current-image-info{background:#2c2c2c;border:1px solid #555;border-radius:8px;flex-shrink:0;padding:.75rem}.current-image-info h4{color:#61dafb;font-size:1rem;margin:0 0 .5rem}.image-path{color:#ccc;font-size:.85rem;word-break:break-all}.image-path-text{background:#61dafb1a;border-radius:3px;color:#61dafb;font-family:monospace;padding:.2rem .4rem}.no-image{color:#888;font-style:italic}.form-tabs{border-bottom:2px solid #555;display:flex;margin-bottom:2rem}.tab-button{color:#888;font-size:.95rem}.tab-button.active,.tab-button:hover{background:#61dafb1a;color:#61dafb}.tab-button.active{border-bottom-color:#61dafb}.tab-content{display:flex;flex-direction:column;height:calc(100% - 60px);overflow:hidden}.tab-panel{display:none}.tab-panel.active{display:flex;flex-direction:column;height:100%;overflow-y:auto}.form-grid{margin-bottom:1rem}.wholesale-section{border-top:1px solid #555;margin-top:2rem;padding-top:2rem}.wholesale-section h4{color:#61dafb;margin-bottom:1rem}.wholesale-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.image-selection-section{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.image-upload-section{text-align:center}.image-upload-label{color:#20232a;transition:all .3s ease}.form-actions{border-top:2px solid #555;flex-shrink:0}.cancel-button{background:#6c757d;border:none;border-radius:6px;font-weight:600;transition:all .3s ease}.cancel-button:hover{background:#5a6268;transform:translateY(-1px)}.save-button{background:#28a745;border-radius:6px;padding:.75rem 1.5rem;transition:all .3s ease}.save-button:hover{background:#218838;transform:translateY(-1px)}@media (max-width:768px){.edit-modal{border-radius:0;height:100vh;width:100vw}.edit-modal-content{grid-template-columns:1fr}.edit-left-panel{border-bottom:2px solid #555;border-right:none;padding:1rem}.preview-image-container{height:150px}.form-grid{grid-template-columns:1fr}.form-tabs{flex-wrap:wrap}.tab-button{font-size:.85rem;padding:.75rem 1rem}.image-selection-section{grid-template-columns:1fr}.form-actions{flex-direction:column}}.product-item-admin{align-items:center;background-color:#3a3f47;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.product-item-image{border-radius:4px;height:50px;margin-right:1rem;object-fit:cover;width:50px}.product-item-admin button{background:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:.5rem;padding:.5rem}.json-output-container{background-color:#20232a;border:1px solid #61dafb;border-radius:8px;padding:1.5rem}.json-output-container h3{color:#61dafb;margin-top:0}.json-output-container p{color:#ffc;font-style:italic}.json-output-container code{background:#000;border-radius:4px;color:#ff79c6;padding:.2rem .4rem}.json-output-container textarea{color:#f8f8f2;font-family:Courier New,Courier,monospace;font-size:.9rem;min-height:400px;width:100%}.image-input-container,.json-output-container textarea{background-color:#2c2c2c;border:1px solid #555;border-radius:4px}.image-input-container{align-items:center;display:flex;gap:1rem;padding:.5rem}.image-input-container>div{align-items:center;display:flex;flex-grow:1;gap:1rem}.image-upload-button{background-color:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.8rem 1.2rem;transition:background-color .2s;white-space:nowrap}.image-upload-button:hover{background-color:#666}.image-filename{color:#ccc;font-style:italic}.image-preview{background-color:#2c2c2c;border:1px solid #555;border-radius:4px;height:150px;object-fit:cover;width:150px}.back-to-dashboard{background-color:#3a3f47;border-radius:8px;color:#61dafb;display:inline-block;font-weight:700;margin-bottom:2rem;padding:1.5rem;text-decoration:none}.back-to-dashboard:hover{text-decoration:underline}.local-save-container{background-color:#2c2c2c;border:1px solid #4caf50;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.save-to-file-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2rem;transition:background-color .2s}.save-to-file-button:hover{background-color:#45a049}@media (max-width:768px){.admin-products-container.standalone{margin:60px 1rem 1rem;padding:1rem}.product-form-container{padding:1rem}.product-form-container form{gap:.8rem}.product-form-container input,.product-form-container select,.product-form-container textarea{font-size:.9rem;padding:.6rem}.product-form-container button{font-size:.9rem;padding:.6rem 1rem}.products-grid{gap:.75rem;grid-template-columns:1fr}.product-card-compact{padding:.75rem}.product-thumbnail{height:100px}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.header-left{align-items:flex-start;flex-direction:column;gap:.75rem}.product-count-badge{align-self:flex-start}.header-actions{flex-wrap:wrap;justify-content:stretch;width:100%}.add-product-button{flex:1 1 auto;font-size:.9rem;min-width:160px;padding:10px 16px}.products-controls{padding:15px}.product-search-input{font-size:.9rem;padding:10px 36px 10px 12px}.selection-controls{flex-wrap:wrap;gap:.75rem}.clear-selection-button,.delete-selected-button,.duplicate-button,.export-selected-button,.select-all-button{flex:1 1 auto;font-size:.85rem;justify-content:center;min-width:120px;padding:8px 16px}.selected-count{flex:1 1 100%;font-size:.85rem;padding:6px 12px;text-align:center}.product-summary-grid{gap:1rem;grid-template-columns:100px 1fr}.product-summary-thumbnail{height:100px;width:100px}.product-item-admin{align-items:flex-start;flex-direction:column;gap:.5rem}.product-item-admin>div{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.product-item-admin button{flex:1 1;margin-left:0}.image-input-container{gap:.5rem}.image-input-container,.image-input-container>div{align-items:stretch;flex-direction:column}.image-preview{align-self:center;height:100px;width:100px}.image-selection-container{flex-direction:column;gap:1rem}.image-selection-container>div:first-child{width:100%}.image-selection-container>div:last-child{align-self:center}.current-product-image{margin-bottom:1rem!important;padding:.8rem!important}.current-product-image img{max-height:200px!important;max-width:200px!important}.back-to-dashboard{font-size:.9rem;padding:1rem}.form-field-group{display:flex;flex-direction:column;gap:.5rem}.form-field-group.horizontal{flex-direction:row;gap:.5rem}.form-field-group.horizontal>div{flex:1 1}fieldset{margin-bottom:1rem}fieldset>div{margin-bottom:.8rem}fieldset label{display:block;margin-bottom:.3rem}fieldset input{margin-bottom:.5rem;width:100%}select{font-size:.9rem}optgroup{color:#61dafb;font-weight:700}option{padding:.2rem}}@media (max-width:480px){.admin-products-container.standalone{margin:.5rem;padding:.5rem}.product-form-container{padding:.8rem}.product-form-container h3{font-size:1.1rem}.product-form-container input,.product-form-container select,.product-form-container textarea{font-size:.85rem;padding:.5rem}.product-form-container button{font-size:.85rem;padding:.5rem .8rem}.product-item-admin{padding:.8rem}.product-item-admin span{font-size:.9rem;margin-bottom:.5rem}.image-preview{height:80px;width:80px}.back-to-dashboard{font-size:.8rem;padding:.8rem}}.product-form{background:#2a2a2a;border:1px solid #444;border-radius:12px;margin-bottom:2rem;padding:2rem}.form-section{background:#333;border:1px solid #555;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.section-title{align-items:center;border-bottom:2px solid #61dafb;color:#61dafb;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem;padding-bottom:.5rem}.form-row{margin-bottom:1rem}.form-label{color:#e0e0e0;display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem}.form-input,.form-select,.form-textarea{background:#444;border:2px solid #555;border-radius:6px;color:#fff;font-size:.9rem;padding:.6rem .75rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb1a;outline:none}.form-textarea{min-height:80px;resize:vertical}.virtual-product-label{align-items:center;background:#61dafb0d;border:2px solid #61dafb33;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.virtual-product-label:hover{background:#61dafb1a;border-color:#61dafb66}.form-checkbox{accent-color:#61dafb;cursor:pointer;height:20px;width:20px}.checkbox-text{color:#61dafb;font-size:1rem;font-weight:600}.field-help-text{color:#888;font-size:.85rem;font-style:italic;line-height:1.4;margin:.5rem 0 0}.input-with-button{align-items:center;display:flex;gap:.5rem}.generate-button{background:#61dafb;border:none;border-radius:6px;color:#20232a;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.generate-button:hover{background:#4fa8c5;transform:translateY(-1px)}.price-input-container{align-items:center;display:flex;position:relative}.currency-symbol{color:#888;font-weight:600;left:.75rem;position:absolute;z-index:1}.price-input{padding-left:2rem}.category-selector-group{align-items:center;display:flex;gap:.5rem}.category-selector-group .form-select{flex:1 1}.manage-categories-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.85rem;font-weight:600;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.manage-categories-link:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.wholesale-pricing-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.wholesale-tier{background:#3a3a3a;border:1px solid #555;border-radius:8px;padding:1rem;transition:all .3s ease}.wholesale-tier:hover{border-color:#61dafb;transform:translateY(-2px)}.tier-header{align-items:center;border-bottom:1px solid #555;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.tier-name{color:#e0e0e0;font-weight:600;text-transform:capitalize}.tier-badge{font-size:1.2rem}.tier-inputs{gap:.75rem}.tier-input-group,.tier-inputs{display:flex;flex-direction:column}.tier-input-group{gap:.25rem}.tier-input-group label{color:#ccc;font-size:.85rem;font-weight:500}.tier-input{background:#444;border:1px solid #555;border-radius:4px;color:#fff;font-size:.9rem;padding:.5rem}.tier-input:focus{border-color:#61dafb;outline:none}.image-selection-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.image-select{height:120px}.image-preview{align-items:center;display:flex;flex-direction:column}.preview-container{align-items:center;background:#444;border:2px solid #61dafb;border-radius:8px;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.preview-image{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.form-row{gap:1rem}.form-row,.wholesale-pricing-grid{grid-template-columns:1fr}.image-selection-container{gap:1rem;grid-template-columns:1fr}.form-section,.product-form{padding:1rem}}.asset-search-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #555;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;flex:0 0 auto;flex-direction:column;margin-bottom:1rem;max-height:500px;min-height:0;padding:1rem}.asset-search-container{margin-bottom:1rem;position:relative}.asset-search-input{background:#1a1a1a;background:var(--color-bg,#1a1a1a);border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;padding:.75rem 1rem;width:100%}.asset-search-input:focus{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb33;outline:none}.search-loading{color:#61dafb;font-size:.9rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.asset-grid{grid-gap:1.25rem;background:#1a1a1a;background:var(--color-bg,#1a1a1a);border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:6px;display:grid;flex:1 1;gap:1.25rem;grid-template-columns:repeat(auto-fill,200px);justify-content:start;min-height:0;overflow-y:auto;padding:1rem}.asset-item{align-items:center;background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:2px solid #0000;box-sizing:border-box;display:flex;flex-direction:column;min-height:220px;padding:1rem;transition:all .2s ease;width:200px}.asset-item:hover{background:#61dafb1a;border-color:#61dafb}.asset-item.selected{background:#61dafb33;border-color:#61dafb;box-shadow:0 0 0 2px #61dafb4d}.asset-thumbnail{border:2px solid #404040;border:2px solid var(--color-border,#404040);border-radius:8px;height:160px;margin-bottom:.5rem;object-fit:cover;width:160px}.asset-info{text-align:center;width:100%}.asset-name{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.5rem;word-break:break-word}.asset-description{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;margin-bottom:.5rem}.asset-category{background:#61dafb1a;border-radius:4px;color:#61dafb;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.no-assets{color:#888;color:var(--color-text-secondary,#888);font-style:italic;grid-column:1/-1;padding:2rem;text-align:center}@media (max-width:768px){.asset-grid{gap:1rem;grid-template-columns:repeat(auto-fill,160px)}.asset-item{min-height:180px;width:160px}.asset-thumbnail{height:120px;width:120px}.asset-name{font-size:.75rem}.asset-description{font-size:.65rem}.asset-category{font-size:.6rem}}.image-selection-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr auto;margin-top:1rem}.image-selector{flex:1 1}.image-upload-section{background:#0000;border:none;box-shadow:none;flex-shrink:0;min-height:auto;padding:0;position:relative;z-index:10}.image-upload-label{background:#61dafb;border:2px solid #4fa8c5;border-radius:6px;box-shadow:0 2px 8px #61dafb4d;color:#1a1a1a;cursor:pointer;display:inline-block;font-weight:600;margin-bottom:1rem;padding:.75rem 1.5rem;position:relative;transition:all .2s ease;z-index:10}.image-upload-label:hover{background:#4fa8c5;transform:translateY(-1px)}.image-upload-label:disabled{background:#666;cursor:not-allowed;transform:none}.image-preview-container{align-items:center;background:#1a1a1a;background:var(--color-bg,#1a1a1a);border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:6px;display:flex;gap:1rem;padding:1rem}.image-preview-thumbnail{border:2px solid #61dafb;border-radius:6px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.image-info{flex:1 1}.image-filename{color:#fff;color:var(--color-text-primary,#fff);font-weight:600;margin-bottom:.25rem;word-break:break-word}.upload-status{color:#61dafb;font-size:.9rem;font-style:italic}@media (max-width:768px){.image-preview-container{flex-direction:column;gap:.75rem;text-align:center}.image-preview-thumbnail{height:100px;width:100px}}.admin-shipping{margin:0 auto;max-width:1400px;padding:2rem}.admin-shipping-header{margin-bottom:2rem}.admin-shipping-header h2{color:var(--color-text-primary);margin-bottom:.5rem}.header-subtitle{font-size:.95rem}.loading-spinner{color:var(--color-text-secondary);min-height:400px}.shipping-settings-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem}.shipping-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;min-height:-webkit-fit-content;min-height:fit-content;padding:1.5rem;transition:all .3s ease}.shipping-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--color-shadow,#0000001a)}.shipping-card.editing{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,#0000)}.shipping-card.disabled{background:var(--color-background);opacity:.6}.shipping-card-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.shipping-card-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.3rem;gap:.5rem;margin:0}.country-flag{font-size:1.5rem}.country-code{color:var(--color-text-secondary);font-size:.85rem;font-weight:400}.disabled-badge{background:var(--color-error);border-radius:12px;color:var(--color-text-primary);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.shipping-rates-display{display:flex;flex-direction:column;gap:.75rem}.rate-item{align-items:center;background:var(--color-background);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.rate-label{color:var(--color-text-secondary);font-weight:500}.rate-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.free-threshold-display{background:linear-gradient(135deg,var(--color-success) 0,var(--color-primary) 100%);border-radius:8px;color:var(--color-text-primary);margin-top:.5rem;padding:1rem;text-align:center}.free-label{display:block;font-size:.85rem;margin-bottom:.25rem;opacity:.9}.free-value{display:block;font-size:1.2rem;font-weight:700}.btn-edit{background:var(--color-primary);border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:all .2s ease;width:100%}.btn-edit:hover{background:var(--color-primary-dark);box-shadow:0 4px 8px color-mix(in srgb,var(--color-primary) 30%,#0000);transform:translateY(-2px)}.shipping-edit-form{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0}.form-row,.form-row label{flex-direction:column;gap:.5rem;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible}.form-row label{display:flex}.label-text{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.input-with-prefix{align-items:center;background:var(--color-surface);background:var(--color-input-bg,var(--color-surface));border:2px solid var(--color-border);border-radius:6px;box-sizing:border-box;display:flex;min-width:0;overflow:hidden;transition:border-color .2s ease;width:100%}.input-with-prefix:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,#0000)}.prefix{border-right:2px solid var(--color-border)}.prefix,.suffix{background:var(--color-background);color:var(--color-text-secondary);font-weight:600;padding:.75rem 1rem}.suffix{border-left:2px solid var(--color-border)}.rate-input{background:#0000;border:none;box-sizing:border-box;color:#1a1a1a;flex:1 1;font-size:1rem;font-weight:600;min-width:0;outline:none;padding:.75rem 1rem;width:100%}@media (prefers-color-scheme:dark){.rate-input{color:#fff}}.rate-input::placeholder{color:var(--color-text-secondary);opacity:.6}.threshold-input{color:var(--color-success)}.help-text{color:var(--color-text-secondary);font-style:italic}.free-threshold-row{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 10%,#0000) 0,color-mix(in srgb,var(--color-primary) 10%,#0000) 100%);border:2px dashed var(--color-success);border-radius:8px;padding:1rem}.checkbox-row{background:var(--color-background);border-radius:6px;padding:1rem}.checkbox-label{display:flex!important;flex-direction:row!important}.checkbox-label span{color:var(--color-text-primary)}.form-actions{border-top:2px solid var(--color-border);margin-top:1rem}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s ease}.btn-cancel{background:var(--color-background);border:2px solid var(--color-border);color:var(--color-text-primary)}.btn-cancel:hover{background:color-mix(in srgb,var(--color-error) 10%,#0000);border-color:var(--color-error);color:var(--color-error)}.btn-save{background:linear-gradient(135deg,var(--color-success) 0,var(--color-primary) 100%);color:var(--color-text-primary)}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--color-success) 40%,#0000);transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.shipping-info-box{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,#0000) 0,color-mix(in srgb,var(--color-success) 5%,#0000) 100%);border:2px solid var(--color-primary);border-radius:12px;margin-top:2rem;padding:1.5rem}.shipping-info-box h4{color:var(--color-primary);font-size:1.1rem;margin-bottom:1rem;margin-top:0}.shipping-info-box ul{margin:0;padding-left:1.5rem}.shipping-info-box li{color:var(--color-text-primary);line-height:1.6;margin-bottom:.75rem}.shipping-info-box strong{color:var(--color-primary)}.weight-thresholds-row{background:color-mix(in srgb,var(--color-warning) 5%,#0000);border:2px dashed var(--color-warning);border-radius:8px;padding:1rem}.weight-thresholds-list,.weight-thresholds-row{box-sizing:border-box;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible;width:100%}.weight-thresholds-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.weight-threshold-item{background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:.75rem;position:relative;transition:border-color .2s ease}.weight-threshold-item:hover{border-color:var(--color-primary)}.threshold-input-group{display:flex;flex-direction:column;gap:.25rem;min-width:0;width:100%}.threshold-input-group label{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:row;flex-wrap:wrap;font-size:.9rem;gap:.5rem;min-width:0;padding-right:50px;width:100%}.threshold-input-group label span:first-child{flex-shrink:0;font-weight:500;min-width:50px}.threshold-input-group .threshold-input{background:var(--color-surface);background:var(--color-input-bg,var(--color-surface));border:2px solid var(--color-border);border-radius:4px;box-sizing:border-box;color:var(--color-text-primary);flex:1 1;font-size:.95rem;max-width:100%;min-width:80px;padding:.5rem .75rem;transition:border-color .2s ease;width:100%}.threshold-input-group .threshold-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 10%,#0000);outline:none}.threshold-input-group .input-with-prefix{flex:1 1;max-width:100%}.threshold-input-group .input-with-prefix,.threshold-input-group .input-with-prefix .rate-input,.threshold-input-group .input-with-prefix .threshold-input{box-sizing:border-box;min-width:0;width:100%}.btn-remove-threshold{align-self:flex-end;background:color-mix(in srgb,var(--color-error) 10%,#0000);border:2px solid var(--color-error);border-radius:4px;color:var(--color-error);cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;height:-webkit-fit-content;height:fit-content;min-width:40px;padding:.5rem .75rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease}.btn-remove-threshold:hover{background:var(--color-error);color:var(--color-text-primary);transform:scale(1.05)}.btn-add-threshold{background:color-mix(in srgb,var(--color-success) 10%,#0000);border:2px dashed var(--color-success);border-radius:6px;color:var(--color-success);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem;text-align:center;transition:all .2s ease}.btn-add-threshold:hover{background:var(--color-success);border-style:solid;color:var(--color-text-primary)}.weight-thresholds-display{background:color-mix(in srgb,var(--color-warning) 10%,#0000);border:2px solid var(--color-warning);border-radius:8px;display:block;margin-top:.75rem;padding:1rem;width:100%}.weight-label{color:var(--color-text-primary);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.thresholds-list{display:flex;flex-direction:column;gap:.5rem}.threshold-display-item{background:var(--color-surface);border-radius:4px;color:var(--color-text-primary);font-size:.9rem;font-weight:500;padding:.5rem .75rem}@media (max-width:768px){.admin-shipping{padding:1rem}.shipping-settings-grid{gap:1rem;grid-template-columns:1fr;min-width:0}.shipping-card{min-width:0;width:100%}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}.weight-threshold-item{align-items:stretch;flex-direction:column}.threshold-input-group{width:100%}.threshold-input-group label{padding-right:0}.btn-remove-threshold{align-self:flex-end;margin-top:.5rem;position:static}}.admin-users-container{background:#2a2a2a;color:#e0e0e0;margin:0;max-width:100%;min-height:100vh;padding:.75rem}.admin-header-compact{align-items:center;background:#333;border-radius:6px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;padding:.5rem .75rem}.admin-header-compact h2{color:#61dafb;font-size:1.25rem;margin:0;white-space:nowrap}.header-stats{align-items:center;flex:1 1;min-width:0}.stat-inline{color:#ccc;cursor:help;font-size:.85rem;white-space:nowrap}.header-actions{flex-wrap:nowrap}.btn-group{border:1px solid #555}.btn-group .btn{border:none;border-right:1px solid #555}.btn-sm{padding:5px 10px}.btn-info{background:#3498db}.btn-info:hover{background:#2980b9}.create-user-btn{align-items:center;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.create-user-btn:hover{background:#45a049}.toolbar-compact{align-items:center;background:#333;border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding:.4rem .75rem}.search-box-compact{align-items:center;background:#2a2a2a;border:1px solid #555;border-radius:4px;display:flex;flex:1 1;min-width:200px;padding:.35rem .5rem;position:relative}.bulk-actions-compact{align-items:center;display:flex;gap:.5rem}.users-table-container{background:#333;border:1px solid #555;border-radius:6px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#3a3a3a;border-bottom:2px solid #61dafb;color:#e0e0e0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.35rem .4rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.users-table td{border-bottom:1px solid #444;font-size:.85rem;height:34px;max-width:250px;overflow:hidden;padding:.3rem .5rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.user-city,.user-email,.user-lastname,.user-phone{font-size:.9rem;font-weight:500}.users-table tbody tr{cursor:pointer;transition:background .15s ease}.users-table tbody tr:hover{background:#3a3a3a}.users-table tbody tr:active{background:#404040}.users-table tbody tr.selected-row{background:#2d4a5c}.users-table tbody tr.selected-row:hover{background:#355566}.checkbox-column{padding:.4rem .3rem!important;width:30px}.checkbox-column input[type=checkbox]{height:14px;width:14px}.user-info{gap:.4rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#61dafb;border-radius:50%;color:#20232a;flex-shrink:0;font-size:.65rem;font-weight:700;height:22px;justify-content:center;width:22px}.user-details{display:flex;flex-direction:column;gap:0;line-height:1.2;min-width:0}.user-name{color:#e0e0e0;font-size:.72rem;font-weight:600}.user-name,.user-username{line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{color:#999;font-size:.64rem;margin-top:0}.roles-container{display:inline;font-size:.7rem;line-height:1}.roles-container .role-badge:not(:last-child):after{color:#555;content:" • ";font-weight:400}.role-badge{background:none!important;border-radius:0;display:inline;font-size:.65rem;font-weight:600;letter-spacing:-.5px;margin:0;padding:0;text-transform:capitalize}.role-badge,.user-status{white-space:nowrap}.user-status>div{gap:.3rem!important}.status-indicator{cursor:help;font-size:.75rem;font-weight:500;margin:0;padding:0;white-space:nowrap}.status-indicator.active{color:#4caf50}.status-indicator.inactive{color:#f44336}.email-verified-status,.newsletter-status{align-items:center;cursor:help;display:inline-flex;font-size:.65rem;font-weight:500;line-height:.9;margin:0;padding:0;white-space:nowrap}.email-verified-status.verified,.newsletter-status.subscribed{color:#4caf50}.email-verified-status.not-verified,.newsletter-status.not-subscribed{color:#888}.action-buttons{flex-wrap:wrap;gap:8px}.search-icon{font-size:.9rem;margin-right:.35rem}.search-input{background:#0000;border:none;font-size:.8rem;min-width:0;outline:none}.search-input::placeholder{color:#777}.clear-search{background:none;font-size:1.3rem;padding:0 .2rem;transition:color .15s ease}.selected-count{font-size:.8rem;font-weight:500;white-space:nowrap}.bulk-delete-btn,.deselect-all-btn{border:none;border-radius:3px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.3rem .6rem;transition:all .15s ease;white-space:nowrap}.bulk-delete-btn{background:#e74c3c}.bulk-delete-btn:hover{background:#c0392b}.deselect-all-btn{background:#555;color:#e0e0e0}.deselect-all-btn:hover{background:#666}.action-buttons{justify-content:flex-start}.action-buttons,.actions-cell{align-items:center;display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.delete-btn,.edit-btn,.manage-roles-btn,.password-btn{align-items:center;background:#61dafb;border:none;border-radius:3px;color:#20232a;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:3px 6px;transition:all .15s ease}.no-results{font-size:.85rem;padding:1rem}.edit-btn{background:#27ae60;color:#fff}.edit-btn:hover{background:#229954;transform:translateY(-1px)}.password-btn{background:#e74c3c;color:#fff}.password-btn:hover{background:#c0392b;transform:translateY(-1px)}.manage-roles-btn{background:#9b59b6;color:#fff}.manage-roles-btn:hover{background:#8e44ad;transform:translateY(-1px)}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.delete-btn:disabled{background:#666;cursor:not-allowed;opacity:.5}.modal-overlay{background:#000c}.modal-content{background:#2a2a2a;border:1px solid #555;border-radius:8px;max-height:85vh;max-width:700px;width:90%}.modal-header{border-bottom:1px solid #555;padding:1rem}.modal-header h3{color:#61dafb;font-size:1.25rem}.delete-modal .modal-body{text-align:center}.delete-warning p{color:#e0e0e0;margin:1rem 0}.user-to-delete{background:#1a1a1a;border:1px solid #444;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.user-to-delete p{font-size:1.1rem;margin:.5rem 0}.warning-text{color:#ff6b6b!important;font-weight:700;margin-top:1.5rem!important}.delete-confirm-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.delete-confirm-btn:hover{background:#c0392b;transform:translateY(-1px)}.error-message{background:#ff6b6b;color:#fff;font-weight:600;margin-bottom:1rem;padding:12px}.close-btn{color:#888}.close-btn:hover{color:#e0e0e0}.modal-body{padding:1rem}.available-roles,.current-roles{margin-bottom:1rem}.available-roles h4,.current-roles h4{color:#e0e0e0;margin-bottom:1rem}.selected-roles{display:flex;flex-wrap:wrap;gap:.5rem}.selected-role{background:#61dafb;border-radius:20px;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.selected-role,.selected-role button{align-items:center;color:#20232a;display:flex}.selected-role button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:20px;justify-content:center;padding:0;width:20px}.selected-role button:hover{background:#0003}.roles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.role-option{background:#333;border:1px solid #555;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .3s ease}.role-option:hover{background:#3a3a3a;border-color:#61dafb}.role-option input[type=checkbox]{margin-bottom:.5rem;transform:scale(1.2)}.role-name{color:#e0e0e0;font-weight:600;margin-bottom:.25rem}.role-level{color:#888;font-size:.8rem}.profile-section-header{border-bottom:2px solid #555;margin:1.5rem 0 1rem;padding-bottom:.5rem}.profile-section-header:first-child{margin-top:0}.profile-section-header h4{color:#61dafb;font-size:1.1rem;margin:0}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-grid .full-width{grid-column:1/-1}.form-checkboxes{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.form-checkboxes .form-group{margin-bottom:0}.form-group{margin-bottom:.85rem}.form-input{background:#333;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-size:.875rem;padding:.6rem .75rem;transition:border-color .3s ease}.form-input:focus{box-shadow:0 0 0 2px #61dafb33}.checkbox-label{color:#e0e0e0;font-weight:600}.checkbox-label input[type=checkbox]{accent-color:#61dafb}.warning-message{background:#f39c12;border-radius:4px;color:#2c3e50;font-weight:600;margin-top:1rem;padding:1rem;text-align:center}.modal-footer{border-top:1px solid #555;gap:.75rem;padding:1rem}.cancel-btn,.save-btn{border-radius:6px;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#555;color:#e0e0e0}.cancel-btn:hover{background:#666}.save-btn{background:#61dafb;color:#20232a}.save-btn:hover{background:#4fa8c5;transform:translateY(-1px)}.error,.loading{font-size:1.1rem;padding:2rem;text-align:center}.loading{color:#61dafb}.error{color:#f44336}@media (max-width:768px){.admin-users-container{padding:.5rem}.admin-header-compact{align-items:flex-start;flex-direction:column}.header-stats{width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.user-info{align-items:flex-start;flex-direction:column;gap:.5rem}.modal-content{margin:1rem;width:95%}.form-grid,.roles-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.pagination-container{background:#333;margin-top:.5rem}.pagination-info{color:#ccc;font-size:.8rem}.pagination-pages{display:flex;gap:.25rem}.pagination-btn{align-items:center;background:#2a2a2a;border:1px solid #555;border-radius:4px;color:#e0e0e0;display:flex;font-size:.85rem;height:32px;justify-content:center;min-width:32px;padding:0 .5rem}.pagination-btn:hover:not(:disabled){background:#3a3a3a;border-color:#61dafb}.pagination-btn.active{background:#61dafb;border-color:#61dafb;color:#20232a;font-weight:600}.pagination-btn:disabled{opacity:.3}.pagination-size{align-items:center;color:#ccc;display:flex;font-size:.8rem;gap:.5rem;white-space:nowrap}.items-per-page-select{background:#2a2a2a;border:1px solid #555;color:#e0e0e0;font-size:.8rem;outline:none;padding:.4rem .6rem}.items-per-page-select:hover{border-color:#61dafb}.user-actions-modal{max-width:500px}.user-actions-info{align-items:center;background:#333;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.user-actions-buttons{display:flex;flex-direction:column;gap:.75rem}.action-modal-btn{align-items:center;background:#333;border:1px solid #555;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.action-modal-btn:hover:not(:disabled){background:#3a3a3a;border-color:#61dafb;transform:translateX(4px)}.action-modal-btn:disabled{cursor:not-allowed;opacity:.5}.action-modal-btn .action-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.action-modal-btn .action-text{display:flex;flex-direction:column;gap:.25rem}.action-modal-btn .action-text strong{color:#e0e0e0;font-size:.95rem}.action-modal-btn .action-text small{color:#888;font-size:.8rem}.action-modal-btn.edit-btn:hover:not(:disabled){border-color:#27ae60}.action-modal-btn.password-btn:hover:not(:disabled){border-color:#e74c3c}.action-modal-btn.manage-roles-btn:hover:not(:disabled){border-color:#9b59b6}.action-modal-btn.delete-btn:hover:not(:disabled){background:#3d2222;border-color:#e74c3c}@media (max-width:480px){.admin-header-compact h2{font-size:1.1rem}.stat-inline{font-size:.75rem}.header-actions{width:100%}.user-actions-modal{max-width:95%}}.search-and-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.search-icon{left:1rem}.search-input{background:#1a1a1a;border:2px solid #444;color:#e0e0e0;padding:.75rem 3rem}.search-input:focus{background:#222;border-color:#61dafb}.search-input::placeholder{color:#888}.clear-search{background:#0000;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.clear-search:hover{color:#e0e0e0}.bulk-actions{align-items:center;background:#1a1a1a;border:1px solid #444;border-radius:8px;display:flex;gap:1rem;padding:1rem}.selected-count{color:#61dafb;font-weight:600;margin-right:auto}.bulk-delete-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.bulk-delete-btn:hover{background:#d32f2f;transform:translateY(-1px)}.deselect-all-btn{background:#0000;border:1px solid #444;border-radius:6px;color:#888;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.deselect-all-btn:hover{background:#2a2a2a;border-color:#888;color:#e0e0e0}.checkbox-column{text-align:center;width:50px}.checkbox-column input[type=checkbox]{accent-color:#61dafb;cursor:pointer;height:18px;width:18px}.selected-row{background:#61dafb1a!important;border-left:3px solid #61dafb}.no-results{color:#888;font-size:1.1rem;font-style:italic;padding:3rem!important}.users-to-delete{background:#1a1a1a;margin:1rem 0;max-height:300px;overflow-y:auto;padding:1rem}.user-item,.users-to-delete{border:1px solid #444;border-radius:6px}.user-item{align-items:center;background:#2a2a2a;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.user-item:last-child{margin-bottom:0}.user-email{color:#888;font-size:.9rem}@media (max-width:768px){.search-box{max-width:100%}.bulk-actions{align-items:stretch;flex-direction:column}.selected-count{text-align:center}}.product-picker-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.product-picker-modal{background:#fff;background:var(--color-background,#fff);border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:100%}.product-picker-header{align-items:center;background:#f8f9fa;background:var(--color-surface,#f8f9fa);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border,#dee2e6);display:flex;justify-content:space-between;padding:20px}.product-picker-header h3{color:#333;color:var(--color-text-primary,#333);font-size:1.3em;margin:0}.close-btn{height:30px;width:30px}.close-btn:hover{background:#e9ecef;background:var(--color-surface-hover,#e9ecef);color:var(--color-text-primary,#333)}.product-picker-search{background:#fff;background:var(--color-background,#fff);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border,#dee2e6);padding:15px 20px}.search-input{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border:1px solid #ced4da;border:1px solid var(--color-border,#ced4da);padding:10px 15px;transition:all .2s ease}.search-input:focus{border-color:#7c3aed;border-color:var(--color-secondary,#7c3aed);box-shadow:0 0 0 3px #7c3aed1a}.product-picker-content{flex:1 1;overflow-y:auto;padding:15px}.empty-state,.loading-state{color:#6c757d;color:var(--color-text-secondary,#6c757d);padding:40px 20px}.empty-state .hint{font-size:.9em;margin-top:8px;opacity:.8}.products-list{display:flex;flex-direction:column;gap:10px}.product-item{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s ease}.product-item:hover{background:#fff;background:var(--color-background,#fff);border-color:#7c3aed;border-color:var(--color-secondary,#7c3aed);box-shadow:0 2px 8px #7c3aed26;transform:translateY(-2px)}.product-image{background:#e9ecef;background:var(--color-surface-hover,#e9ecef);border-radius:6px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.product-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.product-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.product-name{color:#333;color:var(--color-text-primary,#333);flex:1 1;font-size:1.05em;font-weight:600;line-height:1.3}.product-id{background:#7c3aed;background:var(--color-secondary,#7c3aed);border-radius:4px;color:#fff;font-size:.75em;font-weight:600;padding:2px 8px;white-space:nowrap}.product-meta{color:#6c757d;color:var(--color-text-secondary,#6c757d);display:flex;flex-wrap:wrap;font-size:.85em;gap:12px}.product-author,.product-category,.product-sku{align-items:center;display:flex;gap:4px}.product-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.product-type{background:#e9ecef;background:var(--color-surface-hover,#e9ecef);border-radius:4px;color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:.8em;padding:2px 8px}.product-price{color:#28a745;color:var(--color-success,#28a745);font-size:1.05em;font-weight:600}.product-picker-footer{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border-top:1px solid #dee2e6;border-top:1px solid var(--color-border,#dee2e6);padding:15px 20px}.footer-hint{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:.85em;margin:0;text-align:center}@media (max-width:768px){.product-picker-modal{max-height:90vh;max-width:95%}.product-item{flex-direction:column}.product-image{height:150px;width:100%}.product-header{align-items:flex-start;flex-direction:column}.product-id{align-self:flex-start}}.theme-dark .product-picker-modal{background:#1a1a1a;background:var(--color-background,#1a1a1a)}.theme-dark .product-picker-header,.theme-dark .search-input{background:#2d2d2d;background:var(--color-surface,#2d2d2d)}.theme-dark .search-input{color:#fff;color:var(--color-text-primary,#fff)}.theme-dark .product-item{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .product-item:hover{background:#3d3d3d;background:var(--color-surface-hover,#3d3d3d)}.theme-dark .product-picker-footer{background:#2d2d2d;background:var(--color-surface,#2d2d2d)}.admin-assets{margin:0 auto;max-width:1400px;padding:20px}.admin-header{align-items:center;border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--color-border,#dee2e6);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.admin-header h2{color:#333;color:var(--color-text-primary,#333);font-size:1.75rem;font-weight:600;margin:0}.btn-group{border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;gap:0;overflow:hidden}.btn-group .btn{border-radius:0;border-right:1px solid #fff3}.btn-group .btn:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.btn-group .btn:last-child{border-bottom-right-radius:6px;border-right:none;border-top-right-radius:6px}.filters{align-items:center;background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:10px}.filter-group label{color:#333;color:var(--color-text-primary,#333);font-size:14px;font-weight:600}.filter-group-select-all{min-width:auto}.filter-group-select-all .checkbox-label{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #ced4da;border:1px solid var(--color-border,#ced4da);border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:7px 12px;transition:all .2s ease;white-space:nowrap}.filter-group-select-all .checkbox-label:hover{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border-color:#007bff;border-color:var(--color-primary,#007bff)}.filter-group-select-all input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.filter-group-select-all .selection-count-inline{color:#4a90e2;color:var(--color-primary,#4a90e2);font-size:13px;font-weight:600}.filter-group input,.filter-group select{background:var(--color-surface,#fff);border:1px solid #ced4da;border:1px solid var(--color-border,#ced4da);border-radius:4px;font-size:14px;height:36px;padding:7px 12px}.filter-group input:focus,.filter-group select:focus{box-shadow:0 0 0 2px #007bff26}.filter-group select{cursor:pointer;min-width:150px}.filter-group select option{background:#fff;background:var(--color-surface,#fff);border:none;border-bottom:0;color:#333;color:var(--color-text-primary,#333);padding:5px 8px}.filter-group select optgroup{border:none;border-bottom:0;margin:0;padding:0}.assets-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.asset-card{background:#fff;background:var(--color-surface,#fff);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.asset-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.asset-preview{background:var(--color-background-light,#f8f9fa);height:200px;padding:10px}.asset-preview img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.file-icon,.file-icon-fallback{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:4rem}.file-icon-fallback{align-items:center;justify-content:center}.asset-info{gap:8px;padding:12px}.asset-header,.asset-info{display:flex;flex-direction:column}.asset-header{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--color-border,#e9ecef);gap:4px;padding-bottom:8px}.asset-id{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-family:Courier New,monospace;font-size:11px;font-weight:600}.asset-filename{color:#333;color:var(--color-text-primary,#333);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-description{font-size:12px;line-height:1.4;margin:0}.asset-description,.asset-meta{color:#6c757d;color:var(--color-text-secondary,#6c757d)}.asset-meta{flex-wrap:wrap;font-size:11px;gap:8px}.asset-meta span{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--color-border,#e9ecef);border-radius:4px;padding:2px 6px;white-space:nowrap}.asset-info h4{color:#333;color:var(--color-text-primary,#333);font-size:16px;font-weight:600;margin:0 0 8px;word-break:break-word}.category,.file-size,.file-type{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:12px;margin:4px 0}.description{color:#333;color:var(--color-text-primary,#333);font-size:14px;line-height:1.4;margin:8px 0}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.tag{background:#007bff;background:var(--color-primary,#007bff);font-size:11px;padding:2px 8px}.asset-actions{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);display:flex;flex-wrap:wrap;gap:8px;padding:15px}.asset-actions .btn{flex:1 1;font-size:12px;min-width:80px;padding:6px 12px}.loading,.no-assets{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:16px;padding:40px}.pagination{gap:15px;margin-top:30px}.pagination button{border:1px solid #ced4da;border:1px solid var(--color-border,#ced4da);border-radius:4px;padding:8px 16px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#007bff;background:var(--color-primary,#007bff);color:#fff}.pagination span{color:#333;color:var(--color-text-primary,#333);font-weight:500}.modal{background:#fff;background:var(--color-background,#fff);border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border,#dee2e6);padding:20px}.modal-header h3{color:#333;color:var(--color-text-primary,#333);font-size:1.5rem}.btn-close{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:24px}.btn-close:hover{color:#333;color:var(--color-text-primary,#333)}.edit-form,.upload-form{padding:20px}.form-group label{color:var(--color-text-primary,#333);font-size:14px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--color-background,#fff);border:1px solid #ced4da;border:1px solid var(--color-border,#ced4da);border-radius:4px;color:#333;color:var(--color-text-primary,#333);font-family:inherit;padding:8px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 2px #007bff40}.form-group textarea{min-height:80px;resize:vertical}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-group label:has(input[type=checkbox]){align-items:center;cursor:pointer;display:flex;font-weight:400}.form-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--color-border,#dee2e6);gap:10px}.btn{justify-content:center;padding:8px 16px}.btn-primary:hover:not(:disabled){background:#0056b3;background:var(--color-primary-dark,#0056b3)}.btn-secondary:hover:not(:disabled){background:#545b62;background:var(--color-secondary-dark,#545b62);transform:translateY(-1px)}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.btn-danger{background:var(--color-error,#dc3545)}.btn-danger:hover:not(:disabled){background:#c82333;background:var(--color-error-dark,#c82333);transform:translateY(-1px)}.btn-success{background:#28a745;background:var(--color-success,#28a745);color:#fff}.btn-success:hover:not(:disabled){background:#218838;background:var(--color-success-dark,#218838);transform:translateY(-1px)}.btn:disabled{transform:none}.bulk-actions-bar{align-items:center;background-color:#f8f9fa;background-color:var(--color-surface,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px 16px}.bulk-actions-bar .selection-info{align-items:center;display:flex;gap:15px}.bulk-actions-bar label{align-items:center;color:#333;color:var(--color-text-primary,#333);cursor:pointer;display:flex;font-weight:500}.bulk-actions-bar input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.bulk-actions-bar .selection-count{color:#4a90e2;color:var(--color-primary,#4a90e2);font-weight:500}.asset-selection-checkbox{background-color:#ffffffe6;background-color:var(--color-surface,#ffffffe6);border-radius:4px;box-shadow:0 2px 4px #0000001a;left:10px;padding:5px;position:absolute;top:10px;z-index:10}.asset-selection-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.access-denied{color:#6c757d;color:var(--color-text-secondary,#6c757d)}.access-denied h2{color:#dc3545;color:var(--color-error,#dc3545);margin-bottom:10px}.theme-dark .admin-assets{background:#1a1a1a;background:var(--color-background,#1a1a1a)}.theme-dark .asset-card{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .asset-actions,.theme-dark .asset-preview{background:#3d3d3d;background:var(--color-background-light,#3d3d3d)}.theme-dark .filters,.theme-dark .modal{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-color:#404040;border-color:var(--color-border,#404040)}@media (max-width:768px){.admin-assets{padding:10px}.admin-header{align-items:stretch}.admin-header,.filters{flex-direction:column;gap:15px}.filter-group{min-width:auto}.assets-grid{grid-template-columns:1fr}.asset-actions{flex-direction:column}.asset-actions .btn{flex:none}.modal{margin:10px;width:95%}}.category-input-group{align-items:stretch;display:flex;gap:10px}.category-input-group select{flex:1 1}.btn-add-category{background:#007bff;background:var(--color-primary,#007bff);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .2s;white-space:nowrap}.btn-add-category:hover{background:#0056b3;background:var(--color-primary-dark,#0056b3)}.modal-small{max-width:500px}.category-form .form-group{margin-bottom:20px}.filter-group-search{flex:1 1;min-width:200px}.filter-group-search input{width:100%}.search-hint{display:none}.edit-preview{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;margin-bottom:25px;padding:20px}.asset-preview-large{align-items:center;background:#fff;background:var(--color-background,#fff);border-radius:4px;display:flex;justify-content:center;margin-bottom:10px;min-height:200px;padding:20px}.asset-preview-large img{border-radius:4px;box-shadow:0 2px 8px #0000001a}.music-preview{align-items:center;display:flex;flex-direction:column;width:100%}.file-info{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:14px;margin:0}.file-info strong{color:#333;color:var(--color-text-primary,#333)}.music-icon{align-items:center;display:flex;flex-direction:column;padding:10px}.header-actions{flex-wrap:wrap;gap:10px}.asset-tabs{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--color-border,#dee2e6);display:flex;gap:0;margin-bottom:15px}.tab-btn{background:none;color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:14px;padding:10px 20px;position:relative}.tab-btn:hover{background:#f8f9fa;background:var(--color-background-light,#f8f9fa)}.tab-btn.active,.tab-btn:hover{color:#007bff;color:var(--color-primary,#007bff)}.tab-btn.active{border-bottom-color:#007bff;border-bottom-color:var(--color-primary,#007bff)}.tab-btn .badge{background:#dc3545;background:var(--color-error,#dc3545);border-radius:10px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:6px;padding:2px 6px}.duplicates-view{padding:20px 0}.no-data{color:#6c757d;color:var(--color-text-secondary,#6c757d);padding:60px 20px;text-align:center}.no-data p{font-size:18px;margin-bottom:20px}.duplicates-stats{background:#fff;background:var(--color-surface,#fff);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;margin-bottom:30px;padding:25px}.duplicates-stats h3{color:#333;color:var(--color-text-primary,#333);font-size:1.5rem;margin:0 0 20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-card{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;padding:20px}.stat-value{color:#007bff;color:var(--color-primary,#007bff);font-size:2rem;margin-bottom:5px}.stat-label{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:14px;font-weight:500}.type-breakdown{border-top:1px solid #dee2e6;border-top:1px solid var(--color-border,#dee2e6);margin-top:20px;padding-top:20px}.type-breakdown h4{color:#333;color:var(--color-text-primary,#333);font-size:1.1rem;margin:0 0 15px}.type-item{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--color-border-light,#e9ecef);display:flex;justify-content:space-between;padding:8px 0}.type-item:last-child{border-bottom:none}.type-name{color:#333;color:var(--color-text-primary,#333);font-weight:500}.type-count{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:14px}.duplicates-summary{background:#fff;background:var(--color-surface,#fff);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;margin-bottom:30px;padding:25px}.duplicates-summary h3{color:#333;color:var(--color-text-primary,#333);font-size:1.5rem;margin:0 0 20px}.summary-items{grid-gap:12px;display:grid;gap:12px}.summary-item{border-left:4px solid;border-radius:6px;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s ease}.summary-item.ok{background:#d4edda;background:var(--color-success-light,#d4edda);border-color:#28a745;border-color:var(--color-success,#28a745);color:#155724;color:var(--color-success-dark,#155724)}.summary-item.has-issues{background:#fff3cd;background:var(--color-warning-light,#fff3cd);border-color:#ffc107;border-color:var(--color-warning,#ffc107);color:#856404;color:var(--color-warning-dark,#856404)}.duplicate-section{background:#fff;background:var(--color-surface,#fff);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;margin-bottom:30px;padding:25px}.duplicate-section h3{color:#333;color:var(--color-text-primary,#333);font-size:1.3rem;margin:0 0 10px}.section-note{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:14px;font-style:italic;margin-bottom:20px}.duplicate-group{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:6px;margin-bottom:20px;padding:20px}.duplicate-group:last-child{margin-bottom:0}.duplicate-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border,#dee2e6);display:flex;flex-wrap:wrap;font-size:15px;gap:10px;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.duplicate-header,.duplicate-header .badge,.duplicate-header strong{color:#333;color:var(--color-text-primary,#333)}.duplicate-header .badge{background:#ffc107;background:var(--color-warning,#ffc107);border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.duplicate-items{grid-gap:12px;display:grid;gap:12px}.duplicate-item{align-items:flex-start;background:#fff;background:var(--color-background,#fff);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:6px;display:flex;gap:12px;padding:15px;transition:all .2s ease}.duplicate-item:hover{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 2px 6px #007bff1a}.duplicate-item input[type=checkbox]{cursor:pointer;height:18px;margin-top:3px;width:18px}.item-details{grid-gap:6px;display:grid;flex:1 1;font-size:13px;gap:6px}.item-details div{color:#6c757d;color:var(--color-text-secondary,#6c757d)}.item-details strong{color:#333;color:var(--color-text-primary,#333);font-weight:600;margin-right:5px}.duplicate-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--color-border,#dee2e6);display:flex;gap:10px;justify-content:flex-end;margin-top:15px;padding-top:15px}.duplicates-actions{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;padding:20px}.btn-warning{background:#ffc107;background:var(--color-warning,#ffc107);color:#333;color:var(--color-text-primary,#333)}.btn-warning:hover:not(:disabled){background:#e0a800;background:var(--color-warning-dark,#e0a800);transform:translateY(-1px)}.modal-large{max-width:900px}.modal-body{max-height:60vh;padding:20px}.modal-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--color-border,#dee2e6);gap:10px;padding:20px}.inactive-assets-list{grid-gap:12px;display:grid;gap:12px}.inactive-asset-item{align-items:center;background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:6px;display:flex;gap:15px;justify-content:space-between;padding:15px;transition:all .2s ease}.inactive-asset-item:hover{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 2px 6px #007bff1a}.asset-info-inline{align-items:flex-start;display:flex;flex:1 1;gap:12px}.asset-icon{flex-shrink:0}.asset-info-inline div{font-size:14px;line-height:1.5}.small-text{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:12px;margin-top:4px}.asset-actions-inline{display:flex;flex-shrink:0;gap:8px}.theme-dark .duplicate-section,.theme-dark .duplicates-stats,.theme-dark .duplicates-summary{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .duplicate-group,.theme-dark .stat-card{background:#1a1a1a;background:var(--color-background,#1a1a1a);border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .duplicate-item{background:#2d2d2d;background:var(--color-surface,#2d2d2d)}.theme-dark .duplicate-item,.theme-dark .inactive-asset-item{border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .inactive-asset-item{background:#1a1a1a;background:var(--color-background,#1a1a1a)}.theme-dark .duplicates-actions{background:#2d2d2d;background:var(--color-surface,#2d2d2d)}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.duplicate-header{align-items:flex-start}.duplicate-header,.duplicates-actions{flex-direction:column}.duplicates-actions .btn{width:100%}.duplicate-actions{flex-direction:column}.duplicate-actions .btn{width:100%}.asset-info-inline,.inactive-asset-item{flex-direction:column}.inactive-asset-item{align-items:stretch}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.admin-visibility{background:#fff;background:var(--color-background,#fff);color:#333;color:var(--color-text-primary,#333);margin:0 auto;max-width:1200px;padding:20px}.admin-visibility-header{margin-bottom:30px;text-align:center}.admin-visibility-header h2{color:#007bff;color:var(--color-primary,#007bff);margin-bottom:10px}.admin-visibility-header p{color:#666;color:var(--color-text-secondary,#666);font-size:16px}.admin-visibility-error,.admin-visibility-loading{font-size:18px;padding:40px;text-align:center}.admin-visibility-loading{color:#666;color:var(--color-text-secondary,#666)}.admin-visibility-error{background:#f8d7da;background:var(--color-danger-light,#f8d7da);border:1px solid #dc3545;border:1px solid var(--color-danger,#dc3545);border-radius:8px;color:#dc3545;color:var(--color-danger,#dc3545)}.admin-visibility-success{background:#d4edda;background:var(--color-success-light,#d4edda);border:1px solid #28a745;border:1px solid var(--color-success,#28a745);border-radius:8px;color:#155724;color:var(--color-success,#155724);margin-bottom:20px;padding:12px 16px;text-align:center}.admin-visibility-tabs{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border,#e0e0e0);display:flex;margin-bottom:30px}.admin-visibility-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.admin-visibility-tabs button:hover{background:#f8f9fa;background:var(--color-surface,#f8f9fa);color:#007bff;color:var(--color-primary,#007bff)}.admin-visibility-tabs button.active{border-bottom-color:#007bff;border-bottom-color:var(--color-primary,#007bff);color:#007bff;color:var(--color-primary,#007bff)}.admin-visibility-pages{margin-top:20px}.pages-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.page-visibility-card{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;padding:20px;transition:all .3s ease}.page-visibility-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.page-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.page-header h3{color:#333;color:var(--color-text-primary,#333);font-size:18px;margin:0}.page-key{background:#e3f2fd;background:var(--color-primary-light,#e3f2fd);border-radius:4px;color:#007bff;color:var(--color-primary,#007bff);font-family:monospace;font-size:12px;padding:4px 8px}.page-controls{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{align-items:center;color:#333;color:var(--color-text-primary,#333);cursor:pointer;display:flex;font-size:14px;gap:8px}.control-group input[type=checkbox]{accent-color:#007bff;accent-color:var(--color-primary,#007bff);cursor:pointer;height:18px;width:18px}.control-group input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.page-advanced{grid-gap:15px;border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);display:grid;gap:15px;padding-top:20px}.page-advanced .control-group label{font-weight:600;margin-bottom:5px}.page-advanced input[type=url],.page-advanced textarea{background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;color:#333;color:var(--color-text-primary,#333);font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.page-advanced input[type=url]:focus,.page-advanced textarea:focus{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 2px #007bff1a;outline:none}.admin-visibility-settings{margin-top:20px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.setting-card{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;padding:20px;transition:all .3s ease}.setting-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.setting-header{margin-bottom:20px}.setting-header h3{color:#333;color:var(--color-text-primary,#333);font-size:16px;font-weight:600;margin:0 0 8px}.setting-description{color:#666;color:var(--color-text-secondary,#666);font-size:14px;line-height:1.4;margin:0}.setting-control{align-items:center;display:flex;justify-content:flex-end}.setting-toggle{cursor:pointer;display:inline-block;height:30px;position:relative;width:60px}.setting-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e0e0e0;background-color:var(--color-border,#e0e0e0);border-radius:30px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:4px;position:absolute;transition:.3s;width:22px}.setting-toggle input:checked+.toggle-slider{background-color:#007bff;background-color:var(--color-primary,#007bff)}.setting-toggle input:checked+.toggle-slider:before{transform:translateX(30px)}.setting-input{background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;color:#333;color:var(--color-text-primary,#333);font-size:14px;min-width:200px;padding:8px 12px;transition:border-color .3s ease}.setting-input:focus{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 2px #007bff1a;outline:none}[data-theme=dark] .admin-visibility{background:#1a1a1a;background:var(--color-background,#1a1a1a);color:#fff;color:var(--color-text-primary,#fff)}[data-theme=dark] .page-visibility-card,[data-theme=dark] .setting-card{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-color:#404040;border-color:var(--color-border,#404040)}[data-theme=dark] .page-advanced input[type=url],[data-theme=dark] .page-advanced textarea,[data-theme=dark] .setting-input{background:#1a1a1a;background:var(--color-background,#1a1a1a);border-color:#404040;border-color:var(--color-border,#404040);color:#fff;color:var(--color-text-primary,#fff)}[data-theme=dark] .toggle-slider{background-color:#404040;background-color:var(--color-border,#404040)}[data-theme=dark] .toggle-slider:before{background-color:#1a1a1a;background-color:var(--color-background,#1a1a1a)}@media (max-width:768px){.admin-visibility{padding:15px}.pages-grid,.settings-grid{grid-template-columns:1fr}.page-controls{grid-template-columns:repeat(2,1fr)}.admin-visibility-tabs{flex-direction:column}.admin-visibility-tabs button{border-bottom:none;border-left:3px solid #0000;text-align:left}.admin-visibility-tabs button.active{border-bottom-color:#0000;border-left-color:#007bff;border-left-color:var(--color-primary,#007bff)}}.admin-categories-container{background:#282c34;color:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.admin-categories-loading{color:#61dafb;font-size:1.2rem;padding:40px;text-align:center}.category-count-badge{align-items:center;background:linear-gradient(135deg,#61dafb,#4fa8c5);border-radius:20px;box-shadow:0 2px 8px #61dafb4d;color:#1a1a1a;display:inline-flex;font-size:.95rem;font-weight:700;padding:.5rem 1rem}.add-category-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-category-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.category-form-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.category-form-content{background:#2d2d2d;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.form-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:1.5rem}.form-header h3{color:#61dafb;font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:32px}.close-button:hover{background:#444;color:#fff}.category-form{padding:1.5rem}.form-group label{color:#e0e0e0}.form-input{background:#444;border:2px solid #555;border-radius:6px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb1a;outline:none}.field-hint{color:#888;margin-top:.25rem}.icon-selector{position:relative}.icon-display-button{align-items:center;background:#444;border:2px solid #555;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease;width:100%}.icon-display-button:hover{background:#4a4a4a;border-color:#61dafb}.selected-icon{font-size:3rem;line-height:1}.icon-label{color:#61dafb;font-weight:500}.icon-picker{background:#3a3a3a;border:2px solid #555;border-radius:8px;box-shadow:0 4px 20px #00000080;left:0;margin-top:.5rem;max-height:300px;overflow-y:auto;padding:1rem;position:absolute;right:0;top:100%;z-index:10}.icon-picker-header{color:#61dafb;font-size:.95rem;font-weight:600;margin-bottom:1rem}.icon-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.icon-option{align-items:center;aspect-ratio:1;background:#444;border:2px solid #555;border-radius:6px;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.75rem;transition:all .2s ease}.icon-option:hover{background:#4a4a4a;border-color:#61dafb;transform:scale(1.1)}.icon-option.selected{background:#61dafb;border-color:#61dafb;box-shadow:0 0 12px #61dafb80}.form-actions{border-top:1px solid #444;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.cancel-button,.submit-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button{background:#444}.cancel-button:hover{background:#555}.submit-button{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff}.submit-button:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:2rem}.category-card{background:#3a3f47;border:2px solid #555;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.category-card:hover{border-color:#61dafb;box-shadow:0 8px 20px #61dafb33;transform:translateY(-4px)}.category-icon{font-size:4rem;line-height:1;text-align:center}.category-info{flex:1 1}.category-name{color:#e0e0e0;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;text-align:center}.category-order{color:#888;font-size:.85rem;text-align:center}.category-actions{display:flex;gap:.5rem;justify-content:center}.category-actions .delete-button,.category-actions .edit-button{background:#444;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem;transition:all .3s ease}.category-actions .edit-button:hover{background:#52b8d8;transform:translateY(-2px)}.category-actions .delete-button:hover{background:#dc3545;transform:translateY(-2px)}.no-categories{color:#888;font-size:1.1rem;padding:60px 20px;text-align:center}@media (max-width:768px){.categories-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.category-card{padding:1rem}.category-icon{font-size:3rem}.category-name{font-size:1rem}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}}.page-preview-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.page-preview-modal{animation:modalSlideIn .3s ease-out;background:var(--color-background);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;max-width:1000px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.page-preview-modal-header{align-items:center;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.page-preview-modal-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0}.page-preview-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease;width:32px}.page-preview-modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.page-preview-modal-close svg{height:18px;width:18px}.page-preview-modal-content{flex:1 1;overflow-y:auto;padding:0}.page-preview-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{border-top:3px solid var(--color-border);border:3px solid var(--color-border);height:32px;margin-bottom:1rem;width:32px}.page-preview-header{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);padding:2rem 2rem 1rem}.page-preview-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.page-preview-description{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.5;margin:0 0 1rem}.page-preview-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.page-preview-type{background:var(--color-secondary);font-weight:500;text-transform:capitalize}.page-preview-type,.page-preview-version{border-radius:6px;color:#fff;font-size:.875rem;padding:.375rem .75rem}.page-preview-version{background:var(--color-primary);font-weight:600}.page-preview-id{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-family:Courier New,monospace;font-size:.875rem;padding:.375rem .75rem}.page-preview-content{padding:2rem}.page-preview-html{color:var(--color-text-primary);font-size:1rem;line-height:1.6}.page-preview-html h1,.page-preview-html h2,.page-preview-html h3,.page-preview-html h4,.page-preview-html h5,.page-preview-html h6{color:var(--color-text-primary);margin-bottom:.75rem;margin-top:1.5rem}.page-preview-html h1:first-child,.page-preview-html h2:first-child,.page-preview-html h3:first-child{margin-top:0}.page-preview-html p{margin-bottom:1rem}.page-preview-html ol,.page-preview-html ul{margin-bottom:1rem;padding-left:1.5rem}.page-preview-html li{margin-bottom:.25rem}.page-preview-html blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-secondary);font-style:italic;margin:1rem 0;padding-left:1rem}.page-preview-html code{background:var(--color-background-secondary);border-radius:3px;color:var(--color-text-primary);font-family:Courier New,monospace;font-size:.875rem;padding:.125rem .375rem}.page-preview-html pre{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;margin:1rem 0;overflow-x:auto;padding:1rem}.page-preview-html pre code{background:none;color:var(--color-text-primary);padding:0}.page-preview-html img{border-radius:6px;height:auto;margin:1rem 0;max-width:100%}.page-preview-html table{border-collapse:collapse;margin:1rem 0;width:100%}.page-preview-html td,.page-preview-html th{border-bottom:1px solid var(--color-border);padding:.75rem;text-align:left}.page-preview-html th{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:600}.page-preview-error{color:var(--color-text-secondary);padding:3rem;text-align:center}.page-preview-error h3{color:var(--color-text-primary);margin:0 0 1rem}.page-preview-modal-footer{background:var(--color-background-secondary);border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.btn svg{height:16px;width:16px}@media (max-width:768px){.page-preview-modal{margin:.5rem;max-height:95vh;max-width:95vw}.page-preview-content,.page-preview-header,.page-preview-modal-footer,.page-preview-modal-header{padding-left:1rem;padding-right:1rem}.page-preview-title{font-size:1.5rem}.page-preview-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.page-preview-modal-footer{align-items:stretch;flex-direction:column}.btn{justify-content:center}}@media (max-width:480px){.page-preview-modal-overlay{padding:.5rem}.page-preview-modal{border-radius:8px;max-height:100%;max-width:100%}}.admin-pages-container{padding:.75rem 0}.admin-pages-content{margin:0 auto;max-width:100%;padding:0 .75rem}.admin-pages-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.admin-pages-header h2{color:var(--color-text-primary);font-size:1.5rem;margin:0}.create-page-form{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.create-page-form h3{color:var(--color-text-primary);margin:0 0 1.5rem}.form-group{margin-bottom:1rem}.form-group small{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.25rem}.form-control{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);transition:border-color .2s ease}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}input[list]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:text;padding-right:2.5rem}input[list]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}.form-actions{gap:1rem;margin-top:1.5rem}.pages-list-header{margin-bottom:1.5rem}.pages-list-header h3{color:var(--color-text-primary);margin:0 0 1rem}.quick-filters{background:var(--color-background-secondary);border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.filter-btn,.quick-filters{border:1px solid var(--color-border)}.filter-btn{background:var(--color-background);border-radius:6px;color:var(--color-text-secondary);display:inline-flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;white-space:nowrap}.filter-btn:hover{background:var(--color-background-hover);box-shadow:0 4px 8px #0000001a;color:var(--color-text-primary);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#a371f7,#8b5cf6);box-shadow:0 4px 12px #a371f74d}.filter-btn.active:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 16px #a371f766;transform:translateY(-2px)}.pages-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-box{min-width:200px}.search-box input{padding-right:2.5rem}.search-box svg{color:var(--color-text-secondary);height:16px;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:16px}.filter-box{min-width:150px}.filter-box select{cursor:pointer}.no-pages{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);padding:3rem;text-align:center}.pages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .2s ease}.page-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.page-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.page-title-section h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.page-title-section .page-id{background:var(--color-background-secondary);border-radius:4px;color:var(--color-text-secondary);display:inline-block;font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem}.page-actions{display:flex;flex-shrink:0;gap:.5rem}.page-card-body{display:flex;flex-direction:column;gap:.75rem}.page-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden}.page-meta{flex-wrap:wrap;font-size:.875rem;gap:.5rem;justify-content:space-between}.page-type{background:var(--color-secondary)}.page-type,.page-version{border-radius:4px;padding:.25rem .5rem}.page-version{background:var(--color-primary);color:#fff;font-weight:600}.page-preview a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.page-preview a:hover{color:var(--color-primary-dark);text-decoration:underline}.btn{font-size:.875rem;text-decoration:none}.btn-secondary{background:var(--color-background);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-background-secondary)}.btn-sm{font-size:.8rem;padding:.375rem .75rem}.btn-outline{border:1px solid var(--color-primary)}@media (max-width:768px){.admin-pages-header{align-items:stretch;flex-direction:column;gap:1rem}.pages-grid{grid-template-columns:1fr}.page-card-header{align-items:stretch;flex-direction:column;gap:1rem}.page-actions{justify-content:flex-start}.form-actions,.pages-filters{flex-direction:column}.pages-filters{align-items:stretch}.filter-box,.search-box{min-width:auto}.quick-filters{gap:.5rem;padding:.75rem}.filter-btn{flex:1 1;font-size:.85rem;justify-content:center;min-width:calc(50% - .25rem);padding:.5rem .75rem}}.url-converter-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.url-converter-content{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 32px var(--color-shadow);max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.url-converter-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.url-converter-header h3{color:var(--color-text-primary);margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.btn-close:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.url-converter-body{padding:1.5rem}.url-converter-body p{color:var(--color-text-secondary);line-height:1.5;margin:0 0 1.5rem}.url-converter-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.zip-import-wrapper{padding:20px}.zip-import-info-box{background-color:var(--color-surface-hover);border:1px solid var(--color-info);border-radius:8px;margin-bottom:20px;padding:15px}.zip-import-title{color:var(--color-info);font-weight:600;margin-bottom:10px}.zip-import-content{color:var(--color-text-primary);font-size:14px;line-height:1.6}.zip-import-content ul{color:var(--color-text-primary);margin-top:10px;padding-left:20px}.zip-import-content li{color:var(--color-text-primary);margin:6px 0}.zip-import-content code{background:var(--color-surface);border-radius:4px;color:var(--color-accent);font-family:Monaco,Courier New,monospace;font-size:12px;padding:2px 6px}.zip-import-content strong{color:var(--color-primary);font-weight:600}.admin-pages-actions,.pages-list-header-compact{align-items:center;display:flex;gap:1rem}.pages-list-header-compact{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border-radius:6px;justify-content:space-between;margin-bottom:.75rem;padding:.75rem}.pages-list-header-compact h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.25rem;gap:1rem;margin:0}.header-stats{color:var(--color-text-secondary);font-size:.85rem;font-weight:400;gap:1rem}.header-stats span{background:#fff;background:var(--color-background,#fff);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:4px;padding:.25rem .5rem}.pages-filters-compact{align-items:center;display:flex;gap:.5rem}.form-control-sm{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:.875rem;min-width:150px;padding:.5rem .75rem}.form-control-sm:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);outline:none}.pages-filters-compact .search-box{position:relative}.pages-filters-compact .search-box input{min-width:250px}.pages-table-container{background:#fff;background:var(--color-surface,#fff);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:6px;margin-bottom:1rem;overflow:hidden}.pages-table{border-collapse:collapse;font-size:.9rem;width:100%}.pages-table thead{background:#f8f9fa;background:var(--color-surface,#f8f9fa);position:-webkit-sticky;position:sticky;top:0;z-index:10}.pages-table thead th{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--color-border,#dee2e6);color:var(--color-text-primary);font-size:.85rem;font-weight:600;padding:.75rem;text-align:left}.pages-table tbody tr{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--color-border,#e9ecef);transition:background-color .15s ease}.pages-table tbody tr:hover{background:#f8f9fa;background:var(--color-background-light,#f8f9fa)}.pages-table tbody td{padding:.75rem;vertical-align:middle}.page-checkbox-cell{text-align:center;width:40px}.page-checkbox-cell input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.page-id-cell code{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border-radius:4px;color:#4a90e2;color:var(--color-primary,#4a90e2);font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem}.page-title-cell{max-width:400px}.page-title-content{display:flex;flex-direction:column;gap:.25rem}.page-title-content strong{color:var(--color-text-primary);font-size:.95rem}.page-description-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.3;overflow:hidden}.page-type-badge{background:none;border-radius:0;color:#6c757d;color:var(--color-text-secondary,#6c757d);display:inline;font-size:.85rem;font-weight:400;padding:0}.page-version-cell{font-family:Courier New,monospace}.page-date-cell,.page-version-cell{color:var(--color-text-secondary);font-size:.85rem}.page-date-cell{white-space:nowrap}.page-actions-compact{align-items:center;display:flex;gap:.5rem}.btn-icon{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:.25rem .5rem;text-decoration:none;transition:transform .15s ease}.btn-icon:hover{transform:scale(1.2)}.btn-icon.btn-danger:hover{filter:brightness(1.2)}.pagination-container{align-items:center;background:#f8f9fa;background:var(--color-surface,#f8f9fa);border-radius:6px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.75rem}.pagination-info{color:var(--color-text-secondary);font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.25rem}.pagination-controls .btn{font-size:.875rem;height:32px;min-width:32px;padding:.25rem .5rem}.pagination-controls .btn.active{background:#4a90e2;background:var(--color-primary,#4a90e2);border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);color:#fff}.pagination-ellipsis{color:var(--color-text-secondary);padding:.25rem .5rem}.pagination-per-page{font-size:.875rem;gap:.5rem}.pagination-per-page label{color:var(--color-text-secondary);gap:.5rem;margin:0}.pagination-per-page select{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:.875rem;padding:.25rem .5rem}@media (max-width:768px){.pages-list-header-compact{align-items:stretch;flex-direction:column}.header-stats{flex-wrap:wrap}.pages-filters-compact{flex-direction:column}.form-control-sm,.pages-filters-compact .search-box input{min-width:100%;width:100%}.pages-table{font-size:.8rem}.pages-table tbody td,.pages-table thead th{padding:.5rem}.page-title-cell{max-width:200px}.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls,.pagination-per-page{justify-content:center}}.admin-orders-container{margin:0 auto;max-width:1400px;padding:20px}.admin-orders-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.admin-orders-header h2{align-items:center;color:var(--color-text-primary);display:flex;gap:10px;margin:0 0 8px}.admin-orders-header p{color:var(--color-text-secondary);margin:0}.header-actions{gap:12px}.export-dropdown{display:inline-block;position:relative}.export-btn{align-items:center;background:linear-gradient(135deg,var(--color-success),var(--color-primary));border:none;border-radius:8px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.export-btn:hover{box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}.export-menu{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px var(--color-shadow);display:none;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.export-dropdown:focus-within .export-menu,.export-dropdown:hover .export-menu{display:block}.export-option{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.export-option:last-child{border-bottom:none}.export-option:hover{background:var(--color-surface-hover)}.export-count,.export-option:active{background:var(--color-background)}.export-count{border-radius:12px;color:var(--color-text-secondary);font-size:11px;font-weight:600;padding:2px 8px}.orders-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.search-and-date-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.search-box{flex:1 1;max-width:500px;min-width:300px}.search-input{padding:12px 40px 12px 16px}.clear-search-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.clear-search-btn:hover{color:var(--color-text-primary)}.date-range-filter{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.date-input-group{align-items:center;display:flex;gap:8px}.date-input-group label{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin:0;white-space:nowrap}.date-input{background:var(--color-surface);background:var(--color-input-bg,var(--color-surface));border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s}.date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow);outline:none}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:none;filter:var(--calendar-icon-filter,none)}.clear-date-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.clear-date-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.orders-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:var(--color-background);border-bottom:2px solid var(--color-border)}.orders-table th{color:var(--color-text-secondary);font-size:15px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.orders-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.orders-table tbody tr:hover{background:var(--color-surface-hover)}.orders-table tbody tr:last-child{border-bottom:none}.orders-table td{color:var(--color-text-primary);font-size:14px;padding:16px}.order-number{color:var(--color-primary);font-size:14px}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.customer-email,.items-count{color:var(--color-text-secondary);font-size:14px}.order-total{color:var(--color-primary);font-size:14px}.status-badge{border:2px solid #0000;cursor:pointer;display:inline-block;font-size:14px;transition:all .2s}.status-pending{background:#fef3c7;border-color:#fbbf24;color:#92400e}.status-processing{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.status-shipped{background:#e0e7ff;border-color:#6366f1;color:#4338ca}.status-delivered{background:#d1fae5;border-color:#10b981;color:#065f46}.status-cancelled{background:#f3f4f6;border-color:#9ca3af;color:#4b5563}.status-questions{background:#fef3c7;border-color:#f59e0b;color:#92400e}.status-refunded{background:#e0f2fe;border-color:#0284c7;color:#075985}.status-partially-refunded{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.status-paid{background:#d1fae5;border-color:#10b981;color:#065f46}.status-badge:hover{opacity:.9;transform:translateY(-1px)}.empty-state,.loading-state{color:var(--color-text-secondary);padding:60px 20px;text-align:center}.spinner{border-top:3px solid var(--color-border);border:3px solid var(--color-border);border-top-color:var(--color-primary);margin:0 auto 16px}.access-denied{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px}.access-denied h2{color:#dc2626}.modal-overlay{background:#00000080}.modal-content{box-shadow:var(--shadow-md);max-width:1000px;overflow-y:auto;width:85%}.modal-content.status-confirm-modal{max-width:1200px!important;width:85%!important}.modal-content.delete-confirm-modal{max-width:600px!important}.delete-warning{background:color-mix(in srgb,var(--color-error) 10%,var(--color-surface));border:2px solid var(--color-error)}.delete-warning,.order-delete-details{border-radius:var(--border-radius);padding:1rem}.order-delete-details{background:var(--color-surface);margin:1rem 0}.order-delete-details>div{border-bottom:1px solid var(--color-border);padding:.5rem 0}.order-delete-details>div:last-child{border-bottom:none}.modal-content.order-details-modal{max-width:1200px!important;width:85%!important}.order-details-modal .modal-header{align-items:center;background:var(--color-surface);border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.order-details-modal .modal-header h3{color:var(--color-text-primary);font-size:20px;margin:0}.close-btn{color:var(--color-text-secondary);font-size:24px;height:32px;transition:all .2s;width:32px}.close-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:20px 24px}.detail-section-horizontal{align-items:center;background:var(--color-background);border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding:16px}.order-meta-inline{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:24px}.order-meta-inline strong{color:var(--color-text-primary)}.detail-section-two-column{grid-gap:20px;border-bottom:1px solid var(--color-border);display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding-bottom:20px}.detail-section-two-column:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-column{min-width:0}.detail-column h4{align-items:center;color:var(--color-text-primary);color:var(--color-text-secondary);display:flex;font-size:15px;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.select-all-items{border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:11px;font-weight:500;letter-spacing:normal;padding:4px 8px;text-transform:none;transition:all .2s}.select-all-items:hover{background:color-mix(in srgb,var(--color-primary) 15%,#0000)}.order-notes-section{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;margin-top:20px;padding:16px}.order-notes-section h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.no-notes{color:var(--color-text-secondary);font-size:14px;font-style:italic;padding:20px;text-align:center}.notes-list{display:flex;flex-direction:column;gap:12px}.note-item{background:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:6px;box-shadow:var(--shadow-sm);padding:12px 16px}.note-item.with-email{background:color-mix(in srgb,var(--color-info) 5%,var(--color-surface));border-left-color:var(--color-info)}.note-header{flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.note-header,.note-meta{align-items:center;display:flex}.note-meta{color:var(--color-text-secondary);font-size:12px;gap:12px}.note-status-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.note-status-badge.pending{background:#fef3c7;color:#92400e}.note-status-badge.processing{background:#dbeafe;color:#1e40af}.note-status-badge.shipped{background:#e0e7ff;color:#4338ca}.note-status-badge.delivered{background:#d1fae5;color:#065f46}.note-status-badge.cancelled{background:#f3f4f6;color:#4b5563}.note-timestamp{color:var(--color-text-secondary);font-size:12px}.email-indicator{align-items:center;background:color-mix(in srgb,var(--color-info) 10%,#0000);border-radius:4px;color:var(--color-info);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.note-message{word-wrap:break-word;color:var(--color-text-primary);font-size:14px;line-height:1.6;white-space:pre-wrap}.order-items-selection{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;margin-bottom:20px;padding:16px}.items-selection-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.items-selection-header h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.selection-count{background:var(--color-surface);border-radius:12px;color:var(--color-text-secondary);font-size:12px;font-weight:400;padding:2px 8px}.confirmation-items{background:var(--color-surface);max-height:300px;overflow-y:auto}.no-items-warning{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-surface));border:2px solid var(--color-warning);color:var(--color-warning);font-weight:600;margin-top:12px;text-align:center}.info-compact,.no-items-warning{border-radius:6px;font-size:14px;padding:12px}.info-compact{background:var(--color-background)}.info-compact div{color:var(--color-text-secondary);padding:6px 0}.info-compact strong{color:var(--color-text-primary);margin-right:8px}.address-block-compact{border-radius:6px;color:var(--color-text-primary);font-size:14px;line-height:1.6;white-space:pre-line}.address-block-compact,.items-list-compact{background:var(--color-background);padding:12px}.items-list-compact{border:1px solid var(--color-border);border-radius:8px;max-height:500px;overflow-y:auto}.item-row-compact{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:12px;transition:all .2s ease}.item-row-compact:hover{background:color-mix(in srgb,var(--color-primary) 3%,#0000)}.item-row-compact.selected{background:color-mix(in srgb,var(--color-success) 10%,#0000);border-color:var(--color-success)}.item-checkbox-wrapper{align-items:center;display:flex;padding-right:8px}.item-checkbox{accent-color:var(--color-success);cursor:pointer;height:18px;width:18px}.item-info{flex:1 1;gap:4px;min-width:0}.item-info strong{color:var(--color-text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-quantity{font-size:12px}.summary-compact{background:var(--color-background);border-radius:6px;padding:12px}.summary-compact .summary-row{font-size:14px;padding:6px 0}.summary-compact .summary-row.total{border-top:2px solid var(--color-border);font-size:16px;margin-top:8px;padding-top:12px}.detail-section{border-bottom:1px solid var(--color-border);padding-bottom:24px}.detail-section:last-of-type{border-bottom:none;margin-bottom:0}.detail-section h4{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.detail-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-grid div{color:var(--color-text-secondary)}.detail-grid strong{color:var(--color-text-primary);margin-right:8px}.address-block{background:var(--color-background);border-radius:8px;color:var(--color-text-primary);line-height:1.6;padding:16px;white-space:pre-line}.status-update-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.status-select{background:var(--color-input-bg,var(--color-surface))}.status-select:hover{border-color:var(--color-primary)}.status-select:focus{box-shadow:0 0 0 3px var(--color-shadow)}.items-list{background:var(--color-background);padding:16px}.item-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px 0}.item-row:last-child{border-bottom:none;padding-bottom:0}.item-row:first-child{padding-top:0}.item-details{display:flex;flex-direction:column;gap:4px}.item-details strong{color:var(--color-text-primary)}.item-quantity{color:var(--color-text-secondary);font-size:13px}.item-price{color:var(--color-primary);font-weight:600}.order-summary{background:var(--color-background);border:none!important;border-radius:8px;padding:16px}.summary-row{color:var(--color-text-primary);display:flex;justify-content:space-between;padding:8px 0}.summary-row.total{border-top:2px solid var(--color-border);color:var(--color-primary);font-size:18px;margin-top:8px;padding-top:12px}.metadata-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metadata div{background:var(--color-background);border-radius:6px;color:var(--color-text-secondary);padding:12px}.metadata strong{color:var(--color-text-primary);display:block;margin-bottom:4px}.modal-footer{background:var(--color-surface);bottom:0;flex-wrap:wrap;position:-webkit-sticky;position:sticky;z-index:10}.modal-actions-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:24px}.action-group{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.action-label{color:var(--color-text-secondary);font-weight:600}.action-label,.btn-action{font-size:13px;white-space:nowrap}.btn-action{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-weight:500;padding:6px 12px;transition:all .2s}.btn-action:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.status-confirm-modal{max-width:500px}.status-change-info{background:var(--color-background);border-left:4px solid var(--color-primary);border-radius:8px;margin-bottom:24px;padding:16px}.status-change-info p{color:var(--color-text-primary);font-size:15px;line-height:1.6;margin:0}.status-from{color:var(--color-text-secondary)}.status-from,.status-to{background:var(--color-surface);border-radius:4px;padding:2px 8px;text-transform:capitalize}.status-to{color:var(--color-primary)}.email-notification-option{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;padding:16px}.checkbox-label{font-size:15px;gap:12px}.checkbox-label span{-webkit-user-select:none;user-select:none}.email-hint{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:12px 0 0 32px}.order-items-summary{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;margin-bottom:20px;padding:16px}.order-items-summary h4{color:var(--color-text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.items-checklist{list-style:none;margin:0;padding:0}.items-checklist li{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:8px 0}.items-checklist li:last-child{border-bottom:none}.items-checklist .item-name{color:var(--color-text-primary);flex:1 1;font-size:14px}.items-checklist .item-qty{color:var(--color-text-secondary);font-size:13px;font-weight:600;margin-left:12px}.custom-message-section{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;margin-top:20px;padding:16px}.custom-message-label{display:flex;flex-direction:column;font-size:14px;gap:4px;margin-bottom:12px}.custom-message-label,.custom-message-label strong{color:var(--color-text-primary)}.label-hint{color:var(--color-text-secondary);font-size:12px;font-weight:400}.custom-message-textarea{background:var(--color-surface);background:var(--color-input-bg,var(--color-surface));border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;transition:all .2s;width:100%}.custom-message-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow);outline:none}.custom-message-textarea::placeholder{color:var(--color-text-secondary);opacity:.6}.character-count{color:var(--color-text-secondary);font-size:12px;margin-top:8px;text-align:right}.btn{font-size:14px;gap:8px;padding:10px 20px}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);border:none}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 4px 12px #dc262666}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary)}.btn-sm{font-size:12px;padding:4px 8px}.orders-table td .btn-sm{font-size:11px;min-width:auto;padding:3px 6px}.orders-table td select{font-size:14px}@media (max-width:1024px){.orders-table-container{overflow-x:auto}.orders-table{min-width:900px}.detail-section-two-column{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.admin-orders-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.export-dropdown{width:100%}.export-btn{justify-content:center;width:100%}.export-menu{left:0;right:0;width:100%}.status-filter-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.modal-content{border-radius:0;max-height:100vh;max-width:100%}.status-confirm-modal{max-width:100%;width:100%}.items-selection-header{align-items:flex-start;flex-direction:column}.confirmation-items{max-height:250px}.modal-footer{align-items:stretch;flex-direction:column}.modal-actions-left{flex-direction:column;gap:12px;width:100%}.action-group{flex-wrap:wrap;justify-content:center}.action-label{margin-bottom:4px;text-align:center;width:100%}.detail-grid{grid-template-columns:1fr}.detail-section-two-column{gap:12px;grid-template-columns:1fr}.detail-section-horizontal{align-items:flex-start;flex-direction:column}.order-meta-inline{flex-direction:column;gap:8px}.search-and-date-row{flex-direction:column;width:100%}.search-box{max-width:100%;width:100%}.date-range-filter{align-items:stretch;flex-direction:column;width:100%}.date-input-group{width:100%}.date-input{flex:1 1}.clear-date-btn{width:100%}}.admin-order-reminders{margin:0 auto;max-width:1000px;padding:2rem}.reminders-header{margin-bottom:2rem}.reminders-header h1{align-items:center;color:#e5e5e5;display:flex;font-size:2rem;gap:.75rem;margin-bottom:.5rem}.reminders-header p{color:#a0a0a0;font-size:1rem}.status-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.status-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.status-header h2{align-items:center;color:#e5e5e5;display:flex;font-size:1.3rem;gap:.5rem;margin:0}.status-badge{font-size:.85rem;padding:.4rem 1rem}.status-badge.active{background:#10b98120;border:1px solid #10b98140;color:#10b981}.status-badge.inactive{background:#ef444420;border:1px solid #ef444440;color:#ef4444}.status-details{grid-gap:1rem;display:grid;gap:1rem}.status-item{color:#b0b0b0;display:flex;font-size:.95rem;gap:.75rem}.status-item strong{color:#e5e5e5;min-width:140px}.status-item code{background:#0d1117;border:1px solid #333;border-radius:4px;color:#f59e0b;font-family:Courier New,monospace;padding:.25rem .5rem}.info-card,.settings-card,.test-card,.wizard-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.wizard-card{background:linear-gradient(135deg,#a371f710,#7c3aed10);border-color:#a371f740;text-align:center}.wizard-card strong{color:#e5e5e5}.wizard-hint{color:#888;font-size:.85rem;font-style:italic;margin-top:.75rem}.btn-wizard{background:linear-gradient(135deg,#a371f7,#7c3aed);color:#fff;font-size:1.1rem;margin-top:1rem;padding:1rem 2rem}.info-card h2,.settings-card h2,.test-card h2{align-items:center;color:#e5e5e5;display:flex;font-size:1.3rem;gap:.5rem;margin:0 0 .5rem}.card-description{color:#a0a0a0;font-size:.95rem;margin-bottom:1.5rem}.schedule-options{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:1.5rem}.schedule-option{align-items:flex-start;background:#0d1117;border:2px solid #333;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.schedule-option:hover{background:#161b22;border-color:#555}.schedule-option.selected{background:#a371f710;border-color:#a371f7}.schedule-option.recommended{border-color:#f59e0b40}.schedule-option.recommended.selected{border-color:#a371f7}.badge-recommended{background:#f59e0b20;border:1px solid #f59e0b40;border-radius:12px;color:#f59e0b;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.2rem .6rem}.option-best-for{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:.25rem}.schedule-option input[type=radio]{accent-color:#a371f7;cursor:pointer;margin-top:.2rem}.option-content{flex:1 1}.option-label{color:#e5e5e5;font-weight:600;margin-bottom:.25rem}.option-description{color:#888;font-size:.85rem}.custom-schedule{background:#0d1117;border:1px solid #333;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.custom-schedule label{display:block;margin-bottom:.75rem}.custom-schedule strong{color:#e5e5e5;display:block;margin-bottom:.25rem}.help-text{color:#888;display:block;font-size:.85rem;font-weight:400}.input-field{background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#e5e5e5;font-family:Courier New,monospace;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.input-field:focus{border-color:#a371f7;box-shadow:0 0 0 3px #a371f71a;outline:none}.schedule-preview{background:#a371f710;border:1px solid #a371f740;border-radius:6px;color:#e5e5e5;font-size:.9rem;margin-top:1rem;padding:.75rem}.schedule-preview strong{color:#a371f7}.cron-help{background:#161b22;border-left:3px solid #3b82f6;border-radius:4px;margin-top:1rem;padding:1rem}.cron-help strong{color:#3b82f6;display:block;margin-bottom:.5rem}.cron-help ul{list-style:none;margin:0;padding:0}.cron-help li{color:#b0b0b0;font-size:.9rem;padding:.5rem 0}.cron-help code{background:#0d1117;border:1px solid #333;border-radius:4px;color:#f59e0b;font-family:Courier New,monospace;margin-right:.5rem;padding:.25rem .5rem}.email-setting{margin-bottom:1.5rem}.email-setting label{display:block;margin-bottom:.75rem}.email-setting strong{color:#e5e5e5;display:block;margin-bottom:.25rem}.emails-list{display:flex;flex-direction:column;gap:.75rem}.email-input-row{align-items:center;display:flex;gap:.5rem}.email-input-row .input-field{flex:1 1}.btn-remove-email{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-remove-email:hover{background:#b91c1c;transform:scale(1.05)}.btn-add-email{align-self:flex-start;background:#1a1a1a;border:1px dashed #555;border-radius:6px;color:#e5e5e5;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .2s}.btn-add-email:hover{background:#222;border-color:#a371f7;color:#a371f7}.settings-actions{border-top:1px solid #333;display:flex;gap:1rem;padding-top:1rem}.btn{border:none;border-radius:8px;font-size:1rem;font-weight:600}.btn-primary{background:linear-gradient(135deg,#a371f7,#7c3aed)}.btn-primary:hover{box-shadow:0 4px 12px #a371f766;transform:translateY(-2px)}.btn-secondary{background:#1a1a1a;border:1px solid #444;color:#e5e5e5}.btn-secondary:hover{background:#222;border-color:#555}.btn:disabled{transform:none!important}.test-card{text-align:center}.test-card button{margin-top:1rem}.info-content{grid-gap:1.5rem;display:grid;gap:1.5rem}.info-section h3{color:#e5e5e5;font-size:1.1rem;margin-bottom:.5rem}.info-section p{color:#b0b0b0;line-height:1.6;margin-bottom:.5rem}.info-section ul{list-style:none;margin:.5rem 0 0;padding:0}.info-section li{color:#a0a0a0;font-size:.95rem;padding:.4rem 0}.info-section strong{color:#e5e5e5}.info-card-compact{background:#0d1117;border:1px solid #333;border-radius:8px;margin-bottom:2rem;padding:1rem}.info-card-compact p{color:#b0b0b0;font-size:.9rem;line-height:1.6;margin:0}.info-card-compact strong{color:#3b82f6}.access-denied,.loading{color:#a0a0a0;padding:4rem 2rem;text-align:center}.spinner{border:3px solid #333;margin:0 auto 1rem}.spinner-small{border:2px solid #ffffff40}.wizard-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.wizard-modal{background:#1a1a1a;border:1px solid #444;border-radius:16px;box-shadow:0 20px 50px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.wizard-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1.5rem}.wizard-header h2{color:#e5e5e5;font-size:1.3rem;margin:0}.wizard-close{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.wizard-close:hover{background:#333;color:#fff}.wizard-step{padding:2rem 1.5rem}.wizard-step h3{color:#e5e5e5;font-size:1.2rem;margin:0 0 .5rem}.wizard-help{color:#888;font-size:.95rem;margin:0 0 1.5rem}.wizard-options{grid-gap:1rem;display:grid;gap:1rem}.wizard-option{align-items:flex-start;background:#0d1117;border:2px solid #333;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;text-align:left;transition:all .2s;width:100%}.wizard-option:hover{background:#161b22;border-color:#555;transform:translateX(4px)}.wizard-option.selected{background:#a371f710;border-color:#a371f7}.wizard-option strong{color:#e5e5e5;font-size:1.05rem}.wizard-option span{color:#888;font-size:.9rem}.wizard-result{background:#10b98110;border:2px solid #10b98140;border-radius:8px;margin-top:2rem;padding:1.5rem}.wizard-result h4{color:#10b981;font-size:1.1rem;margin:0 0 1rem}.wizard-recommendation{margin-bottom:1.5rem}.wizard-recommendation strong{color:#e5e5e5;display:block;font-size:1.15rem;margin-bottom:.5rem}.wizard-recommendation p{color:#b0b0b0;margin:0}.wizard-actions{display:flex;gap:1rem}.wizard-actions button{flex:1 1}@media (max-width:768px){.admin-order-reminders{padding:1rem}.reminders-header h1{font-size:1.5rem}.status-header{align-items:flex-start;flex-direction:column;gap:1rem}.status-item{flex-direction:column;gap:.25rem}.status-item strong{min-width:auto}.settings-actions{flex-direction:column}.btn{justify-content:center;width:100%}.wizard-modal{border-radius:12px;margin:0;max-width:100%}.wizard-actions{flex-direction:column}}.admin-documentation-container{max-width:100%;padding:20px}.admin-documentation-content{background:var(--color-surface);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow)}.admin-documentation-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;padding:24px 24px 16px}.header-title-section h2{align-items:center;color:var(--color-primary);display:flex;font-size:2em;gap:12px;margin:0 0 8px}.header-subtitle{color:var(--color-text-secondary);font-size:.95em;margin:0}.documentation-tabs{background:var(--color-background);border-bottom:2px solid var(--color-border);display:flex;gap:0;padding:0 24px}.tab-button{background:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);font-size:1em;font-weight:600;padding:16px 32px;top:2px}.tab-button:hover{background:var(--color-surface-hover);color:var(--color-primary)}.tab-button.active{background:var(--color-surface);border-bottom:3px solid var(--color-primary);color:var(--color-primary)}.documentation-layout{grid-gap:0;display:grid;gap:0;grid-template-columns:280px 1fr;min-height:600px}.documentation-sidebar{background:var(--color-background);border-right:1px solid var(--color-border);padding:20px 0}.sidebar-title{color:var(--color-text-secondary);font-size:.85em;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:8px 20px;text-transform:uppercase}.sidebar-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.95em;gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.sidebar-item:hover{background:var(--color-surface-hover)}.sidebar-item.active{background:var(--color-primary);border-right:3px solid var(--color-accent);color:#fff;font-weight:600}.sidebar-icon{font-size:1.2em}.sidebar-text{flex:1 1}.documentation-main{max-height:calc(100vh - 280px);overflow-y:auto;padding:32px;scroll-behavior:smooth}.documentation-main::-webkit-scrollbar{width:10px}.documentation-main::-webkit-scrollbar-track{background:var(--color-background)}.documentation-main::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}.documentation-main::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.doc-section h2{border-bottom:3px solid var(--color-primary);color:var(--color-primary);font-size:2em;margin:0 0 24px;padding-bottom:12px}.doc-section h3{color:var(--color-text-primary);font-size:1.5em;margin:24px 0 16px}.doc-section h4{font-size:1.2em;margin:16px 0 12px}.doc-section h4,.doc-section p{color:var(--color-text-primary)}.doc-section p{line-height:1.7;margin:12px 0}.doc-section ol,.doc-section ul{line-height:1.8;margin:12px 0;padding-left:28px}.doc-section li{color:var(--color-text-primary);margin:8px 0}.doc-section li strong{color:var(--color-accent)}.doc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);margin:24px 0;padding:24px}.doc-card.important{background:linear-gradient(to right,#ffc1070d,var(--color-surface));border-left:4px solid var(--color-warning)}.code-block,pre.code-block{background:#1e1e1e;border-radius:6px;color:#d4d4d4;font-family:Monaco,Courier New,monospace;font-size:.9em;line-height:1.6;margin:16px 0;overflow-x:auto;padding:16px}.code-block code{background:#0000;color:inherit;padding:0}code{background:var(--color-surface-hover);border-radius:4px;color:var(--color-accent);font-family:Monaco,Courier New,monospace;font-size:.9em;padding:2px 6px}.architecture-diagram{background:#f8f9fa;border:2px solid var(--color-border);border-radius:8px;color:#333;font-size:.85em;line-height:1.5;overflow-x:auto;padding:20px}.feature-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.feature-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{box-shadow:0 4px 8px var(--color-shadow);transform:translateY(-2px)}.feature-item h4{color:var(--color-primary);font-size:1.1em;margin:0 0 8px}.feature-item p{color:var(--color-text-secondary);font-size:.9em;margin:0}.api-endpoint-group{margin:32px 0}.api-endpoint-group h3{border-bottom:2px solid var(--color-border);color:var(--color-primary);font-size:1.4em;margin:24px 0 16px;padding-bottom:8px}.api-endpoint{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin:16px 0;padding:16px}.endpoint-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.method{border-radius:4px;font-size:.85em;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.method.get{background:#61affe;color:#fff}.method.post{background:#49cc90;color:#fff}.method.put{background:#fca130;color:#fff}.method.delete{background:#f93e3e;color:#fff}.path{color:var(--color-text-primary);font-family:Monaco,Courier New,monospace;font-size:1.05em;font-weight:600}.endpoint-details{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.endpoint-details strong{color:var(--color-accent);display:block;margin:12px 0 8px}.troubleshoot-item{background:var(--color-background);border-left:3px solid var(--color-warning);border-radius:6px;margin:12px 0;padding:16px}.troubleshoot-item strong{color:var(--color-accent);display:block;margin-bottom:8px}@media (max-width:992px){.documentation-layout{grid-template-columns:1fr}.documentation-tabs{overflow-x:auto;padding:0 12px}.tab-button{font-size:.95em;padding:14px 24px;white-space:nowrap}.documentation-sidebar{border-bottom:1px solid var(--color-border);border-right:none;display:flex;overflow-x:auto;padding:12px}.sidebar-title{display:none}.sidebar-item{padding:10px 16px;white-space:nowrap}.sidebar-item.active{border-bottom:3px solid var(--color-accent);border-right:none}.documentation-main{max-height:calc(100vh - 320px);padding:20px}}@media (max-width:768px){.admin-documentation-header{align-items:flex-start;flex-direction:column;gap:16px}.header-title-section h2{font-size:1.5em}.documentation-tabs{padding:0 8px}.tab-button{font-size:.9em;padding:12px 20px}.doc-section h2{font-size:1.6em}.doc-section h3{font-size:1.3em}.feature-grid{grid-template-columns:1fr}.code-block,pre.code-block{font-size:.8em;padding:12px}.documentation-main{max-height:calc(100vh - 350px)}}.developer-profile{align-items:center;display:flex;gap:24px;margin:16px 0}.developer-info h4{color:var(--color-primary);font-size:1.5em;margin:0 0 8px}.developer-title{color:var(--color-accent);font-size:1.1em;font-weight:600;margin:8px 0!important}.contact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.contact-item{align-items:flex-start;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:16px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.contact-item:hover{box-shadow:0 4px 8px var(--color-shadow);transform:translateY(-2px)}.contact-icon{flex-shrink:0;font-size:2em}.contact-details{flex:1 1}.contact-details strong{color:var(--color-text-primary);display:block;font-size:.95em;margin-bottom:8px}.contact-details a{color:var(--color-accent);font-weight:500;text-decoration:none;transition:color .2s ease}.contact-details a:hover{color:var(--color-primary);text-decoration:underline}.tech-category,.tech-stack{margin:24px 0}.tech-category h4{color:var(--color-primary);font-size:1.1em;margin:0 0 12px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tech-tag{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:20px;color:#fff;display:inline-block;font-size:.85em;font-weight:500;padding:6px 14px;transition:transform .2s ease,box-shadow .2s ease}.tech-tag:hover{box-shadow:0 4px 8px var(--color-shadow);transform:translateY(-2px)}.timeline{margin:24px 0;padding-left:40px;position:relative}.timeline:before{background:var(--color-border);bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:32px}.timeline-marker{align-items:center;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:50%;display:flex;font-size:1.2em;height:32px;justify-content:center;left:-30px;position:absolute;top:0;width:32px;z-index:1}.timeline-content{background:var(--color-background);border-left:3px solid var(--color-primary);border-radius:8px;padding:16px}.timeline-content h4{color:var(--color-primary);margin:0 0 8px}.timeline-content p{color:var(--color-text-secondary);font-size:.9em;margin:8px 0}.timeline-content ul{margin:12px 0 0;padding-left:20px}.timeline-content li{font-size:.95em;margin:6px 0}.support-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.support-option{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:20px;text-align:center}.support-option h4{color:var(--color-primary);margin:0 0 12px}.support-option p{color:var(--color-text-secondary);font-size:.95em;margin:12px 0}.contact-button{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:6px;color:#fff;display:inline-block;font-weight:600;margin-top:12px;padding:12px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-button:hover{box-shadow:0 6px 12px var(--color-shadow);text-decoration:none;transform:translateY(-2px)}@media print{.admin-documentation-header,.documentation-sidebar{display:none}.documentation-layout{grid-template-columns:1fr}.documentation-main{max-height:none;overflow:visible}.doc-card{page-break-inside:avoid}}.admin-bug-reports-container{margin:0 auto;max-width:1400px;padding:20px}.admin-bug-reports-header{align-items:flex-start;border-bottom:2px solid var(--color-border);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.admin-bug-reports-header h2{align-items:center;color:var(--color-text-primary);display:flex;gap:10px;margin:0 0 8px}.header-icon{font-size:1.5em}.admin-bug-reports-header p{color:var(--color-text-secondary);margin:0}.header-stats{display:flex;flex-wrap:wrap;gap:16px}.stat-item{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:12px 20px}.stat-label{color:var(--color-text-secondary);font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.stat-value{color:var(--color-text-primary);font-size:24px;font-weight:700}.stat-open .stat-value{color:#e74c3c}.stat-pending .stat-value{color:#f39c12}.stat-closed .stat-value{color:#27ae60}.bug-reports-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.search-box{max-width:600px;position:relative}.search-input{background:var(--color-surface);background:var(--color-input-bg,var(--color-surface));border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);padding:12px 16px;transition:all .2s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow)}.status-filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.loading-container{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:16px;width:40px}.empty-state{color:var(--color-text-secondary);padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:var(--color-text-primary);margin:0 0 8px}.bug-reports-list{display:flex;flex-direction:column;gap:16px}.bug-report-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:20px;transition:all .2s}.bug-report-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow)}.report-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.report-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.issue-type-icon{font-size:1.5em}.report-title{color:var(--color-text-primary);cursor:pointer;font-size:18px;font-weight:600;margin:0;transition:color .2s}.report-title:hover{color:var(--color-primary)}.status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize;white-space:nowrap}.status-open{background:#fee;border:1px solid #c33;color:#c33}.status-pending{background:#fff3cd;border:1px solid #856404;color:#856404}.status-closed{background:#d4edda;border:1px solid #155724;color:#155724}.report-body{margin-bottom:16px}.report-description{color:var(--color-text-secondary);line-height:1.6;margin:0}.report-footer{align-items:flex-end;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:16px}.report-meta{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:300px}.meta-item{color:var(--color-text-secondary);font-size:13px}.meta-item strong{color:var(--color-text-primary);margin-right:4px}.meta-item a{color:var(--color-primary);text-decoration:none}.meta-item a:hover{text-decoration:underline}.report-actions{align-items:center;display:flex;gap:12px}.btn-view{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-view,.btn-view:hover{background:var(--color-primary)}.btn-view:hover{background:var(--color-primary-hover,var(--color-primary));box-shadow:0 2px 8px var(--color-shadow);transform:translateY(-1px)}.status-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.status-select:focus{border-color:var(--color-primary);outline:none}.status-select:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{overflow-y:auto;padding:20px}.modal-content{background:var(--color-surface);box-shadow:0 20px 60px #0000004d;max-width:98%!important;min-width:98%!important;width:98%!important}.admin-bug-reports-container .modal-content{max-width:50%!important;min-width:50%!important;width:50%!important}.modal-header{border-bottom:2px solid var(--color-border);padding:24px}.modal-header h2{color:var(--color-text-primary);gap:12px;margin:0}.modal-close,.modal-header h2{align-items:center;display:flex}.modal-close{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{flex:1 1;padding:24px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.description-text{color:var(--color-text-secondary);line-height:1.6;margin:0;white-space:pre-wrap}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{color:var(--color-text-secondary);font-size:14px}.detail-item strong{color:var(--color-text-primary);display:block;margin-bottom:4px}.detail-item a{color:var(--color-primary);text-decoration:none;word-break:break-all}.detail-item a:hover{text-decoration:underline}.status-select-large{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:16px;min-width:200px;padding:10px 16px;transition:all .2s}.status-select-large:focus{border-color:var(--color-primary);outline:none}.status-select-large:disabled{cursor:not-allowed;opacity:.6}.console-logs-display,.json-display{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-family:Courier New,monospace;font-size:12px;max-height:300px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-all}.modal-footer{align-items:center;border-top:2px solid var(--color-border);gap:12px;justify-content:space-between;padding:20px 24px}.btn-secondary{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.btn-delete{background:#dc3545;border:2px solid #dc3545;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-delete:hover{background:#c82333;border-color:#bd2130;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.btn-delete:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-confirm-modal{max-width:600px}.delete-confirm-details{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;margin:16px 0;padding:16px}.delete-confirm-details p{color:var(--color-text-secondary);margin:8px 0}.delete-warning{color:#dc3545;font-weight:600;margin-top:16px}.access-denied h2{color:var(--color-text-primary);margin-bottom:12px}.access-denied p{color:var(--color-text-secondary)}@media (max-width:768px){.admin-bug-reports-header{flex-direction:column}.header-stats{justify-content:space-around;width:100%}.report-footer{flex-direction:column}.report-actions{justify-content:space-between;width:100%}.status-select{flex:1 1}.modal-content{max-height:95vh}.detail-grid{grid-template-columns:1fr}}.unsubscribe-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.unsubscribe-card{background:#fff;background:var(--color-background,#fff);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;overflow:hidden;width:100%}.unsubscribe-header{background:#2c3e50;background:var(--color-primary,#2c3e50);padding:30px;text-align:center}.unsubscribe-header h1{color:#fff;font-size:28px;font-weight:600;margin:0}.unsubscribe-content{padding:40px}.unsubscribe-loading{padding:40px 20px;text-align:center}.unsubscribe-already,.unsubscribe-error,.unsubscribe-success{text-align:center}.error-icon,.info-icon,.success-icon{align-items:center;border-radius:50%;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-icon{background:#d4edda;color:#28a745}.info-icon{background:#d1ecf1;color:#17a2b8}.error-icon{background:#f8d7da;color:#dc3545}.unsubscribe-content h2{color:#333;color:var(--color-text-primary,#333);font-size:24px;margin:0 0 15px}.unsubscribe-content p{color:#666;color:var(--color-text-secondary,#666);line-height:1.6;margin:10px 0}.email-info{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border-radius:6px;font-size:14px;margin:20px 0;padding:10px 15px}.email-info strong{color:#2c3e50;color:var(--color-primary,#2c3e50)}.info-text{color:#777;color:var(--color-text-secondary,#777);font-size:14px;margin:15px 0}.info-text a{color:#3498db;color:var(--color-primary,#3498db);text-decoration:none}.info-text a:hover{text-decoration:underline}.unsubscribe-actions{margin-top:30px;text-align:center}.unsubscribe-actions .btn-primary{background:#3498db;background:var(--color-primary,#3498db);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.unsubscribe-actions .btn-primary:hover{background:#2980b9;background:var(--color-primary-dark,#2980b9);box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.unsubscribe-card{background:#1a1a1a;background:var(--color-background,#1a1a1a)}.unsubscribe-content h2{color:#e0e0e0;color:var(--color-text-primary,#e0e0e0)}.unsubscribe-content p{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0)}.email-info{background:#2a2a2a;background:var(--color-surface,#2a2a2a)}}@media (max-width:768px){.unsubscribe-container{padding:10px}.unsubscribe-header{padding:20px}.unsubscribe-header h1{font-size:24px}.unsubscribe-content{padding:30px 20px}.error-icon,.info-icon,.success-icon{font-size:36px;height:60px;width:60px}}.asset-search-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.asset-search-modal{background:#fff;background:var(--color-surface,#fff);border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.asset-search-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:1.5rem}.asset-search-modal-header h3{color:#333;color:var(--color-text-primary,#333);margin:0}.close-btn{color:var(--color-text-secondary,#666);font-size:1.5rem;padding:.25rem;transition:background-color .2s}.close-btn:hover{background:#f5f5f5;background:var(--color-background-hover,#f5f5f5)}.asset-search-modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.asset-filters{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}.filter-group{flex-direction:column;gap:.25rem;min-width:150px}.filter-group label{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;font-weight:500}.filter-group input,.filter-group select{background:#fff;background:var(--color-background,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;color:#333;color:var(--color-text-primary,#333);font-size:.875rem;padding:.5rem}.filter-group input:focus,.filter-group select:focus{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.assets-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding:1rem 1.5rem}.asset-item{background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.asset-item:hover{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.asset-preview{align-items:center;background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:100%}.asset-preview img{height:100%;object-fit:cover;width:100%}.asset-icon{color:#666;color:var(--color-text-secondary,#666);font-size:2rem}.asset-fallback{align-items:center;background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.asset-info{padding:.75rem}.asset-name{color:#333;color:var(--color-text-primary,#333);font-size:.875rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.25rem}.asset-type{background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);border-radius:4px;padding:.125rem .375rem;text-transform:capitalize}.asset-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;line-height:1.3;overflow:hidden}.asset-description,.loading,.no-assets{color:#666;color:var(--color-text-secondary,#666)}.loading,.no-assets{grid-column:1/-1;padding:2rem;text-align:center}.pagination{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);gap:1rem;padding:1rem 1.5rem}.pagination button{background:#fff;background:var(--color-background,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;color:#333;color:var(--color-text-primary,#333);cursor:pointer;padding:.5rem 1rem;transition:all .2s}.pagination button:hover:not(:disabled){background:#f5f5f5;background:var(--color-background-hover,#f5f5f5);border-color:#007bff;border-color:var(--color-primary,#007bff)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem}.theme-dark .asset-search-modal{background:#2d2d2d;background:var(--color-surface,#2d2d2d)}.theme-dark .asset-search-modal,.theme-dark .asset-search-modal-header{border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .asset-search-modal-header h3{color:#fff;color:var(--color-text-primary,#fff)}.theme-dark .close-btn{color:#ccc;color:var(--color-text-secondary,#ccc)}.theme-dark .close-btn:hover{background:#404040;background:var(--color-background-hover,#404040)}.theme-dark .asset-filters{border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .filter-group label{color:#ccc;color:var(--color-text-secondary,#ccc)}.theme-dark .filter-group input,.theme-dark .filter-group select{color:#fff;color:var(--color-text-primary,#fff)}.theme-dark .asset-item,.theme-dark .filter-group input,.theme-dark .filter-group select{background:#2d2d2d;background:var(--color-background,#2d2d2d);border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .asset-item:hover{border-color:#007bff;border-color:var(--color-primary,#007bff)}.theme-dark .asset-fallback,.theme-dark .asset-preview{background:#404040;background:var(--color-background-secondary,#404040)}.theme-dark .asset-icon{color:#ccc;color:var(--color-text-secondary,#ccc)}.theme-dark .asset-name{color:#fff;color:var(--color-text-primary,#fff)}.theme-dark .asset-meta{color:#ccc;color:var(--color-text-secondary,#ccc)}.theme-dark .asset-type{background:#404040;background:var(--color-background-secondary,#404040)}.theme-dark .asset-description,.theme-dark .loading,.theme-dark .no-assets{color:#ccc;color:var(--color-text-secondary,#ccc)}.theme-dark .pagination,.theme-dark .pagination button{border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .pagination button{background:#2d2d2d;background:var(--color-background,#2d2d2d);color:#fff;color:var(--color-text-primary,#fff)}.theme-dark .pagination button:hover:not(:disabled){background:#404040;background:var(--color-background-hover,#404040)}.theme-dark .pagination span{color:#ccc;color:var(--color-text-secondary,#ccc)}.link-picker-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.link-picker-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.link-picker-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.link-picker-header h3{color:#333;font-size:1.25rem;margin:0}.close-btn{background:none;border-radius:4px;color:#666;font-size:2rem;height:2rem;padding:0;width:2rem}.close-btn:hover{background:#f0f0f0;color:#333}.link-picker-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:.5rem;padding:1rem 1.5rem 0}.tab-btn{border-bottom:2px solid #0000;color:#666;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#f5f5f5;border-radius:4px 4px 0 0;color:#007cba}.tab-btn.active{border-bottom-color:#007cba;color:#007cba}.link-picker-search{border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem}.search-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.search-input:focus{border-color:#007cba;box-shadow:0 0 0 2px #007cba33}.link-picker-content{flex:1 1;max-height:400px;min-height:300px;overflow-y:auto;padding:1rem 1.5rem}.link-list{display:flex;flex-direction:column;gap:.5rem}.link-item{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem;transition:all .2s ease}.link-item:hover{background:#f0f0f0;border-color:#007cba}.link-info{flex:1 1;min-width:0}.link-label{color:#333;font-weight:600;margin-bottom:.25rem}.link-path{color:#666;font-family:Courier New,monospace;font-size:.85rem}.link-meta{color:#999;font-size:.8rem;margin-top:.25rem}.insert-btn{background:#007cba;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.insert-btn:hover{background:#005a87}.loading,.no-results{color:#666;padding:2rem;text-align:center}.no-results p{line-height:1.6;margin:.5rem 0}.no-results strong{color:#333}.product-options{background:#f0f7ff;border:1px solid #b3d9ff;border-radius:4px;margin-bottom:1rem;padding:.75rem}.checkbox-label{color:#333;font-size:.9rem;-webkit-user-select:none;user-select:none}.checkbox-label span{font-weight:500}.product-thumbnail{border:1px solid #ddd;border-radius:4px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.custom-url-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.5rem}.form-group label{color:#333}.text-input,.url-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.text-input:focus,.url-input:focus{border-color:#007cba;box-shadow:0 0 0 2px #007cba33;outline:none}.insert-custom-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.insert-custom-btn:hover:not(:disabled){background:#218838}.insert-custom-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.link-picker-footer{background:#f9f9f9;border-top:1px solid #e0e0e0;padding:1rem 1.5rem}@media (max-width:768px){.link-picker-modal{max-height:90vh;width:95%}.link-picker-tabs{flex-wrap:wrap;gap:.25rem}.tab-btn{font-size:.8rem;padding:.4rem .6rem}.link-item{align-items:flex-start;flex-direction:column;gap:.5rem}.insert-btn{width:100%}}.link-picker-content::-webkit-scrollbar{width:8px}.link-picker-content::-webkit-scrollbar-track{background:#f1f1f1}.link-picker-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.link-picker-content::-webkit-scrollbar-thumb:hover{background:#555}.modal-overlay{animation:fadeIn .2s ease-in-out;z-index:999}.template-modal{animation:slideIn .3s ease-out;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:700px;overflow-y:auto;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.template-modal .modal-header{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.template-modal .modal-header h3{color:var(--color-text-primary);font-size:1.3em;margin:0}.template-modal .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.template-modal .close-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.template-modal .modal-body{padding:20px}.template-description{background:var(--color-surface);border-left:3px solid var(--color-secondary);border-radius:6px;color:var(--color-text-secondary);font-style:italic;margin-bottom:25px;padding:12px}.template-fields{gap:18px}.template-field,.template-fields{display:flex;flex-direction:column}.template-field{gap:6px}.template-field label{color:var(--color-text-primary);font-size:.9em;font-weight:600;text-transform:capitalize}.template-field input,.template-field textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-family:inherit;font-size:.95em;padding:10px 12px;transition:all .2s ease;width:100%}.template-field input:focus,.template-field textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.template-field textarea{line-height:1.5;min-height:80px;resize:vertical}.asset-field-group{align-items:stretch;display:flex;gap:8px}.asset-field-group input{flex:1 1}.asset-picker-btn{align-items:center;background:var(--color-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.asset-picker-btn:hover{background:var(--color-secondary-hover);box-shadow:0 2px 8px #7c3aed4d;transform:translateY(-1px)}.asset-picker-btn:active{transform:translateY(0)}.field-hint{font-size:.8em;margin-top:2px}.template-modal .modal-footer{background:var(--color-background);border-top:1px solid var(--color-border);bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px;position:-webkit-sticky;position:sticky}.template-modal .btn{border:none;border-radius:6px;cursor:pointer;font-size:.95em;font-weight:600;padding:10px 20px;transition:all .2s ease}.template-modal .btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.template-modal .btn-secondary:hover{background:var(--color-surface-hover)}.template-modal .btn-primary{background:var(--color-secondary);color:#fff}.template-modal .btn-primary:hover{background:var(--color-secondary-hover);box-shadow:0 2px 8px #7c3aed4d;transform:translateY(-1px)}@media (max-width:768px){.template-modal{max-height:90vh;width:95%}.asset-field-group{flex-direction:column}.asset-picker-btn{justify-content:center;width:100%}}.theme-dark .template-modal{box-shadow:0 10px 40px #0009}.theme-dark .template-description{background:#7c3aed1a}.theme-dark .template-field input:focus,.theme-dark .template-field textarea:focus{box-shadow:0 0 0 3px #7c3aed33}.editable-content-dual-container{position:relative;width:100%}.display-content{position:relative}.edit-icon-button{align-items:center;background:#dc3545;border:none;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.5rem 1rem;position:absolute;right:10px;top:10px;transition:all .2s ease;white-space:nowrap;z-index:10}.edit-icon-button:hover{background:#c82333;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.dual-editor-container{background:#fff;background:var(--color-background,#fff);border-radius:0;bottom:0;box-shadow:none;height:100vh;left:0;margin:0;max-width:none;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:1000}.editor-header{align-items:center;background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border,#dee2e6);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.editor-header h3{align-items:center;color:#333;color:var(--color-text-primary,#333);display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0}.editor-header h3:before{content:"🖥️";font-size:1rem}.editor-mode-selector{background:#fff;background:var(--color-background,#fff);border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;gap:8px;padding:4px}.mode-btn{background:#0000;border:none;border-radius:4px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.mode-btn:hover{background:#f0f0f0;background:var(--color-background-light,#f0f0f0);color:#333;color:var(--color-text-primary,#333)}.mode-btn.active{background:#007bff;background:var(--color-primary,#007bff);box-shadow:0 2px 4px #007bff4d;color:#fff;color:var(--color-white,#fff)}.editor-actions{display:flex;gap:10px}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn{background:#6c757d;background:var(--color-secondary,#6c757d);color:#fff;color:var(--color-white,#fff)}.cancel-btn:hover:not(:disabled){background:#545b62;background:var(--color-secondary-dark,#545b62)}.save-btn{background:#28a745;background:var(--color-success,#28a745);color:#fff;color:var(--color-white,#fff)}.save-btn:hover:not(:disabled){background:#218838;background:var(--color-success-dark,#218838)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}.editor-content{height:calc(100vh - 120px);max-width:none;overflow-y:auto;padding:20px;width:100%}.simple-editor,.simple-editor-with-preview{width:100%}.simple-editor-split{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:calc(100vh - 200px);min-height:500px}.editor-panel,.preview-panel{border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:6px;display:flex;flex-direction:column;max-height:100%;overflow:hidden}.panel-header{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border,#dee2e6);padding:12px 16px}.panel-header h4{color:#495057;color:var(--color-text-primary,#495057);font-size:14px;font-weight:600;margin:0}.preview-content{background:#fff;background:var(--color-background,#fff);flex:1 1;max-height:calc(100vh - 280px);min-height:400px;overflow-x:hidden;padding:16px}.preview-content,.preview-html{color:#333;color:var(--color-text-primary,#333)}.preview-html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;width:100%}.preview-html h1,.preview-html h2,.preview-html h3,.preview-html h4,.preview-html h5,.preview-html h6{color:#212529;color:var(--color-text-primary,#212529);margin-bottom:.5rem;margin-top:0}.preview-html p{margin-bottom:1rem}.preview-html img{border-radius:4px;height:auto;max-width:100%}.preview-html a{color:#007bff;color:var(--color-primary,#007bff);text-decoration:none}.preview-html a:hover{text-decoration:underline}.preview-html ol,.preview-html ul{margin-bottom:1rem;padding-left:1.5rem}.preview-html blockquote{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border-left:4px solid #007bff;border-left:4px solid var(--color-primary,#007bff);border-radius:0 4px 4px 0;margin:1rem 0;padding:.5rem 1rem}@media (max-width:1200px){.simple-editor-split{grid-template-columns:1fr;height:auto}.editor-panel,.preview-panel{min-height:300px}}.simple-textarea,.simple-textarea:active,.simple-textarea:focus{background-color:#fff!important;background-color:var(--color-background,#fff)!important;color:#333!important;color:var(--color-text-primary,#333)!important}.editor-toolbar{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;padding:12px}.toolbar-dropdown-group{position:relative}.toolbar-btn{background:#fff;background:var(--color-background,#fff);border:1px solid #ced4da;border:1px solid var(--color-border,#ced4da);border-radius:4px;color:#495057;color:var(--color-text-primary,#495057);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.toolbar-btn:hover{background:#e9ecef;background:var(--color-background-light,#e9ecef);border-color:#adb5bd;border-color:var(--color-border-hover,#adb5bd)}.toolbar-btn:focus{outline:2px solid #007bff;outline-offset:2px}.toolbar-btn-highlight{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:600}.toolbar-btn-highlight:hover{background:linear-gradient(135deg,#5568d3,#653f8a);border-color:#5568d3;box-shadow:0 2px 8px #667eea4d;transform:translateY(-1px)}.toolbar-dropdown{background:#fff;background:var(--color-background,#fff);border:1px solid #ced4da;border:1px solid var(--color-border,#ced4da);border-radius:6px;box-shadow:0 4px 12px #00000026;color:#333;color:var(--color-text-primary,#333);left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.image-dropdown{min-width:300px}.link-dropdown{min-width:250px}.style-dropdown{min-width:350px}.dropdown-section{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--color-border-light,#e9ecef);padding:8px 0}.dropdown-section:last-child{border-bottom:none}.dropdown-section strong{color:#6c757d;color:var(--color-text-secondary,#6c757d);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.dropdown-item{align-items:center;border-bottom:1px solid #f8f9fa;border-bottom:1px solid var(--color-border-light,#f8f9fa);color:#333;color:var(--color-text-primary,#333);cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8f9fa;background:var(--color-background-light,#f8f9fa)}.dropdown-thumb{border:1px solid #dee2e6;border-radius:4px;height:40px;margin-right:12px;object-fit:cover;width:40px}.dropdown-preview{display:inline-block;margin-right:12px}.dropdown-label-group{display:flex;flex-direction:column}.dropdown-label-main{color:#495057;color:var(--color-text-primary,#495057);font-weight:500}.dropdown-label-desc{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:12px;margin-top:2px}.template-dropdown{max-width:400px;min-width:350px}.template-dropdown .dropdown-item{padding:12px 15px}.template-icon{flex-shrink:0;font-size:24px;margin-right:12px}.template-dropdown .dropdown-label-group{flex:1 1}.template-dropdown .dropdown-label-main{color:#333;color:var(--color-text-primary,#333);font-size:14px;font-weight:600}.template-dropdown .dropdown-label-desc{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:12px;line-height:1.3;margin-top:4px}.simple-textarea{background:#fff;background:var(--color-background,#fff);border:none;border-radius:0;color:#333;color:var(--color-text-primary,#333);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;padding:15px;resize:none;transition:none;width:100%}.simple-textarea,.simple-textarea:focus{box-shadow:none;outline:none}.simple-textarea::placeholder{color:#999;color:var(--color-text-muted,#999);font-style:italic}.tinymce-editor{height:calc(100vh - 200px);min-height:500px;width:100%}.editor-hint{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border:1px solid #bbdefb;border:1px solid var(--color-info-border,#bbdefb);border-radius:6px;color:#1565c0;color:var(--color-info-text,#1565c0);font-size:14px;line-height:1.5;margin-bottom:15px;padding:12px 16px}.editor-hint strong{font-weight:600}.editor-footer{background:#f8f9fa;background:var(--color-background-light,#f8f9fa);border-top:1px solid #dee2e6;border-top:1px solid var(--color-border,#dee2e6);padding:15px 20px}.editor-footer .editor-hint{background:#fff3cd;background:var(--color-warning-light,#fff3cd);border-color:#ffeaa7;border-color:var(--color-warning-border,#ffeaa7);color:#856404;color:var(--color-warning-text,#856404);margin:0}@media (max-width:768px){.editor-header{align-items:stretch;flex-direction:column;gap:10px}.editor-header h3{text-align:center}.editor-actions,.editor-mode-selector{justify-content:center}.mode-btn{font-size:13px;padding:6px 12px}.simple-textarea{font-size:13px;min-height:300px}.editor-content{padding:15px}.editor-footer{padding:12px 15px}}@media (max-width:480px){.editor-mode-selector{flex-direction:column;width:100%}.mode-btn{text-align:center;width:100%}.editor-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.editor-content{transition:opacity .3s ease}.cancel-btn:focus,.mode-btn:focus,.save-btn:focus{outline:2px solid #007bff;outline-offset:2px}.editor-content.loading{opacity:.6;pointer-events:none}.editor-header.success{background:#d4edda;background:var(--color-success-light,#d4edda);border-bottom-color:#c3e6cb;border-bottom-color:var(--color-success-border,#c3e6cb)}.editor-header.error{background:#f8d7da;background:var(--color-error-light,#f8d7da);border-bottom-color:#f5c6cb;border-bottom-color:var(--color-error-border,#f5c6cb)}.theme-dark .dual-editor-container{background:#1a1a1a!important;background:var(--color-background,#1a1a1a)!important}.theme-dark .dual-editor-container,.theme-dark .editor-header{color:#fff!important;color:var(--color-text-primary,#fff)!important}.theme-dark .editor-header{background:#2d2d2d!important;background:var(--color-surface,#2d2d2d)!important;border-bottom-color:#404040!important;border-bottom-color:var(--color-border,#404040)!important}.theme-dark .editor-content{background:#1a1a1a!important;background:var(--color-background,#1a1a1a)!important;color:#fff!important;color:var(--color-text-primary,#fff)!important}.theme-dark .editor-panel,.theme-dark .preview-panel{background:#2d2d2d!important;background:var(--color-surface,#2d2d2d)!important;border-color:#404040!important;border-color:var(--color-border,#404040)!important}.theme-dark .panel-header{background:#3d3d3d!important;background:var(--color-surface-hover,#3d3d3d)!important;border-bottom-color:#404040!important;border-bottom-color:var(--color-border,#404040)!important;color:#fff!important;color:var(--color-text-primary,#fff)!important}.theme-dark .preview-content{background:#1a1a1a!important;background:var(--color-background,#1a1a1a)!important}.theme-dark .preview-content,.theme-dark .simple-textarea{color:#fff!important;color:var(--color-text-primary,#fff)!important}.theme-dark .simple-textarea{background:#1a1a1a!important;background:var(--color-input-bg,#1a1a1a)!important}.theme-dark .simple-textarea,.theme-dark .toolbar-btn{border-color:#404040!important;border-color:var(--color-border,#404040)!important}.theme-dark .toolbar-btn{background:#2d2d2d!important;background:var(--color-surface,#2d2d2d)!important;color:#fff!important;color:var(--color-text-primary,#fff)!important}.theme-dark .toolbar-btn:hover{background:#3d3d3d!important;background:var(--color-surface-hover,#3d3d3d)!important}.theme-dark .toolbar-dropdown{background:#2d2d2d!important;background:var(--color-surface,#2d2d2d)!important;border-color:#404040!important;border-color:var(--color-border,#404040)!important}.theme-dark .dropdown-item,.theme-dark .toolbar-dropdown{color:#fff!important;color:var(--color-text-primary,#fff)!important}.theme-dark .dropdown-item:hover{background:#3d3d3d!important;background:var(--color-surface-hover,#3d3d3d)!important}.theme-dark .editor-mode-selector,.theme-dark .mode-btn{background:#2d2d2d!important;background:var(--color-surface,#2d2d2d)!important}.theme-dark .mode-btn{border-color:#404040!important;border-color:var(--color-border,#404040)!important;color:#fff!important;color:var(--color-text-primary,#fff)!important}.theme-dark .mode-btn.active{background:#61dafb!important;background:var(--color-primary,#61dafb)!important;color:#1a1a1a!important;color:var(--color-background,#1a1a1a)!important}.theme-dark .editor-footer{border-top-color:#404040!important;border-top-color:var(--color-border,#404040)!important}.theme-dark .editor-footer,.theme-dark .editor-hint{background:#2d2d2d!important;background:var(--color-surface,#2d2d2d)!important;color:#fff!important;color:var(--color-text-primary,#fff)!important}.theme-dark .editor-hint{border-color:#404040!important;border-color:var(--color-border,#404040)!important}.theme-dark .editor-footer .editor-hint,.theme-dark .editor-hint strong{color:#fff!important;color:var(--color-text-primary,#fff)!important}.theme-dark .editor-footer .editor-hint{background:#2d2d2d!important;background:var(--color-surface,#2d2d2d)!important;border-color:#404040!important;border-color:var(--color-border,#404040)!important}.music-dropdown{max-height:300px;overflow-y:auto}.music-dropdown .dropdown-item{align-items:center;display:flex;gap:8px;padding:8px 12px}.music-icon{font-size:16px;text-align:center;width:20px}.dropdown-divider{background:#e0e0e0;background:var(--color-border,#e0e0e0);height:1px;margin:4px 0}.search-icon{color:#007bff;color:var(--color-primary,#007bff);font-size:16px;text-align:center;width:20px}.dropdown-item:hover .search-icon{color:#0056b3;color:var(--color-primary-dark,#0056b3)}.preview-html audio{border-radius:4px;margin:10px 0;width:100%}.preview-html audio::-webkit-media-controls-panel{background-color:#f9f9f9;background-color:var(--color-background-light,#f9f9f9)}.theme-dark .preview-html audio::-webkit-media-controls-panel{background-color:#2d2d2d;background-color:var(--color-surface,#2d2d2d)}.theme-dark .editor-toolbar{background:#2d2d2d!important;background:var(--color-surface,#2d2d2d)!important;border-color:#404040!important;border-color:var(--color-border,#404040)!important}.tiptap-editor{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.tiptap-toolbar{background:#f8f9fa;border-bottom:1px solid #ddd;flex-wrap:wrap;padding:8px 12px}.tiptap-toolbar,.tiptap-toolbar button{align-items:center;display:flex;gap:4px}.tiptap-toolbar button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:all .2s ease}.tiptap-toolbar button:hover{background:#e9ecef;border-color:#999}.tiptap-toolbar button.is-active{background:#007bff;background:var(--color-primary,#007bff);border-color:#007bff;border-color:var(--color-primary,#007bff);color:#fff}.tiptap-toolbar button:disabled{cursor:not-allowed;opacity:.5}.tiptap-content{min-height:300px;padding:16px}.tiptap-content .ProseMirror{line-height:1.6;min-height:280px;outline:none}.tiptap-content .ProseMirror p{margin:0 0 1em}.tiptap-content .ProseMirror h1,.tiptap-content .ProseMirror h2,.tiptap-content .ProseMirror h3{font-weight:600;margin:1.5em 0 .5em}.tiptap-content .ProseMirror h1{font-size:2em}.tiptap-content .ProseMirror h2{font-size:1.5em}.tiptap-content .ProseMirror h3{font-size:1.25em}.tiptap-content .ProseMirror ol,.tiptap-content .ProseMirror ul{margin:1em 0;padding-left:1.5em}.tiptap-content .ProseMirror blockquote{border-left:3px solid #ddd;font-style:italic;margin:1em 0;padding-left:1em}.tiptap-content .ProseMirror hr{border:none;border-top:1px solid #ddd;margin:2em 0}.tiptap-content .ProseMirror img{border-radius:4px;height:auto;max-width:100%}.theme-dark .tiptap-editor{background:#2d2d2d;background:var(--color-surface,#2d2d2d)}.theme-dark .tiptap-editor,.theme-dark .tiptap-toolbar{border-color:#404040;border-color:var(--color-border,#404040)}.theme-dark .tiptap-toolbar{background:#3a3a3a;background:var(--color-surface-light,#3a3a3a)}.theme-dark .tiptap-toolbar button{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-color:#404040;border-color:var(--color-border,#404040);color:#fff;color:var(--color-text-primary,#fff)}.theme-dark .tiptap-toolbar button:hover{background:#3a3a3a;background:var(--color-surface-light,#3a3a3a)}.theme-dark .tiptap-content .ProseMirror{background:#2d2d2d;background:var(--color-surface,#2d2d2d);color:#fff;color:var(--color-text-primary,#fff)}.theme-dark .tiptap-content .ProseMirror blockquote,.theme-dark .tiptap-content .ProseMirror hr{border-color:#404040;border-color:var(--color-border,#404040)}.page-editor-container{margin:0 auto;max-width:1400px;padding:1rem 0}.page-editor-content{background:#fff;background:var(--color-background,#fff);border-radius:6px;padding:1.25rem}.page-editor-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.page-editor-header h2{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:1.5rem;margin:0}.btn-auto-populate{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn-auto-populate:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-auto-populate:disabled{cursor:not-allowed;opacity:.6;transform:none}.version-history-panel{background:var(--color-background);border-left:2px solid var(--color-border);box-shadow:-4px 0 12px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}.version-history-header{align-items:center;background:var(--color-background-secondary);border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.version-history-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.2rem;gap:.5rem;margin:0}.version-history-header .btn-close{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.version-history-header .btn-close:hover{color:var(--color-text-primary)}.version-empty,.version-loading{color:var(--color-text-secondary);padding:2rem;text-align:center}.version-list{flex:1 1;overflow-y:auto;padding:1rem}.version-item{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:box-shadow .2s}.version-item:hover{box-shadow:0 4px 12px #0000001a}.version-info{margin-bottom:1rem}.version-number{color:var(--color-primary);font-size:.9rem}.version-number,.version-title{font-weight:600;margin-bottom:.5rem}.version-title{color:var(--color-text-primary);font-size:1rem}.version-meta{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.version-meta span{align-items:center;display:flex;gap:.4rem}.version-summary{background:var(--color-background);border-left:3px solid var(--color-primary);color:var(--color-text-secondary);font-size:.9rem;font-style:italic;margin-top:.75rem;padding:.75rem}.version-actions{display:flex;gap:.5rem;justify-content:flex-end}.version-actions .btn{align-items:center;display:flex;font-size:.9rem;gap:.4rem;padding:.5rem 1rem}@media (max-width:768px){.version-history-panel{width:100%}}.version-history-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.page-metadata{background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem;padding:1.25rem}.page-metadata h3{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:1.1rem;font-weight:600;margin:0}.type-specific-metadata{background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem;padding:1.25rem}.metadata-section-title{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.metadata-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:.75rem}.metadata-fields.metadata-grid{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);margin-top:0;padding-top:.75rem}.metadata-grid .form-group{margin-bottom:0}.metadata-grid .form-group-full{grid-column:1/-1}.metadata-grid .form-group-2col{grid-column:span 2}.metadata-grid .form-group label{color:#2c3e50;color:var(--color-text-primary,#2c3e50);display:block;font-size:.875rem;font-weight:600;margin-bottom:.35rem}.metadata-grid .form-control{background:#fff;background:var(--color-background,#fff);border:1px solid #d0d0d0;border:1px solid var(--color-border,#d0d0d0);border-radius:4px;font-size:.9rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.metadata-grid .form-control:focus{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 2px #007bff1a;outline:none}.metadata-grid .form-text{color:#6c757d;color:var(--color-text-secondary,#6c757d);display:block;font-size:.8rem;font-style:italic;margin-top:.3rem}@media (min-width:992px){.metadata-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:991px){.metadata-grid{grid-template-columns:repeat(2,1fr)}.metadata-grid .form-group-2col{grid-column:1/-1}}@media (max-width:767px){.metadata-grid{gap:.65rem;grid-template-columns:1fr}.metadata-grid .form-group-2col,.metadata-grid .form-group-full{grid-column:1}.page-metadata,.type-specific-metadata{margin-bottom:.75rem;padding:.9rem}.metadata-header{gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem}.page-editor-container{padding:.75rem 0}.page-editor-content{padding:1rem}}.metadata-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.metadata-header h3{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:1.1rem;font-weight:600;margin:0}.metadata-actions{display:flex;flex-wrap:wrap;gap:.5rem}.metadata-actions .btn-sm{font-size:.875rem;padding:.45rem .9rem}.page-content-editor{margin-top:1rem}.page-content-editor h3{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.editor-instructions{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:.875rem;margin:0 0 .75rem}.page-editor-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);margin-top:1.5rem;padding-top:1rem}.footer-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.editor-note{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:.875rem;font-style:italic}.editor-note p{margin:0}.btn{border-radius:4px;gap:.4rem;padding:.5rem 1rem}.btn-primary{background:#007bff;background:var(--color-primary,#007bff);border-color:#007bff;border-color:var(--color-primary,#007bff)}.btn-primary:hover{background:#0056b3;background:var(--color-primary-hover,#0056b3);border-color:#0056b3;border-color:var(--color-primary-hover,#0056b3)}.btn-secondary{background:#6c757d;background:var(--color-secondary,#6c757d);border-color:#6c757d;border-color:var(--color-secondary,#6c757d)}.btn-secondary:hover{background:#5a6268;border-color:#545b62}.btn-outline{background:#0000;border-color:#007bff;border-color:var(--color-primary,#007bff);color:#007bff;color:var(--color-primary,#007bff)}.btn-outline:hover{background:#007bff;background:var(--color-primary,#007bff);color:#fff}.btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;border-color:#bd2130}.btn-sm{padding:.45rem .9rem}.share-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.share-modal-content{background:#0d1117;border:1px solid #30363d;border-radius:12px;box-shadow:0 8px 32px #0006;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.share-modal-header{align-items:center;background:linear-gradient(135deg,#161b22,#0d1117);border-bottom:1px solid #30363d;display:flex;justify-content:space-between;padding:1.5rem}.share-modal-header h2{align-items:center;color:#f0f6fc;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.share-modal-header h2 svg{color:#58a6ff;height:24px;width:24px}.close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#8b949e;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.close-btn:hover:not(:disabled){background:#21262d;color:#f0f6fc}.close-btn:disabled{cursor:not-allowed;opacity:.5}.close-btn svg{height:20px;width:20px}.share-modal-body{padding:1.5rem}.article-info{background:#161b22;border:1px solid #30363d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.article-info h3{color:#f0f6fc;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.content-description{color:#8b949e;font-size:.9rem;font-style:italic;margin:.5rem 0}.article-url{color:#8b949e;font-size:.9rem;margin:0;word-break:break-all}.form-group label{color:#c9d1d9;font-size:.95rem}.form-group label svg{color:#58a6ff;height:16px;width:16px}.form-control{background:#161b22;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .2s ease}.form-control:focus{box-shadow:0 0 0 3px #58a6ff1a}.form-control:disabled{cursor:not-allowed;opacity:.6}.form-control::placeholder{color:#6e7681}textarea.form-control{line-height:1.5;min-height:100px;resize:vertical}.form-help{color:#8b949e;display:block;font-size:.85rem;margin-top:.25rem}.share-modal-actions{border-top:1px solid #30363d;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.btn{display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn:disabled{opacity:.6}.btn-secondary{border-color:#30363d}.btn-primary{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-color:#3b82f6}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 0 0 3px #58a6ff1a}.btn svg{height:18px;width:18px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (max-width:768px){.share-modal-content{margin:1rem;max-width:95%}.share-modal-header{padding:1rem}.share-modal-header h2{font-size:1.25rem}.share-modal-body{padding:1rem}.share-modal-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.share-modal-content::-webkit-scrollbar{width:8px}.share-modal-content::-webkit-scrollbar-track{background:#161b22;border-radius:0 12px 12px 0}.share-modal-content::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.share-modal-content::-webkit-scrollbar-thumb:hover{background:#484f58}.page-viewer-container{padding:.25rem 0}.page-viewer-content{margin:0 auto;max-width:1000px;padding:.75rem;position:relative}.page-viewer-container.tune-page-viewer{padding:1rem 0}.page-viewer-container.tune-page-viewer .page-viewer-content,.tune-page-viewer .page-content{padding:0}.edit-page-btn{align-items:center;background:linear-gradient(135deg,#a371f7,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 12px #a371f766;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;position:fixed;right:20px;top:100px;transition:all .3s ease;z-index:1000}.edit-page-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 20px #a371f780;transform:translateY(-2px)}.edit-page-btn:active{transform:translateY(0)}.edit-page-btn svg,.edit-page-btn:before{font-size:1.1em}.back-btn-floating{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:6px;color:var(--color-primary);cursor:pointer;display:inline-flex;float:right;font-size:.9rem;font-weight:500;gap:.5rem;margin:0 0 1rem 1rem;padding:.5rem 1rem;position:relative;transition:all .2s ease;z-index:10}.back-btn-floating:hover{background:var(--color-background-secondary);border-color:var(--color-primary);transform:translateX(2px)}.back-btn-floating svg{height:14px;width:14px}.share-btn-floating{align-items:center;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:fixed;right:calc(50vw - 490px);top:120px;transition:all .3s ease;width:36px;z-index:999}.share-btn-floating:hover{background:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow);transform:scale(1.15)}.share-btn-floating img{height:20px;transition:filter .3s ease;width:20px}.share-btn-floating:hover img{filter:brightness(0) invert(1)}@media (max-width:1050px){.share-btn-floating{right:10px}}@media (max-width:768px){.share-btn-floating{height:32px;right:10px;top:80px;width:32px}.share-btn-floating img{height:18px;width:18px}}.page-header{border-bottom:2px solid var(--color-border);margin-bottom:2rem;padding-bottom:1rem}.page-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.page-description{font-size:1.1rem;line-height:1.5;margin:0 0 1rem}.page-description,.page-meta{color:var(--color-text-secondary)}.page-meta{font-size:.9rem}.page-type{background:var(--color-primary);color:#fff;text-transform:capitalize}.page-type,.page-version{border-radius:20px;padding:.25rem .75rem}.page-version{background:var(--color-background-secondary);color:var(--color-text-secondary);font-family:Courier New,monospace}.page-content{color:var(--color-text-primary);font-size:1rem;line-height:1.6}.page-content .legal-page{max-width:100%}.page-content .last-updated{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.85rem;font-style:italic;margin-bottom:1rem;padding-bottom:.75rem}.page-content .info-box{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;margin:1rem 0;padding:1rem}.page-content .info-box h3,.page-content .info-box h4{color:var(--color-primary);margin-bottom:.75rem;margin-top:0}.page-content .info-note{background:#a371f71a;border-left:3px solid var(--color-primary);border-radius:4px;color:var(--color-text-primary);font-size:.95rem;margin:.75rem 0;padding:.75rem}.page-content .highlight-box{background:linear-gradient(135deg,#a371f71a,#8250df0d);border:2px solid var(--color-primary);border-radius:8px;margin:1rem 0;padding:1rem}.page-content section{margin-bottom:1.5rem}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{color:var(--color-text-primary);font-weight:600;margin-bottom:.75rem;margin-top:1.25rem}.page-content h1{border-bottom:none;font-size:2.2rem;margin-bottom:.75rem;margin-top:.5rem;padding-bottom:0;text-align:center}.page-content h2{border-bottom:2px solid var(--color-border);color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem;margin-top:1.5rem;padding-bottom:.5rem}.page-content h3{color:var(--color-text-primary);font-size:1.15rem;margin-bottom:.5rem;margin-top:1.25rem}.page-content h4{font-size:1.25rem}.page-content p{line-height:1.5;margin-bottom:.75rem}.page-content p.intro-text{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.5;margin:0 auto 1.25rem;max-width:800px;text-align:center}.page-content ol,.page-content ul{color:var(--color-text-secondary);margin-bottom:.75rem;padding-left:1.75rem}.page-content li{line-height:1.5;margin-bottom:.4rem}.page-content li strong{color:var(--color-text-primary);font-weight:600}.page-content ol li{padding-left:.5rem}.page-content blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-secondary);font-style:italic;margin:1.5rem 0;padding-left:1rem}.page-content code{background:var(--color-background-secondary);border-radius:3px;color:var(--color-text-primary);font-family:Courier New,monospace;padding:.2rem .4rem}.page-footer{border-top:2px solid var(--color-border);margin-top:3rem;padding-top:2rem}.page-footer-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1.5rem;margin-bottom:1.5rem}.footer-item{align-items:center;display:flex;gap:.4rem}.footer-item svg{height:14px;width:14px}.footer-item strong{color:var(--color-text-primary);font-weight:600;margin-right:.3rem}.page-footer-tags{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:1.5rem}.page-footer-tags strong{align-items:center;color:var(--color-text-primary);display:flex;font-weight:600;gap:.4rem;margin-bottom:.75rem}.page-footer-tags svg{height:14px;width:14px}.tags-container{gap:.5rem}.tag{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);font-size:.8rem;padding:.25rem .75rem}.tag:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.back-to-articles-btn,.back-to-tunes-btn{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-to-articles-btn:hover,.back-to-tunes-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.back-to-articles-btn svg,.back-to-tunes-btn svg{height:16px;width:16px}.tune-footer{border-top:1px solid #8b71f74d;font-size:.75rem;margin-top:3rem;padding-top:1.5rem}.tune-footer-attributes{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.footer-attr{align-items:center;color:#8b949e;display:inline-flex;font-size:.75rem}.footer-attr strong{color:#c9d1d9;font-weight:600;margin-right:.3rem}.tune-footer-tags{color:var(--color-text-secondary);font-size:.75rem;margin-bottom:1.5rem}.tune-footer-tags strong{color:var(--color-text-primary);font-weight:600;margin-right:.5rem}.tune-footer-tags .tags-container{display:inline-flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.tag-small{background:#8b71f726;border:1px solid #8b71f74d;border-radius:8px;color:#a371f7;font-size:.7rem;padding:.15rem .5rem;transition:all .2s ease}.tag-small:hover{background:#8b71f740;border-color:#8b71f780}.page-content pre{background:var(--color-background-secondary);border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1rem}.page-content pre code{background:none;color:var(--color-text-primary);padding:0}.page-content img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;margin:1rem 0;max-width:100%}.page-content a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.page-content a:hover{color:var(--color-primary-dark);text-decoration:underline}.page-content table{background:var(--color-background);border-collapse:collapse;margin:1rem 0;width:100%}.page-content td,.page-content th{border-bottom:1px solid var(--color-border);padding:.75rem;text-align:left}.page-content th{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:600}.page-content hr{background:var(--color-border);border:none;height:2px;margin:2rem 0}.loading{color:var(--color-text-secondary);font-size:1.1rem}.error,.loading{padding:3rem;text-align:center}.error h2{color:var(--color-text-primary);margin-bottom:1rem}.error p{color:var(--color-text-secondary);margin:0}@media (max-width:768px){.page-title{font-size:2rem}.page-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.page-content{font-size:.95rem}.page-content h1{font-size:2rem}.page-content h2{font-size:1.3rem}.page-content h3{font-size:1.1rem}.page-content h4,.page-content p.intro-text{font-size:1rem}.page-content .highlight-box,.page-content .info-box{padding:1.25rem}.edit-page-btn{font-size:.85rem;padding:.6rem 1rem;right:10px;top:70px}}@media (max-width:480px){.page-viewer-container{padding:.25rem 0}.page-viewer-content{padding:.5rem}.page-content h1{font-size:1.75rem}.page-content .highlight-box,.page-content .info-box{margin:1rem 0;padding:1rem}}.notation-image-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem 0 2rem;overflow-x:auto;padding:1rem;text-align:center}.notation-image{border-radius:4px;display:block;height:auto;margin:0 auto;max-width:100%}.login-container{align-items:center;background-color:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:.5rem 1rem}.login-container.verification-page{min-height:auto;padding:1rem}.login-box{background:var(--color-surface);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:500px;padding:2.5rem 2rem;width:100%}.login-box h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:2.25rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:-.02em;margin-bottom:.75rem;text-align:center}.login-subtitle{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.login-links,.login-subtitle{margin-bottom:1.75rem;text-align:center}.login-links{display:flex;flex-direction:column;gap:.5rem}.login-links p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0}.login-links a,.login-subtitle a{align-items:center;color:var(--color-primary);display:inline-flex;font-weight:600;gap:.35rem;text-decoration:none;transition:color .2s ease}.login-links a:hover,.login-subtitle a:hover{color:var(--color-primary-dark);text-decoration:underline}.demo-credentials{border-left:4px solid var(--color-primary);border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.demo-credentials p{color:var(--color-text-secondary);font-size:.95rem;margin:.5rem 0}.demo-credentials code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-family:Courier New,monospace;font-weight:500;padding:.25rem .5rem}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.15rem;gap:.5rem;letter-spacing:.01em;margin-bottom:.75rem}.form-group input{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text-primary);font-size:1.05rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #22c55e26;outline:none;transform:translateY(-1px)}.form-group input:disabled,.form-group input:focus{background-color:var(--color-surface)}.error-message{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444!important;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.login-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.login-button:disabled{background:var(--color-border);box-shadow:none;color:var(--color-text-secondary);cursor:not-allowed;transform:none}.forgot-password-link{color:var(--color-primary);display:block;font-size:.95rem;font-weight:500;margin-top:1.5rem;text-align:center;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:var(--color-primary-dark);text-decoration:underline}.register-prompt{border-top:1px solid var(--color-border);color:var(--color-text-secondary);margin-top:2rem;padding-top:1.5rem;text-align:center}.register-prompt a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .2s}.register-prompt a:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-toggle{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-toggle p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.feature-callout{align-items:center;animation:pulse-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#d4af3726,#8b45131a);border:2px solid #d4af3759;border-radius:10px;display:flex;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #d4af3733}50%{box-shadow:0 0 20px #d4af3766}}.feature-icon{animation:bounce-music 2s ease-in-out infinite;flex-shrink:0;font-size:2.25rem}@keyframes bounce-music{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.feature-text{color:var(--color-text-primary);font-size:.95rem;line-height:1.6;text-align:left}.feature-text strong{color:#d4af37;font-size:1rem;font-weight:700}.toggle-link{background:none;border:none;border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:.95rem;font-weight:500;margin-left:.25rem;padding:.25rem .5rem;text-decoration:underline;transition:all .2s ease}.toggle-link:hover{background:#22c55e1a;color:var(--color-primary-dark);text-decoration:none}.demo-section{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem}.demo-toggle{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:1rem;padding:.75rem;transition:all .2s ease;width:100%}.demo-toggle:hover{background:var(--color-surface);border-color:var(--color-primary)}.demo-accounts{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem}.demo-accounts h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.demo-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:1.5rem}.demo-users{display:flex;flex-direction:column;gap:1rem}.demo-user{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.demo-user:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.demo-user-info{flex:1 1}.demo-user-info h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.demo-user-info p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.3;margin:0 0 .5rem}.demo-credentials{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-family:Courier New,monospace;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.demo-login-btn{background:var(--color-primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;margin-left:1rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.demo-login-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.demo-login-btn:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}@media (max-width:480px){.login-container{padding:1rem}.login-box{padding:1.5rem 1.25rem}.login-box h2{font-size:1.75rem}.login-subtitle{font-size:.9rem}.form-group label{font-size:1.05rem}.form-group input{font-size:1rem;padding:.875rem 1rem}.login-links{gap:.35rem}.login-links p{font-size:.95rem}.login-button{font-size:1rem;padding:.875rem 1.25rem}.feature-callout{padding:1rem}.feature-icon{font-size:1.75rem}.feature-text{font-size:.875rem}.demo-user{align-items:stretch;flex-direction:column;gap:1rem}.demo-login-btn{margin-left:0;width:100%}.demo-accounts{padding:1rem}}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px;width:100%}.password-toggle{align-items:center;background:#0000;border:none;border-radius:4px;color:#888;color:var(--color-text-secondary,#888);cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:8px;position:absolute;right:8px;transition:all .2s ease}.password-toggle:hover{background:#0000000d;color:#333;color:var(--color-text-primary,#333);opacity:1}.password-toggle:focus{outline:2px solid #61dafb;outline:2px solid var(--color-primary,#61dafb);outline-offset:2px}.password-toggle svg{height:20px;width:20px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;-webkit-text-fill-color:var(--color-text-primary,#333)!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-box-shadow:0 0 0 30px var(--color-bg,#fff) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.field-error{background:#0000;color:#ef4444!important;line-height:1.4;margin-bottom:0}.form-group input.error,.input-group input.error,input.error{background-color:#ef44440d!important;border-color:#ef4444!important}.form-group input.error:focus,.input-group input.error:focus,input.error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.verification-status{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:.5rem 0;padding:1rem}.verification-status.verifying{background:#22c55e0d;border-color:var(--color-primary)}.verification-status.success{background:#22c55e1a;border-color:#22c55e}.verification-status.error{background:#ef44441a;border-color:#ef4444}.spinner{align-items:center;margin-bottom:1.5rem}.loader{border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-top-color:var(--color-primary)}.success-icon-large{background:#22c55e}.error-icon-large,.success-icon-large{align-items:center;animation:scaleIn .5s ease-out;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto .5rem;width:50px}.error-icon-large{background:#ef4444}.status-message{color:var(--color-text-primary);font-size:1rem;font-weight:500;line-height:1.4;margin:0}.success-details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:.75rem 0;padding:1rem}.success-subtitle{color:var(--color-text-primary);font-size:1.125rem}.success-info{color:var(--color-text-secondary);font-size:1rem;margin:0}.error-details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:.75rem 0;padding:1rem}.error-help{color:var(--color-text-primary);font-size:1rem;margin-bottom:1rem}.error-help-list{list-style:none;margin:0;padding:0}.error-help-list li{color:var(--color-text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.error-help-list li:before{color:var(--color-primary);content:"•";font-weight:700;left:0;position:absolute}.action-buttons{gap:.5rem;margin-top:.75rem}.verify-profile-button,.verify-success-button{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;text-align:center;transition:all .3s ease;width:100%}.verify-success-button{background:var(--color-primary)}.verify-success-button:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.verify-profile-button{background:var(--color-surface);border:2px solid var(--color-primary);color:var(--color-text-primary)}.verify-profile-button:hover{background:var(--color-primary);box-shadow:0 4px 12px #22c55e4d;color:#fff;transform:translateY(-2px)}.verify-profile-button.primary-action{background:linear-gradient(135deg,var(--color-primary) 0,#16a34a 100%);border:none;color:#fff;font-size:1.1rem;font-weight:700;padding:1.2rem 2rem}.verify-profile-button.primary-action:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.verification-success-content{margin-top:1.5rem}.profile-encouragement-banner{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:2px solid var(--color-primary);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem;text-align:center}.profile-encouragement-banner h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.profile-encouragement-banner p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 1rem}.profile-benefits{display:inline-block;list-style:none;margin:1rem 0 0;padding:0;text-align:left}.profile-benefits li{color:var(--color-text-secondary);font-size:.9rem;padding:.5rem 0}.login-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin:0 auto;max-width:600px;padding:2.5rem;width:100%}.login-form.verification-form{max-width:500px;padding:1.5rem}.verification-form h2{font-size:1.5rem;margin-bottom:1rem}.login-form h2{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}@media (max-width:768px){.verification-status{padding:2rem 1rem}.error-icon-large,.success-icon-large{font-size:2rem;height:60px;width:60px}.status-message{font-size:1rem}.error-details,.success-details{padding:1.5rem 1rem}.action-buttons{gap:.75rem}.verify-profile-button,.verify-success-button{font-size:.9375rem;padding:.875rem 1.5rem}.login-form{max-width:100%;padding:2rem 1.5rem}}.custom-captcha-container{display:flex;flex-direction:column;margin:0}.captcha-message{color:var(--color-text-secondary);font-size:.75rem;font-weight:500;margin:0 0 .4rem;min-height:.9em}.captcha-message.verified{color:var(--color-primary)}.captcha-checkbox-area{align-items:center;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:4px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:.6rem .85rem;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.captcha-checkbox-area.holding,.captcha-checkbox-area:hover{background-color:var(--color-bg);border-color:var(--color-primary)}.captcha-progress-bar{background:linear-gradient(90deg,#22c55e33,#22c55e66);height:100%;left:0;position:absolute;top:0;transition:transform 1.5s linear;width:100%;z-index:1}.captcha-label{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;position:relative;z-index:2}.captcha-icon{font-size:1.1rem;line-height:1}.captcha-verified{align-items:center;background:#22c55e1a;border:2px solid var(--color-primary);border-radius:4px;color:var(--color-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem .85rem}.captcha-checkmark{font-size:1.1rem;line-height:1}.captcha-checkbox-area:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:none) and (pointer:coarse){.captcha-checkbox-area{padding:1rem 1.25rem}.captcha-label{font-size:1rem}}.register-container{align-items:center;background-color:initial;border-radius:8px;box-shadow:none;color:var(--color-text-primary);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:1rem 1rem 2rem}.register-container .profile-section,.register-form{margin:0 auto;max-width:800px;width:100%}.register-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.register-container h2{font-size:2rem;font-weight:700;margin-bottom:1rem;margin-top:0}.register-container h2,.register-subtitle{color:var(--color-text-primary);text-align:center;width:100%}.register-subtitle{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e40;border-radius:6px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:.75rem;margin-left:auto;margin-right:auto;max-width:800px;padding:.75rem 1rem}.register-subtitle a{align-items:center;border-radius:4px;color:var(--color-primary);display:inline-flex;font-weight:600;gap:.35rem;padding:.15rem .4rem;text-decoration:none;transition:all .2s ease}.register-subtitle a:hover{background:#22c55e26;box-shadow:0 2px 4px #22c55e33;color:var(--color-primary-dark);text-decoration:none;transform:translateY(-1px)}.register-feature-callout{align-items:center;background:linear-gradient(135deg,#d4af3733,#8b451326);border:1px solid #d4af3766;border-radius:6px;box-shadow:0 2px 8px #d4af3726;box-sizing:border-box;display:flex;gap:.75rem;margin-bottom:.75rem;margin-left:auto;margin-right:auto;max-width:800px;padding:.65rem .9rem;width:100%}.register-feature-callout .feature-icon{animation:bounce 2s ease-in-out infinite;flex-shrink:0;font-size:1.75rem;line-height:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.register-feature-callout .feature-text-content{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.register-feature-callout .feature-text-content strong{color:#d4af37;font-size:1rem;font-weight:700;letter-spacing:.01em;line-height:1.3}.register-feature-callout .feature-subtext{color:var(--color-text-secondary);font-size:.85rem;font-weight:400;line-height:1.3;opacity:.9}.register-feature-callout .feature-text{color:var(--color-text-primary);font-size:.95rem;font-weight:600;letter-spacing:.01em}.form-two-column{grid-gap:1rem 1.25rem;display:grid;gap:1rem 1.25rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.form-column{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:.75rem}.form-row .input-group{flex:1 1}.input-group{display:flex;flex-direction:column;margin-bottom:0}.input-group label{color:var(--color-text-primary);font-size:.95rem;font-weight:600;letter-spacing:.01em;margin-bottom:.5rem}.input-group input[type=email],.input-group input[type=password],.input-group input[type=text]{background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.input-group input:focus{background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px #22c55e26;outline:none}.input-group-checkbox{align-items:flex-start;background:#22c55e0d;border:1px solid #22c55e1a;border-radius:6px;display:flex;gap:.75rem;margin:.5rem 0;padding:.75rem}.input-group-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.input-group-checkbox label{color:var(--color-text-primary);cursor:pointer;font-weight:400;margin:0}.field-error{color:#f85149;font-size:.75rem}.input-group input.error{border-color:#f85149}.input-group input.error:focus{border-color:#f85149;box-shadow:0 0 0 2px #f8514933}.password-strength{margin-bottom:0;margin-top:.25rem}.strength-meter{background-color:var(--color-border);border-radius:2px;height:3px;margin-bottom:.25rem;overflow:hidden}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease}.strength-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.strength-bar.strength-0,.strength-bar.strength-1{background-color:#f85149}.strength-bar.strength-2{background-color:#fb8500}.strength-bar.strength-3{background-color:#d4af37}.strength-bar.strength-4,.strength-bar.strength-5{background-color:var(--color-primary)}.captcha-submit-row{border-top:1px solid var(--color-border);padding-top:1rem}.captcha-container{flex:1 1;min-width:250px}.register-form button[type=submit]{align-self:flex-start;background-color:var(--color-primary);border:none;border-radius:6px;box-shadow:0 2px 4px #22c55e33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:.875rem 2rem;transition:all .2s ease;white-space:nowrap}.register-form button[type=submit]:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 4px 8px #22c55e4d;transform:translateY(-1px)}.register-form button[type=submit]:disabled{background-color:var(--color-border);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#f851491a;border:1px solid #f851494d;border-radius:6px;color:#f85149;font-size:.9rem;font-weight:500;line-height:1.5;margin-bottom:.75rem;padding:.75rem 1rem}@media (max-width:768px){.form-two-column{grid-template-columns:1fr}.form-row{flex-direction:column;gap:.75rem}.register-container{padding:.75rem .5rem 1.5rem}.register-container h2{font-size:1.75rem;margin-bottom:.75rem}.register-form{padding:1.25rem}.form-column,.form-two-column{gap:.75rem}.register-subtitle{font-size:1rem;margin-bottom:.6rem;padding:.65rem .85rem}.register-feature-callout{gap:.6rem;margin-bottom:.6rem;padding:.6rem .75rem}.register-feature-callout .feature-icon{font-size:1.5rem}.register-feature-callout .feature-text-content strong{font-size:.95rem}.register-feature-callout .feature-subtext{font-size:.8rem}.register-feature-callout .feature-text{font-size:.85rem}.captcha-submit-row{flex-direction:column}.captcha-container,.register-form button[type=submit]{width:100%}}.forgot-password-container{min-height:auto;padding:1rem 0}.forgot-password-box{max-width:550px}.progress-steps{margin-bottom:2rem;padding:1rem 0}.progress-steps,.step{align-items:center;display:flex;justify-content:center}.step{background:#2d333b;border:2px solid #444c56;border-radius:50%;color:#8b949e;font-weight:600;height:40px;transition:all .3s ease;width:40px}.step.active{background:#a371f7;border-color:#a371f7;color:#fff}.step-line{background:#444c56;height:2px;transition:all .3s ease;width:60px}.step-line.active{background:#a371f7}.form-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.25rem;text-align:center}.verification-status{padding:2rem;text-align:center}.spinner{display:flex;justify-content:center;margin-bottom:1rem}.loader{animation:spin 1s linear infinite;border:4px solid #2d333b;border-radius:50%;border-top-color:#a371f7;height:50px;width:50px}.error-icon,.success-icon{font-size:4rem;margin-bottom:1rem}.success-icon{color:#3fb950}.error-icon{color:#f85149}.status-message{color:#c9d1d9;font-size:1.1rem;margin-bottom:1rem}.redirect-message{color:#8b949e;font-size:.9rem;margin-top:1rem;text-align:center}.action-buttons{flex-direction:column;gap:.75rem;margin-top:2rem}.secondary-button{background:#0000;border:1px solid #444c56;border-radius:6px;color:#c9d1d9;cursor:pointer;font-family:inherit;font-size:1rem;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.secondary-button:hover{background:#2d333b;border-color:#8b949e}.captcha-submit-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.captcha-submit-row .captcha-container{flex:1 1;min-width:250px}.captcha-container{display:flex;justify-content:flex-start;margin:0}.success-message-container{padding:1rem;text-align:center}.success-message-container .success-icon{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(135deg,#3fb950,#2ea043);border-radius:50%;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-message-container h3{color:#c9d1d9;font-size:1.5rem;margin-bottom:1rem}.success-description{color:#c9d1d9;font-size:1rem;line-height:1.6;margin-bottom:1rem}.success-description strong{color:#a371f7;font-weight:600}.success-instructions{background:#2d333b;border-left:3px solid #a371f7;border-radius:6px;font-size:.9rem;padding:1rem}.success-instructions,.success-note{color:#8b949e;line-height:1.5;margin-bottom:1.5rem}.success-note{font-size:.875rem}.link-button{background:none;border:none;color:#a371f7;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline;transition:color .2s}.link-button:hover{color:#8a63d2}.form-footer{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.form-footer p{color:var(--color-text-secondary);margin:0}.form-footer a{align-items:center;color:var(--color-primary);display:inline-flex;font-weight:600;gap:.35rem;text-decoration:none;transition:color .2s ease}.form-footer a:hover{color:var(--color-primary-dark);text-decoration:underline}.success-icon-large{animation:scaleIn .5s ease;font-size:5rem;margin-bottom:1.5rem}.error-icon-large{color:#f85149;font-size:5rem;margin-bottom:1.5rem}.success-details{margin-top:1.5rem;text-align:center}.success-subtitle{color:#c9d1d9;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.success-info{color:#8b949e;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.verify-success-button{background:#3fb950;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:.5rem;padding:.85rem 2rem;transition:background .2s}.verify-success-button:hover{background:#2ea043}.verify-profile-button{background:#a371f7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:.5rem;padding:.85rem 2rem;transition:background .2s}.verify-profile-button:hover{background:#8a63d2}.error-details{margin-top:1.5rem;text-align:center}.error-help{color:#8b949e;font-weight:600;margin-bottom:.75rem}.error-help-list{color:#8b949e;display:inline-block;margin:0 auto 1.5rem;text-align:left}.error-help-list li{margin:.5rem 0}@media (max-width:768px){.progress-steps{padding:.5rem 0}.step{font-size:.9rem;height:35px;width:35px}.step-line{width:40px}.verification-status{padding:1.5rem}.error-icon,.success-icon{font-size:3rem}.error-icon-large,.success-icon-large{font-size:4rem}.secondary-button,.verify-profile-button,.verify-success-button{margin:.5rem 0;width:100%}.captcha-submit-row{flex-direction:column}.captcha-submit-row .captcha-container,.captcha-submit-row .login-button{width:100%}.forgot-password-container{padding:.5rem 0}}.address-form-container{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;max-width:100%;width:100%}.address-form-container .form-row{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:1fr;width:100%}.address-form-container .form-group{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;width:100%}.address-form-container .form-group label{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.address-form-container .form-group input,.address-form-container .form-group select,.address-form-select{background-color:var(--color-surface);background-color:var(--color-input-bg,var(--color-surface));border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.8rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.address-form-container .form-group input:focus,.address-form-container .form-group select:focus,.address-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,#0000);outline:none}.address-form-container .form-group input:disabled,.address-form-container .form-group select:disabled,.address-form-select:disabled{background-color:var(--background-darker);cursor:not-allowed;opacity:.6}.optional-label{color:var(--text-secondary);font-size:.875rem;margin-left:.25rem}.required{font-weight:600}.field-error,.required{color:var(--color-error)}.field-error{font-size:.85rem;font-weight:500;margin-top:.25rem}.address-form-container .form-group input.error,.address-form-container .form-group select.error{background-color:color-mix(in srgb,var(--color-error) 5%,var(--color-surface));border-color:var(--color-error)}.address-form-container .form-group input.error:focus,.address-form-container .form-group select.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 10%,#0000)}@media (max-width:768px){.address-form-container{padding:0}.address-form-container .form-row{gap:1rem;grid-template-columns:1fr}.address-form-container .form-group input,.address-form-container .form-group select,.address-form-select{font-size:16px}}.checkout-container{background:var(--background-color);margin:0;min-height:100vh;padding:var(--spacing-md);width:100%}.checkout-content h2{color:var(--text-primary);margin-bottom:var(--spacing-md);text-align:center}.checkout-sections{grid-gap:var(--spacing-md);align-items:start;display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr;margin:0 auto;max-width:1400px}.checkout-form{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-md)}.checkout-auth-section{background:var(--background-darker);border:2px solid var(--primary-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.checkout-auth-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.checkout-auth-section p{color:var(--text-secondary);font-size:.8rem;line-height:1.3;margin:0 0 var(--spacing-sm) 0}.checkout-auth-options{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkout-login-btn{background:linear-gradient(135deg,var(--primary-color) 0,#16a34a 100%);border:none;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;color:var(--background-color);display:inline-block;font-size:.85rem;font-weight:600;min-width:160px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-decoration:none;transition:all .3s ease}.checkout-login-btn:hover{background:linear-gradient(135deg,var(--primary-hover) 0,#15803d 100%);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.guest-indicator{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-top:var(--spacing-xs);text-align:center}.checkout-user-info{background:linear-gradient(135deg,var(--background-darker),#22c55e1a);border:2px solid var(--primary-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.checkout-user-info h3{color:var(--primary-color);margin:0 0 var(--spacing-xs) 0}.checkout-user-info p{color:var(--text-secondary);margin:0}.form-section{margin-bottom:var(--spacing-sm)}.form-section h3{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:.95rem;margin-bottom:var(--spacing-xs);padding-bottom:2px}.test-notice-banner{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:var(--border-radius);color:#92400e;display:flex;font-size:.9rem;gap:.5rem;line-height:1.5;margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.test-notice-banner strong{font-weight:600}.test-notice-banner a{color:#1d4ed8;font-weight:500;text-decoration:underline}.test-notice-banner a:hover{color:#1e40af}.form-row{grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.form-group,.form-row{box-sizing:border-box;max-width:100%;width:100%}.form-group{margin-bottom:var(--spacing-xs)}.form-group label{color:var(--text-primary);font-size:.8rem;margin-bottom:2px}.form-group input,.form-group select{background-color:var(--background-darker);border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--text-primary);font-size:.85rem;max-width:100%;padding:var(--spacing-xs);transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #22c55e1a}.form-group input:disabled{background-color:var(--background-darker);cursor:not-allowed;opacity:.6}.place-order-btn{background:linear-gradient(135deg,var(--primary-color) 0,#16a34a 100%);border:none;border-radius:var(--border-radius);color:var(--background-color);cursor:pointer;font-size:.95rem;font-weight:600;padding:var(--spacing-sm);transition:all .3s ease;width:100%}.place-order-btn:hover:not(:disabled){box-shadow:0 5px 15px #22c55e4d;transform:translateY(-2px)}.place-order-btn:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.order-summary{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:block;height:-webkit-fit-content;height:fit-content;padding:var(--spacing-lg)}.order-summary h3{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);text-align:left}.summary-items{margin-bottom:var(--spacing-md);width:100%}.summary-item{grid-gap:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-color);border-left:none!important;border-right:none!important;border-top:none!important;box-sizing:border-box;display:grid!important;gap:var(--spacing-xs) var(--spacing-sm);grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;min-height:70px;padding:var(--spacing-sm) 0;width:100%}.summary-item:last-child{border-bottom:none}.summary-item-image{border:1px solid var(--border-color);border-radius:var(--border-radius);height:60px;object-fit:cover;width:60px}.item-details{grid-gap:.25rem;display:grid!important;gap:.25rem;grid-column:2!important;grid-row:1/3!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;min-width:0;width:100%}.item-details h4{word-wrap:break-word;color:var(--text-primary);font-size:1rem;font-weight:600;grid-row:1!important;line-height:1.3;min-width:0;overflow-wrap:break-word}.item-details h4,.item-details p{grid-column:1!important;margin:0;width:100%}.item-details p{color:var(--text-secondary);font-size:.85rem;grid-row:2!important;text-align:right!important}.item-price{color:var(--text-primary);font-size:1rem;grid-column:2!important;grid-row:3!important;justify-self:end;text-align:right!important;white-space:nowrap}.summary-breakdown{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);margin:var(--spacing-md) 0;padding:var(--spacing-md) 0}.summary-breakdown>div{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;justify-content:space-between;padding:var(--spacing-xs) 0}.summary-subtotal{font-weight:600}.summary-shipping,.summary-tax{color:var(--text-secondary)}.summary-total{border-top:2px solid var(--primary-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md);text-align:right}.summary-total h3{border:none;color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0;padding:0}.order-success{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:var(--spacing-xl) auto;max-width:600px;padding:var(--spacing-xl);text-align:center}.success-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.order-success h2{color:var(--primary-color);margin-bottom:var(--spacing-lg)}.order-number{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.order-details{background:var(--background-darker);border-radius:var(--border-radius);margin:var(--spacing-xl) 0;text-align:left}.order-details h3{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.order-item{border-bottom:1px solid var(--border-color);gap:var(--spacing-md);padding:var(--spacing-sm) 0}.order-item-image{border:1px solid var(--border-color);border-radius:var(--border-radius);flex-shrink:0;height:50px;object-fit:cover;width:50px}.order-item-details{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.order-total{border-top:2px solid var(--primary-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.success-message{color:var(--text-secondary);line-height:1.6;margin:var(--spacing-xl) 0}.continue-shopping-btn{background:linear-gradient(135deg,var(--primary-color) 0,#16a34a 100%);border:none;border-radius:var(--border-radius);color:var(--background-color);cursor:pointer;font-size:1rem;font-weight:500;padding:var(--spacing-lg) var(--spacing-xl);transition:all .3s ease}.continue-shopping-btn:hover{box-shadow:0 5px 15px #22c55e4d;transform:translateY(-2px)}.cancel-checkout-btn{align-items:center;background:var(--background-darker);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.cancel-checkout-btn:hover{background:var(--background-color);border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;color:var(--primary-color);transform:translateY(-2px)}.empty-cart{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:var(--spacing-xl) auto;max-width:500px;padding:var(--spacing-xl);text-align:center}.empty-cart h2{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.empty-cart p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}@media (max-width:1200px){.checkout-sections{margin:0;max-width:100%;padding:0 var(--spacing-md)}}@media (max-width:768px){.checkout-container{box-sizing:border-box;overflow-x:hidden;padding:.75rem}.checkout-container,.checkout-content{max-width:100%;width:100%}.checkout-content h2{font-size:1.5rem;margin-bottom:1rem;text-align:center}.checkout-sections{display:flex;flex-direction:column;gap:1.25rem;margin:0;padding:0}.checkout-sections,.form-row{box-sizing:border-box;max-width:100%;width:100%}.form-row{gap:1rem;grid-template-columns:1fr}.checkout-form{order:1;overflow-x:hidden}.checkout-form,.order-summary{box-sizing:border-box;margin:0;max-width:100%;padding:1.25rem;width:100%}.order-summary{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border,#e0e0e0);border-radius:var(--border-radius) var(--border-radius) 0 0;display:block!important;order:0;position:static;top:auto}.order-summary h3{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.75rem;text-align:left}.summary-items{margin-bottom:1.25rem;max-height:none}.summary-item{gap:.5rem .75rem;padding:1rem 0}.summary-item-image{height:64px;width:64px}.item-details h4{font-size:.95rem;line-height:1.4}.item-details p{font-size:.85rem}.item-price{font-size:.95rem}.summary-breakdown{border-bottom:none;border-top:2px solid var(--color-border);margin:1.25rem 0 0;padding:1.25rem 0 1rem}.summary-breakdown>div{align-items:center;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;padding:.6rem 0}.summary-breakdown>div span:first-child{color:var(--text-secondary)}.summary-breakdown>div span:last-child{color:var(--text-primary);font-weight:600}.summary-total{border-top:3px solid var(--color-primary);margin-top:1rem;padding-top:1.25rem}.summary-total h3{color:var(--color-primary);font-size:1.4rem;font-weight:700;margin:0;text-align:right}.checkout-auth-section{margin-bottom:1rem;padding:1rem}.checkout-auth-section,.checkout-buttons-row{box-sizing:border-box;max-width:100%;width:100%}.checkout-buttons-row{flex-direction:column;gap:var(--spacing-md)}.checkout-login-btn{box-sizing:border-box;min-width:auto;text-align:center;width:100%}.guest-indicator{margin-top:var(--spacing-sm);text-align:center}.form-section{margin-bottom:1.5rem}.form-section h3{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.form-group{box-sizing:border-box;margin-bottom:1rem;max-width:100%;width:100%}.form-group label{font-size:.85rem;margin-bottom:.5rem}.form-group input,.form-group select{box-sizing:border-box;font-size:16px;max-width:100%;padding:.75rem;width:100%}.next-step-btn,.previous-step-btn{font-size:.95rem;padding:.875rem;width:100%}.cancel-checkout-btn{font-size:.9rem;max-width:100%;padding:.875rem;width:100%}}@media (max-width:480px){.checkout-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:.5rem;width:100%}.checkout-content h2{font-size:1.35rem;margin-bottom:.75rem}.checkout-sections{gap:1rem}.checkout-form,.order-summary{box-sizing:border-box;max-width:100%;padding:1rem;width:100%}.order-summary h3{font-size:1rem}.summary-item{gap:.4rem .65rem;padding:.875rem 0}.summary-item-image{height:56px;width:56px}.item-details h4{font-size:.9rem;line-height:1.3}.item-details p{font-size:.8rem}.item-price{font-size:.9rem}.summary-breakdown>div{font-size:.9rem;padding:.5rem 0}.summary-total{padding-top:1rem}.summary-total h3{font-size:1.3rem}.checkout-auth-section{box-sizing:border-box;max-width:100%;padding:.875rem;width:100%}.form-section{margin-bottom:1.25rem}.form-section h3{font-size:1rem}.form-group,.form-section h3{margin-bottom:.875rem}.form-group label{font-size:.8rem;margin-bottom:.4rem}.form-group input,.form-group select{font-size:16px;padding:.65rem}.place-order-btn{box-sizing:border-box;font-size:.95rem;max-width:100%;padding:.875rem;width:100%}.next-step-btn,.previous-step-btn{font-size:.9rem;padding:.75rem}.cancel-checkout-btn{font-size:.85rem;padding:.75rem}}.checkout-progress{align-items:center;display:flex;justify-content:center;margin:16px 0 24px;padding:0 20px}.progress-step{align-items:center;background:none;border:none;color:inherit;display:flex;flex-direction:column;font-family:inherit;gap:4px;padding:0;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.progress-step.shopping-step{cursor:pointer}.progress-step.shopping-step:hover{transform:translateY(-2px)}.progress-step.shopping-step:hover .step-number{background-color:#2196f3;background-color:var(--color-primary,#2196f3);box-shadow:0 0 0 2px #2196f34d;box-shadow:0 0 0 2px var(--color-primary,#2196f34d);color:#fff;color:var(--color-surface,#fff)}.progress-step.shopping-step:focus{outline:none}.progress-step.shopping-step:focus .step-number{outline:2px solid #2196f3;outline:2px solid var(--color-primary,#2196f3);outline-offset:2px}.step-number{align-items:center;background-color:#e0e0e0;background-color:var(--color-border,#e0e0e0);border-radius:50%;color:#757575;color:var(--color-text-secondary,#757575);display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;transition:all .3s;width:28px}.progress-step.active .step-number{background-color:#2196f3;background-color:var(--color-primary,#2196f3);box-shadow:0 0 0 2px #2196f333;box-shadow:0 0 0 2px var(--color-primary,#2196f333);color:#fff;color:var(--color-surface,#fff);opacity:.8}.progress-step.completed .step-number{background-color:#4caf50;background-color:var(--color-success,#4caf50);color:#fff;color:var(--color-surface,#fff)}.progress-step.completed .step-number:before{content:"✓"}.progress-step.shopping-step.completed .step-number:before{content:""}.progress-step.shopping-step .step-number{align-items:center;display:flex;font-size:18px;justify-content:center;line-height:1}.progress-step.shopping-step.completed .step-number{background-color:#4caf50;background-color:var(--color-success,#4caf50);color:#fff;color:var(--color-surface,#fff)}.step-label{color:#757575;color:var(--color-text-secondary,#757575);font-size:11px;font-weight:500;line-height:1.2;text-align:center}.progress-step.active .step-label{color:#2196f3;color:var(--color-primary,#2196f3);font-weight:600}.progress-step.completed .step-label{color:#4caf50;color:var(--color-success,#4caf50)}.progress-line{background-color:#e0e0e0;background-color:var(--color-border,#e0e0e0);flex:1 1;height:1px;margin:0 8px;max-width:80px}.field-error{color:#f44336;color:var(--color-error,#f44336);display:block;font-size:12px;margin-top:4px}.form-group input.error,.form-group select.error{background-color:#fff5f5;background-color:var(--color-surface-hover,#fff5f5);border-color:#f44336;border-color:var(--color-error,#f44336)}.form-group input.error:focus,.form-group select.error:focus{border-color:#f44336;border-color:var(--color-error,#f44336);box-shadow:0 0 0 3px #f443361a;box-shadow:0 0 0 3px var(--color-error,#f443361a);opacity:.1}.step-navigation{display:flex;gap:12px;margin-top:12px}.next-step-btn,.previous-step-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.next-step-btn{background-color:#2196f3;background-color:var(--color-primary,#2196f3);color:#fff;color:var(--color-surface,#fff);width:100%}.next-step-btn:hover{background-color:#1976d2;background-color:var(--color-primary-dark,#1976d2);box-shadow:0 4px 12px #2196f34d;box-shadow:var(--color-shadow,0 4px 12px #2196f34d);transform:translateY(-2px)}.previous-step-btn{background-color:#757575;background-color:var(--color-text-secondary,#757575);color:#fff;color:var(--color-surface,#fff);flex:1 1}.previous-step-btn:hover{background-color:#616161;background-color:var(--color-text-secondary,#616161);filter:brightness(.9)}.place-order-btn{flex:2 1}@media (max-width:768px){.checkout-progress{margin:12px 0 20px}.step-number{font-size:10px;height:24px;width:24px}.progress-step.shopping-step .step-number{font-size:14px}.step-label{font-size:10px}.progress-line{margin:0 6px;max-width:50px}.step-navigation{flex-direction:column}.next-step-btn,.place-order-btn,.previous-step-btn{width:100%}}.order-breakdown{border-top:1px solid var(--color-border);margin:1rem 0;padding:1rem 0}.order-breakdown>div{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.order-breakdown .order-subtotal{color:var(--color-text-primary);font-weight:600}.order-breakdown .order-shipping,.order-breakdown .order-tax{color:var(--color-text-secondary)}.order-total{align-items:center;border-top:2px solid var(--color-border);color:var(--color-text-primary);display:flex;font-size:1.25rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.section-divider{background:linear-gradient(90deg,#0000 0,var(--color-border) 20%,var(--color-border) 80%,#0000 100%);height:1px;margin:2rem 0}.required{color:#ef4444;color:var(--color-error,#ef4444);font-weight:700;margin-left:2px}.optional-label{font-size:.9rem;font-weight:400;margin-left:4px}.field-hint,.optional-label{color:var(--color-text-secondary);font-style:italic}.field-hint{display:block;font-size:.85rem;margin-top:.35rem}.checkbox-group{background:var(--color-surface);background:var(--color-input-bg,var(--color-surface));border:2px solid var(--color-border);border-radius:8px;margin:var(--spacing-md) 0;padding:var(--spacing-sm);transition:all .2s ease}.checkbox-group:hover{background:#ffffff0d;background:var(--color-surface-hover,#ffffff0d);border-color:var(--color-primary)}.checkbox-label{color:var(--color-text-primary);font-size:1rem;font-weight:500;gap:.75rem;margin:0}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);flex-shrink:0;height:20px;width:20px}.checkbox-label span{flex:1 1}.billing-address-section{animation:slideDown .3s ease;background:var(--color-surface);background:var(--color-input-bg,var(--color-surface));border:1px solid var(--color-border);border-radius:8px;margin-top:var(--spacing-md);padding:var(--spacing-md)}.form-section h3{align-items:center;border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}@media (max-width:768px){.section-divider{margin:1.5rem 0}.checkbox-group{padding:.75rem}.checkbox-label{font-size:.95rem}.billing-address-section{margin-top:1rem;padding:1rem}.form-section h3{font-size:1.15rem}.field-hint{font-size:.8rem}}.payment-method-selection{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.payment-method-btn{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:var(--spacing-sm);transition:all .3s ease}.payment-method-btn:hover{background:var(--background-darker);border-color:var(--primary-color)}.payment-method-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.payment-provider-section{margin-top:var(--spacing-md);position:relative;width:100%;z-index:1}@media (max-width:768px){.payment-provider-section{margin-top:var(--spacing-lg);padding:0;touch-action:manipulation}.payment-provider-section *{pointer-events:auto}}.test-card-info{background:var(--background-darker);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.test-card-info p{color:var(--text-primary);font-weight:600;margin:0 0 var(--spacing-xs) 0}.test-card-info ul{list-style:none;margin:0;padding:0}.test-card-info li{color:var(--text-secondary);font-size:.9rem;margin:4px 0}.test-card-info code{background:var(--background-color);border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;padding:2px 6px}.payment-btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:var(--spacing-sm);transition:all .3s ease;width:100%}.stripe-btn{background:linear-gradient(135deg,#635bff,#4f46e5);color:#fff}.stripe-btn:hover:not(:disabled){box-shadow:0 8px 20px #635bff66;transform:translateY(-2px)}.stripe-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}#paypal-button-container{-webkit-tap-highlight-color:transparent;margin:var(--spacing-sm) 0;min-height:48px;position:relative;touch-action:manipulation;width:100%;z-index:1}#paypal-button-container>*{pointer-events:auto!important;touch-action:manipulation!important}@media (max-width:768px){#paypal-button-container{margin:var(--spacing-md) 0;min-height:50px}#paypal-button-container iframe{-webkit-touch-callout:none;pointer-events:auto!important;touch-action:manipulation!important;-webkit-user-select:none;user-select:none}}.processing-overlay{justify-center:center;align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:9999}.processing-overlay .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.processing-overlay p{color:#fff;font-size:1.1rem;margin-top:var(--spacing-sm)}.success-page{align-items:center;background:var(--background-color);background:var(--color-background,var(--background-color));display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.success-page .checkout-content{max-width:800px;width:100%}.success-animation{margin-bottom:var(--spacing-md);text-align:center}.success-checkmark{animation:scaleIn .5s ease-in-out;height:80px;margin:0 auto;width:80px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.check-icon{background-color:#fff;background-color:var(--color-surface,#fff);border:4px solid #4caf50;border:4px solid var(--color-success,#4caf50);border-radius:50%;box-sizing:initial;height:80px;position:relative;width:80px}.icon-line{background-color:#4caf50;background-color:var(--color-success,#4caf50);border-radius:2px;display:block;height:5px;position:absolute;z-index:10}.icon-line.line-tip{animation:checkTip .75s;left:14px;top:46px;transform:rotate(45deg);width:25px}.icon-line.line-long{animation:checkLong .75s;right:8px;top:38px;transform:rotate(-45deg);width:47px}@keyframes checkTip{0%{left:1px;top:19px;width:0}54%{left:1px;top:19px;width:0}70%{left:-8px;top:37px;width:50px}84%{left:21px;top:48px;width:17px}to{left:14px;top:46px;width:25px}}@keyframes checkLong{0%{right:46px;top:54px;width:0}65%{right:46px;top:54px;width:0}84%{right:0;top:35px;width:55px}to{right:8px;top:38px;width:47px}}.icon-circle{border:4px solid #4caf5080;border:4px solid var(--color-success,#4caf5080);border-radius:50%;box-sizing:initial;height:80px;left:-4px;opacity:.5;position:absolute;top:-4px;width:80px;z-index:10}.icon-fix{background-color:#fff;background-color:var(--color-surface,#fff);height:85px;left:26px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.order-confirmation-card.success{animation:slideUp .6s ease-out;background:#fff;background:var(--color-surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--color-shadow,0 20px 60px #0000004d);padding:var(--spacing-xl)}.confirmation-header{border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--color-border,#f0f0f0);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);text-align:center}.confirmation-header h1{color:#2d3748;color:var(--color-text-primary,#2d3748);font-size:2.5rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.confirmation-subtitle{color:#718096;color:var(--color-text-secondary,#718096);font-size:1.1rem;margin:0}.order-details-box{background:#667eea;background:var(--color-primary,#667eea);border-radius:12px;box-shadow:0 4px 15px #667eea66;box-shadow:var(--color-shadow,0 4px 15px #667eea66);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.order-number-badge{display:flex;flex-direction:column;gap:var(--spacing-xs)}.badge-label{color:#ffffffe6;color:var(--color-text-primary,#ffffffe6);font-size:.9rem;font-weight:600;letter-spacing:1px;opacity:.9;text-transform:uppercase}.badge-number{color:#fff;color:var(--color-text-primary,#fff);font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:1px}.success-message-box{background:#f0fdf4;background:var(--color-surface-hover,#f0fdf4);border:2px solid #86efac;border:2px solid var(--color-success,#86efac);border-radius:12px;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.message-icon{flex-shrink:0;font-size:2.5rem}.message-content h3{color:#166534;color:var(--color-text-primary,#166534);font-size:1.1rem;margin:0 0 var(--spacing-xs) 0}.message-content p{color:#15803d;color:var(--color-text-secondary,#15803d);line-height:1.6;margin:0}.what-happens-next{margin-bottom:var(--spacing-lg)}.what-happens-next h3{color:#2d3748;color:var(--color-text-primary,#2d3748);font-size:1.3rem;margin:0 0 var(--spacing-md) 0}.timeline{flex-direction:column}.timeline,.timeline-item{display:flex;gap:var(--spacing-md)}.timeline-item{padding-left:var(--spacing-md);position:relative}.timeline-item:not(:last-child):before{background:#e2e8f0;background:var(--color-border,#e2e8f0);content:"";height:calc(100% + var(--spacing-md));left:23px;position:absolute;top:50px;width:2px}.timeline-item.completed:before{background:#4caf50;background:var(--color-success,#4caf50)}.timeline-icon{align-items:center;background:#f7fafc;background:var(--color-surface,#f7fafc);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;position:relative;width:48px;z-index:1}.timeline-item.completed .timeline-icon{background:#4caf50;background:var(--color-success,#4caf50);border-color:#4caf50;border-color:var(--color-success,#4caf50);color:#fff;color:var(--color-surface,#fff)}.timeline-content h4{color:#2d3748;color:var(--color-text-primary,#2d3748);font-size:1rem;margin:0 0 var(--spacing-xs) 0}.timeline-content p{color:#718096;color:var(--color-text-secondary,#718096);font-size:.9rem;line-height:1.5;margin:0}.action-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.primary-action-btn{align-items:center;background:#667eea;background:var(--color-primary,#667eea);border:none;border-radius:8px;color:#fff;color:var(--color-surface,#fff);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.primary-action-btn:hover{box-shadow:0 8px 20px #667eea66;box-shadow:var(--color-shadow,0 8px 20px #667eea66);filter:brightness(1.1);transform:translateY(-2px)}.secondary-action-btn{align-items:center;background:#fff;background:var(--color-surface,#fff);border:2px solid #667eea;border:2px solid var(--color-primary,#667eea);border-radius:8px;color:#667eea;color:var(--color-primary,#667eea);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.secondary-action-btn:hover{background:#f7fafc;background:var(--color-surface-hover,#f7fafc);transform:translateY(-2px)}.support-message{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);padding-top:var(--spacing-md);text-align:center}.support-message p{color:#718096;color:var(--color-text-secondary,#718096);font-size:.9rem;margin:0}.support-message a{color:#667eea;color:var(--color-primary,#667eea);font-weight:600;text-decoration:none}.support-message a:hover{text-decoration:underline}@media (max-width:768px){.success-page{padding:var(--spacing-md)}.confirmation-header h1{font-size:2rem}.badge-number{font-size:1.2rem}.action-buttons{flex-direction:column}.timeline-item{padding-left:var(--spacing-sm)}.timeline-item:not(:last-child):before{left:19px}.timeline-icon{font-size:1rem;height:40px;width:40px}}.order-summary{display:block!important}.order-summary .summary-items{width:100%!important}.order-summary .summary-item{grid-gap:.5rem .75rem!important;align-items:start!important;border-left:none!important;border-right:none!important;border-top:none!important;box-sizing:border-box!important;display:grid!important;gap:.5rem .75rem!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:auto auto!important;padding-left:0!important;width:100%!important}.order-summary .summary-item-image{border-radius:var(--border-radius)!important;grid-column:1!important;grid-row:1/3!important;height:56px!important;object-fit:cover!important;width:56px!important}.order-summary .item-details{display:block!important;grid-column:2!important;grid-row:1!important;width:100%!important}.order-summary .item-details h4{margin:0 0 .15rem!important;width:100%!important}.order-summary .item-details p{margin:0!important;text-align:right!important;width:100%!important}.order-summary .item-price{align-self:center!important;grid-column:2!important;grid-row:2!important;justify-self:end!important;text-align:right!important;white-space:nowrap!important}.order-summary .summary-total h3{text-align:right!important}.info-icon{align-items:center;background-color:var(--text-secondary);border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:10px;font-weight:700;height:16px;justify-content:center;margin-left:6px;position:relative;vertical-align:middle;width:16px}.info-icon:hover{background-color:var(--primary-color)}.info-icon .tooltip-text{background-color:#333;border-radius:6px;bottom:125%;box-shadow:0 2px 5px #0003;color:#fff;font-size:.75rem;font-weight:400;left:50%;line-height:1.4;margin-left:-100px;opacity:0;padding:8px;pointer-events:none;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;white-space:normal;width:200px;z-index:100}.info-icon .tooltip-text:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.info-icon:hover .tooltip-text{opacity:1;visibility:visible}.cart-item-remove{align-items:center;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.cart-item-remove:hover{background:#fee;border-color:#e74c3c;transform:scale(1.1)}.cart-item-remove:active{transform:scale(.95)}.product-detail-container{margin:0 auto;max-width:900px;padding:0 1rem;position:relative}.edit-product-btn{align-items:center;background:linear-gradient(135deg,#a371f7,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 12px #a371f766;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;position:fixed;right:20px;top:100px;transition:all .3s ease;z-index:1000}.edit-product-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 20px #a371f780;transform:translateY(-2px)}.edit-product-btn:active{transform:translateY(0)}.edit-product-btn svg,.edit-product-btn:before{font-size:1.1em}.product-detail-content-wrapper{background:#0000;border-radius:var(--border-radius);color:var(--color-text-primary);padding:2rem}.product-detail-message{color:var(--color-text-secondary);font-size:1.2rem;padding:2rem;text-align:center}.back-button{background:#0000;border:1px solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-primary);font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s,color .2s}.back-button:hover{background-color:var(--color-primary);color:var(--color-bg)}.share-product-btn-floating{align-items:center;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:fixed;right:calc(50vw - 440px);top:120px;transition:all .3s ease;width:36px;z-index:999}.share-product-btn-floating:hover{background:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow);transform:scale(1.15)}.share-product-btn-floating img{height:20px;transition:filter .3s ease;width:20px}.share-product-btn-floating:hover img{filter:brightness(0) invert(1)}@media (max-width:950px){.share-product-btn-floating{right:10px}}@media (max-width:768px){.share-product-btn-floating{height:32px;right:10px;top:80px;width:32px}.share-product-btn-floating img{height:18px;width:18px}}.product-detail-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem}.product-image-column{display:flex;flex-direction:column;flex-shrink:0;max-width:350px;width:100%}.product-detail-image{background:var(--color-surface);border-radius:var(--border-radius);height:auto;object-fit:cover;width:100%}.product-detail-info{flex:1 1;min-width:300px}.product-detail-info h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.75rem;margin-top:0}.product-artist{color:var(--color-text-secondary);font-size:.95rem;font-style:italic;margin-bottom:1rem}.product-detail-info .product-description{word-wrap:break-word;-webkit-line-clamp:unset;-webkit-box-orient:unset;color:var(--color-text-secondary);display:block;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;overflow:visible}.product-detail-info .product-description strong{color:var(--color-text-primary);font-weight:600}.product-detail-info .product-description br{line-height:1.8}.product-price{background:var(--color-bg);border-radius:var(--border-radius);color:var(--color-primary);font-size:.85rem;font-weight:700;margin-bottom:.5rem;padding:.05rem;text-align:center}.product-inventory{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;margin-bottom:1.25rem}.product-detail-container .add-to-cart-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#6d28d9 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #7c3aed4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;margin-top:20px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.product-detail-container .add-to-cart-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.product-detail-container .add-to-cart-btn:hover:before{left:100%}.product-detail-container .add-to-cart-btn:hover{background:linear-gradient(135deg,#6d28d9 0,var(--color-primary) 100%);box-shadow:0 6px 20px #7c3aed66;transform:translateY(-2px)}.product-detail-container .add-to-cart-btn:active{box-shadow:0 2px 8px #7c3aed4d;transform:translateY(0)}.product-detail-container .add-to-cart-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.product-detail-container .add-to-cart-btn:disabled:hover{box-shadow:none;transform:none}.product-detail-container .add-to-cart-btn.adding{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669)}@keyframes pulse{0%,to{box-shadow:0 4px 12px #10b9814d}50%{box-shadow:0 4px 20px #10b98180}}.related-tunes-section{border-top:1px solid #333;border-top:1px solid var(--color-border,#333);margin-top:3rem;padding-top:2rem}.tunes-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.related-tunes-section h3{color:var(--color-text-primary);font-size:1.5rem;margin:0}.view-index-btn{font-size:.95rem;padding:.5rem 1rem;white-space:nowrap}.view-all-tunes{margin-top:1.5rem;text-align:center}.view-all-tunes .btn{font-size:1rem;padding:.75rem 1.5rem}.tunes-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:1rem}.tune-card{background:#161b22;border:1px solid #30363d;border-left:3px solid #0000;border-radius:6px;color:var(--color-text-primary);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .2s ease}.tune-card:hover{background:#0d1117;border-color:#238636;transform:translateX(3px)}.tune-card-body{flex:1 1;padding:.75rem}.tune-card h4{color:#f0f6fc;font-size:.95rem;font-weight:500;line-height:1.3;margin:0 0 .5rem}.tune-artist{color:#8b949e;font-size:.75rem;font-style:italic;margin:0}.tune-card-footer{background:#0d1117;border-top:1px solid #30363d;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;padding:.5rem .75rem}.tune-footer-item{align-items:center;display:flex;justify-content:space-between;line-height:1.4}.footer-label{color:#8b949e;font-weight:500;margin-right:.5rem}.footer-value{color:#f0f6fc;flex:1 1;text-align:right}.tune-page-number{color:#58a6ff;font-family:Courier New,monospace;font-weight:600}@media (max-width:768px){.tunes-grid{grid-template-columns:1fr}.tune-card-body{padding:.6rem}.tune-card h4{font-size:.9rem}.tune-artist{font-size:.7rem}.tune-card-footer{font-size:.7rem;gap:.2rem;padding:.4rem .6rem}.footer-value{font-size:.7rem}.product-detail-content{align-items:center;flex-direction:column}.product-detail-image{max-width:100%}.product-detail-info{min-width:100%;text-align:center}.product-detail-info h2{font-size:1.3rem}.product-detail-info .product-description{font-size:.85rem}.edit-product-btn{font-size:.85rem;padding:.6rem 1rem;right:10px;top:80px}}@media (max-width:480px){.edit-product-btn{font-size:.8rem;padding:.5rem .85rem}}.related-products-section{border-top:1px solid #333;border-top:1px solid var(--color-border,#333)}.related-product-card:hover{box-shadow:0 8px 24px #0000004d}.product-tag{color:#fff}.related-product-add-btn{align-items:center;background:var(--color-primary);border:none;border-top:1px solid var(--color-border);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.3rem;justify-content:center;padding:.6rem;transition:all .2s ease;width:100%}.related-product-add-btn:hover:not(:disabled){background:#6d28d9;background:var(--color-primary-hover,#6d28d9)}.related-product-add-btn:disabled{background:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.related-product-add-btn:active:not(:disabled){transform:scale(.98)}@media (max-width:768px){.related-products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.related-product-image{height:160px}.related-product-name{font-size:.9rem}.related-product-price{font-size:1rem}}@media (max-width:480px){.related-products-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.related-product-image{height:140px}.related-product-info{padding:.75rem}.related-product-name{font-size:.85rem}.related-product-author{font-size:.75rem}.product-tag{font-size:.65rem;padding:.15rem .4rem}.related-product-add-btn{font-size:.75rem;padding:.5rem}}.order-history{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.order-history-header{align-items:center;border-bottom:2px solid #3a3a5c;border-bottom:2px solid var(--color-border,#3a3a5c);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.order-history-header h2{color:#fff;color:var(--color-text-primary,#fff);font-size:2rem;margin:0}.order-count{border-radius:20px;padding:var(--spacing-xs) var(--spacing-md)}.order-count,.refresh-orders-btn{background:#6366f1;background:var(--color-primary,#6366f1);color:var(--color-background);font-size:.9rem;font-weight:600}.refresh-orders-btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.refresh-orders-btn:hover:not(:disabled){background:#4f46e5;background:var(--color-primary-dark,#4f46e5);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.refresh-orders-btn:disabled{background:#a0a0b8;background:var(--color-text-secondary,#a0a0b8);cursor:not-allowed;opacity:.6}.loading-spinner{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:1.1rem;padding:var(--spacing-xl)}.error-message{background:color-mix(in srgb,var(--color-error) 15%,var(--color-surface));border:2px solid var(--color-error);border-radius:var(--border-radius);padding:var(--spacing-lg)}.error-message p{color:var(--color-error);margin:0 0 var(--spacing-md) 0}.retry-btn{background:var(--color-error);border:none;border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.retry-btn:hover{opacity:.8;transform:translateY(-1px)}.no-orders{background:#252542;background:var(--color-surface,#252542);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.no-orders-icon{font-size:5rem;margin-bottom:var(--spacing-md);opacity:.5}.no-orders p{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:1.1rem;margin:0 0 var(--spacing-lg) 0}.shop-now-btn{background:#6366f1;background:var(--color-primary,#6366f1);border-radius:var(--border-radius);color:var(--color-background);display:inline-block;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .3s ease}.shop-now-btn:hover{background:#4f46e5;background:var(--color-primary-dark,#4f46e5);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-card{background:#252542;background:var(--color-surface,#252542);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:all .3s ease}.order-card:hover{box-shadow:0 8px 20px var(--color-shadow);transform:translateY(-2px)}.order-header{align-items:center;border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.order-header:hover{background:#ffffff0d;background:var(--color-surface-hover,#ffffff0d);border-bottom-color:#3a3a5c;border-bottom-color:var(--color-border,#3a3a5c)}.order-main-info{align-items:center;display:flex;gap:var(--spacing-xl)}.order-number-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-label{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.order-number{color:#6366f1;color:var(--color-primary,#6366f1);font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.order-date{align-items:center;color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);display:flex;font-size:.9rem;gap:var(--spacing-xs)}.date-icon{font-size:1.2rem}.order-summary{align-items:center;display:flex;gap:var(--spacing-lg)}.order-status{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md)}.status-completed{background:color-mix(in srgb,var(--color-success) 25%,var(--color-surface));border:1px solid var(--color-success);color:var(--color-success)}.status-processing{background:color-mix(in srgb,var(--color-warning) 25%,var(--color-surface));border:1px solid var(--color-warning);color:var(--color-warning)}.status-shipped{background:color-mix(in srgb,var(--color-info) 25%,var(--color-surface));border:1px solid var(--color-info);color:var(--color-info)}.status-cancelled{background:color-mix(in srgb,#9ca3af 15%,var(--color-surface));border:1px solid #6b7280;color:#9ca3af}.order-total{color:#6366f1;color:var(--color-primary,#6366f1);font-size:1.3rem;font-weight:700;min-width:100px;text-align:right}.expand-icon{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:.9rem;transition:transform .3s ease}.order-details{animation:slideDown .3s ease;background:#1a1a2e;background:var(--color-background,#1a1a2e);border-top:2px solid #3a3a5c;border-top:2px solid var(--color-border,#3a3a5c);padding:var(--spacing-lg)}.order-details-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.detail-section h4{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1rem;gap:var(--spacing-xs);margin:0 0 var(--spacing-sm) 0}.payment-method,.shipping-address{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:.95rem;margin:0}.shipping-address{line-height:1.6}.order-items-section{margin-bottom:var(--spacing-lg)}.order-items-section h4{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1rem;gap:var(--spacing-xs);margin:0 0 var(--spacing-md) 0}.items-list{background:#252542;background:var(--color-surface,#252542);border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c);border-radius:8px;border-radius:var(--border-radius,8px);padding:.5rem;padding:var(--spacing-sm,.5rem)}.order-item{align-items:center;border-bottom:1px solid #3a3a5c;border-bottom:1px solid var(--color-border,#3a3a5c);display:flex;justify-content:space-between;padding:.5rem 1rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem)}.order-item:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs,.25rem)}.item-name{color:#fff;color:var(--color-text-primary,#fff);font-weight:600}.item-quantity{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:.85rem}.item-price{color:#6366f1;color:var(--color-primary,#6366f1);font-weight:700}.order-pricing{background:var(--color-surface);border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c);border-radius:var(--border-radius);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.pricing-row{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.pricing-row span:last-child{color:#fff;color:var(--color-text-primary,#fff);font-weight:600}.total-row{border-top:2px solid #3a3a5c;border-top:2px solid var(--color-border,#3a3a5c);font-size:1.2rem;font-weight:700;margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.total-row,.total-row span:last-child{color:#6366f1;color:var(--color-primary,#6366f1)}@media (max-width:768px){.order-history{padding:var(--spacing-md)}.order-history-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.order-history-header>div:first-child{width:100%}.refresh-orders-btn{justify-content:center;width:100%}.order-history-header h2{font-size:1.5rem}.order-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.order-main-info{flex-direction:column;gap:var(--spacing-sm);width:100%}.order-summary{justify-content:space-between;width:100%}.order-total{font-size:1.1rem;min-width:auto}.order-details-grid{gap:var(--spacing-md);grid-template-columns:1fr}.order-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}.status-inquiry{background:color-mix(in srgb,var(--color-info) 15%,var(--color-surface));border:1px solid var(--color-info);color:var(--color-info)}.order-actions{border-top:1px solid #3a3a5c;border-top:1px solid var(--color-border,#3a3a5c);display:flex;justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.inquiry-btn{align-items:center;background:var(--color-info);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.inquiry-btn:hover{background:color-mix(in srgb,var(--color-info) 85%,#000);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.inquiry-btn:active{transform:translateY(0)}.inquiry-thread-section{border-top:1px solid #3a3a5c;border-top:1px solid var(--color-border,#3a3a5c);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.inquiry-thread-section h4{color:#fff;color:var(--color-text-primary,#fff);font-size:1.1rem;margin-bottom:var(--spacing-md)}.inquiry-thread{display:flex;flex-direction:column;gap:var(--spacing-md)}.inquiry-message{background:var(--color-surface);border-left:4px solid #3a3a5c;border-left:4px solid var(--color-border,#3a3a5c);border-radius:var(--border-radius);padding:var(--spacing-md)}.inquiry-message.customer{background:color-mix(in srgb,var(--color-info) 5%,var(--color-surface));border-left-color:var(--color-info)}.inquiry-message.admin{background:color-mix(in srgb,var(--color-success) 5%,var(--color-surface));border-left-color:var(--color-success)}.inquiry-message-header{align-items:center;border-bottom:1px solid #3a3a5c;border-bottom:1px solid var(--color-border,#3a3a5c);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.inquiry-author{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;font-weight:600}.inquiry-date{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:.8rem}.inquiry-message-body{color:#fff;color:var(--color-text-primary,#fff);line-height:1.6;white-space:pre-wrap}.modal-overlay{background:#0009;padding:var(--spacing-md)}.modal-content{background:var(--color-background);border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px}.modal-header{align-items:center;border-bottom:1px solid #3a3a5c;border-bottom:1px solid var(--color-border,#3a3a5c);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-header h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.3rem;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);cursor:pointer;display:flex;font-size:1.8rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:var(--color-surface);color:#fff;color:var(--color-text-primary,#fff)}.modal-body{overflow-y:auto;padding:var(--spacing-lg)}.order-summary-box{background:var(--color-surface);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.order-summary-box p{color:#fff;color:var(--color-text-primary,#fff);margin:var(--spacing-xs) 0}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs)}.inquiry-textarea{background:var(--color-background);border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c);border-radius:var(--border-radius);color:#fff;color:var(--color-text-primary,#fff);font-family:inherit;font-size:1rem;padding:var(--spacing-md);resize:vertical;transition:border-color .2s ease;width:100%}.inquiry-textarea:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px color-mix(in srgb,#6366f1 10%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary,#6366f1) 10%,#0000);outline:none}.inquiry-textarea:disabled{background:var(--color-surface);cursor:not-allowed}.modal-footer{border-top:1px solid #3a3a5c;border-top:1px solid var(--color-border,#3a3a5c);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.btn-primary,.btn-secondary{border-radius:var(--border-radius);font-size:1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.btn-primary{background:#6366f1;background:var(--color-primary,#6366f1)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,#6366f1 85%,#000);background:color-mix(in srgb,var(--color-primary,#6366f1) 85%,#000);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-primary:disabled{background:#a0a0b8;background:var(--color-text-secondary,#a0a0b8)}.btn-secondary{background:#0000;border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c)}.btn-secondary:hover:not(:disabled){background:var(--color-surface)}.btn-secondary:disabled{opacity:.6}.success-message{background:color-mix(in srgb,var(--color-success) 15%,var(--color-surface));border:1px solid var(--color-success);border-radius:var(--border-radius);color:var(--color-success);margin-top:var(--spacing-md);padding:var(--spacing-md)}.profile-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary,#6366f1) 0,var(--color-primary-dark,#4f46e5) 100%);border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 4px 24px #0000004d;box-sizing:border-box;color:#fff;color:var(--color-text-on-primary,#fff);display:flex;gap:1.5rem;margin:3.5rem auto 0;max-width:960px;padding:1rem 2rem;width:100%}.profile-tabs-container{border-left:1px solid #3a3a5c;border-left:1px solid var(--color-border,#3a3a5c);border-right:1px solid #3a3a5c;border-right:1px solid var(--color-border,#3a3a5c);z-index:10}.profile-content-container,.profile-tabs-container{background:#252542;background:var(--color-surface,#252542);box-sizing:border-box;margin:0 auto;max-width:960px;position:relative;width:100%}.profile-content-container{border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c);border-radius:0 0 12px 12px;border-top:none;box-shadow:0 4px 24px #0000004d;min-height:500px;overflow:visible!important}.profile-avatar{align-items:center;background:#ffffff40;border:3px solid #fff6;border-radius:50%;color:#fff;color:var(--color-text-on-primary,#fff);flex-shrink:0;font-size:2rem;font-weight:700;height:72px;text-shadow:0 1px 2px #0003;width:72px}.profile-avatar,.profile-info{display:flex;justify-content:center}.profile-info{flex:1 1;flex-direction:column;min-width:0}.profile-info h1{color:#fff;color:var(--color-text-on-primary,#fff);display:block;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.profile-info p{font-size:.95rem;line-height:1.4;min-height:auto!important}.profile-info .profile-email,.profile-info p{color:#ffffffe6!important;color:var(--color-text-on-primary,#ffffffe6)!important;display:block!important;height:auto!important;margin:0;opacity:1!important;overflow:visible!important;padding:0;visibility:visible!important}.profile-info .profile-email{font-size:.95rem!important;line-height:1.4!important;min-height:1.4em!important;text-overflow:ellipsis;white-space:nowrap}.profile-tabs{-webkit-overflow-scrolling:touch;background:#252542!important;background:var(--color-surface,#252542)!important;border-bottom:1px solid #3a3a5c!important;border-bottom:1px solid var(--color-border,#3a3a5c)!important;box-sizing:border-box;display:flex!important;height:auto;margin:0;max-height:none;min-height:60px;opacity:1!important;overflow-x:auto;overflow-y:visible!important;padding:0;position:relative;scrollbar-width:none;visibility:visible!important;width:100%;z-index:10}.profile-tabs::-webkit-scrollbar{display:none}.tab-button{align-items:center;color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;justify-content:center;min-width:120px;padding:1rem 1.5rem;position:relative;transition:all .2s ease;white-space:nowrap}.tab-button:after{background:#6366f1;background:var(--color-primary,#6366f1);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .2s ease;width:0}.tab-button:hover{background:#ffffff0d;background:var(--color-surface-hover,#ffffff0d)}.tab-button.active{color:#6366f1;color:var(--color-primary,#6366f1)}.tab-button.active:after{width:60%}.tab-icon{font-size:1.25rem;line-height:1}.tab-label{font-size:.8rem}.profile-content{background:#2d2d2d;background:var(--color-surface,#2d2d2d);width:100%}.tab-content{box-sizing:border-box;color:#fff;color:var(--color-text-primary,#fff);display:block;padding:2rem;width:100%}.tab-header{border-bottom:1px solid #3a3a5c;border-bottom:1px solid var(--color-border,#3a3a5c);margin-bottom:2rem;padding-bottom:1rem}.tab-header h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.tab-header p{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:.95rem;margin:0}.profile-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#fff;color:var(--color-text-primary,#fff);font-size:.875rem;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group select{background-color:#1a1a2e;background-color:var(--color-input-bg,#1a1a2e);border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c);border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px #6366f126;outline:none}.form-group input:disabled,.form-group select:disabled{background-color:#2a2a4a;background-color:var(--color-surface-hover,#2a2a4a);cursor:not-allowed;opacity:.7}.form-section-divider{border-top:1px dashed #3a3a5c;border-top:1px dashed var(--color-border,#3a3a5c);margin:1.5rem 0 1rem;padding-top:1.5rem}.form-section-divider h4{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.form-group-checkbox{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.form-group-checkbox input[type=checkbox]{accent-color:var(--color-primary);height:18px;width:18px}.form-group-checkbox label{color:#fff;color:var(--color-text-primary,#fff);font-size:.95rem;font-weight:400;margin:0}.save-button{align-self:flex-start;background:#6366f1;background:var(--color-primary,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem 2rem;transition:all .2s ease}.save-button:hover:not(:disabled){background:#4f46e5;background:var(--color-primary-dark,#4f46e5);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.save-button:disabled{background:#6b6b80;background:var(--color-text-secondary,#6b6b80);cursor:not-allowed;opacity:.6}.email-verification-status{border-radius:8px;margin-top:.5rem;padding:.75rem 1rem}.email-verification-status.verified{background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-success) 30%,#0000)}.email-verification-status.unverified{background:color-mix(in srgb,var(--color-warning) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-warning) 30%,#0000)}.verification-badge-container{display:flex;flex-direction:column;gap:.5rem}.verification-badge{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem}.verification-badge.verified{color:var(--color-success)}.verification-badge.unverified{color:var(--color-warning)}.resend-verification-link{background:#0000;border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.resend-verification-link:hover:not(:disabled){background:var(--color-primary);color:#fff}.resend-verification-link:disabled{cursor:not-allowed;opacity:.6}.account-info-card{background:#1a1a2e;background:var(--color-background,#1a1a2e);border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.account-info-card h4{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;font-weight:600;margin:0 0 1rem}.account-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:center;border-bottom:1px solid #3a3a5c;border-bottom:1px solid var(--color-border,#3a3a5c);display:flex;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:.9rem}.detail-value{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;font-weight:500}.status-badge{border-radius:20px;font-size:.8rem;padding:.25rem .75rem}.status-badge.verified{background:color-mix(in srgb,var(--color-success) 15%,#0000);color:var(--color-success)}.status-badge.unverified{background:color-mix(in srgb,var(--color-warning) 15%,#0000);color:var(--color-warning)}.danger-zone{background:#ef444414;border:1px solid #ef44444d;border-radius:8px;padding:1.5rem}.danger-zone h4{color:#ef4444;color:var(--color-error,#ef4444);font-size:1rem;font-weight:600;margin:0 0 1rem}.danger-text{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.delete-account-button{background:#0000;border:2px solid #ef4444;border:2px solid var(--color-error,#ef4444);border-radius:8px;color:#ef4444;color:var(--color-error,#ef4444);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.delete-account-button:hover{background:#ef4444;background:var(--color-error,#ef4444);color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#252542;background:var(--color-surface,#252542);border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c);border-radius:12px;box-shadow:0 20px 40px #0006;max-width:440px;padding:2rem;width:100%}.danger-modal h3{color:#ef4444;color:var(--color-error,#ef4444);font-size:1.25rem;font-weight:700;margin:0 0 1rem}.danger-modal p{color:#a0a0b8;color:var(--color-text-secondary,#a0a0b8);font-size:.95rem;line-height:1.6}.danger-modal p,.delete-confirmation{margin-bottom:1.5rem}.delete-confirmation label{color:#fff;color:var(--color-text-primary,#fff);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.delete-confirmation input{background:#1a1a2e;background:var(--color-input-bg,#1a1a2e);border:2px solid #3a3a5c;border:2px solid var(--color-border,#3a3a5c);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;padding:.75rem 1rem;width:100%}.delete-confirmation input:focus{border-color:#ef4444;border-color:var(--color-error,#ef4444);box-shadow:0 0 0 3px #ef444426;outline:none}.modal-actions{gap:1rem}.cancel-button{background:#0000;border:1px solid #3a3a5c;border:1px solid var(--color-border,#3a3a5c);border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.cancel-button:hover:not(:disabled){background:#ffffff0d;background:var(--color-surface-hover,#ffffff0d)}.confirm-delete-button{background:#ef4444;background:var(--color-error,#ef4444);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.confirm-delete-button:hover:not(:disabled){background:#dc2626}.confirm-delete-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.profile-tabs{display:flex!important;gap:0;opacity:1!important;visibility:visible!important}.profile-tabs-container{border-radius:0}.profile-content-container{border-radius:0;border-top:none}.profile-header{align-items:center!important;border-radius:0;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:.625rem!important;margin-top:3.25rem;padding:.875rem 1rem!important;text-align:center!important;width:100%!important}.profile-avatar{flex-shrink:0!important;font-size:1.75rem!important;height:64px!important;width:64px!important}.profile-info{align-items:center!important;display:flex!important;flex-direction:column!important;gap:.25rem!important;min-width:0!important}.profile-info,.profile-info h1{text-align:center!important;width:100%!important}.profile-info h1{font-size:1.25rem!important;margin:0 0 .5rem!important}.profile-info .profile-email,.profile-info p{display:block!important;font-size:.9rem!important;margin:0!important;opacity:1!important;padding:0!important;text-align:center!important;visibility:visible!important;width:100%!important}.tab-button{gap:.4rem;min-height:64px;min-width:85px;padding:1rem .75rem}.tab-icon{font-size:1.25rem}.tab-label{font-size:.75rem;line-height:1.2}.tab-content{padding:1.5rem 1rem}.tab-header{margin-bottom:1.5rem}.tab-header h3{font-size:1.15rem}.tab-header p{font-size:.9rem}.form-row{gap:1rem;grid-template-columns:1fr}.form-group{margin-bottom:.25rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group select{font-size:16px;min-height:48px;padding:.875rem 1rem}.save-button{font-size:1rem;min-height:48px;padding:1rem 2rem;width:100%}.delete-account-button{min-height:48px;padding:.875rem 1.5rem;width:100%}.resend-verification-link{font-size:.9rem;min-height:44px;padding:.75rem 1rem;width:100%}.account-info-card{margin-bottom:1.5rem;padding:1.25rem}.danger-zone{padding:1.25rem}.detail-row{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem 0}.detail-label,.detail-value{font-size:.95rem}.modal-content{margin:.5rem;padding:1.5rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{min-height:48px;width:100%}.email-verification-status{padding:.875rem 1rem}.verification-badge-container{gap:.75rem}}@media (max-width:480px){.profile-tabs{display:flex!important;opacity:1!important;position:relative;visibility:visible!important}.profile-tabs:after{background:linear-gradient(270deg,#252542,#0000);background:linear-gradient(to left,var(--color-surface,#252542),#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:30px}.profile-header{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;margin-top:3rem;padding:.625rem .75rem!important;text-align:center!important;width:100%!important}.profile-avatar{flex-shrink:0!important;font-size:1.5rem!important;height:56px!important;width:56px!important}.profile-info{align-items:center!important;display:flex!important;flex-direction:column!important;min-width:0!important}.profile-info,.profile-info h1{text-align:center!important;width:100%!important}.profile-info h1{font-size:1.1rem!important;margin:0 0 .4rem!important}.profile-info .profile-email,.profile-info p{display:block!important;font-size:.85rem!important;margin:0!important;opacity:1!important;padding:0!important;text-align:center!important;visibility:visible!important;white-space:normal!important;width:100%!important;word-break:break-word!important}.tab-button{min-height:60px;min-width:75px;padding:.875rem .5rem}.tab-icon{font-size:1.15rem}.tab-label{font-size:.7rem;line-height:1.1}.tab-content{padding:1rem .875rem}.tab-header{margin-bottom:1.25rem}.tab-header h3{font-size:1.05rem}.tab-header p{font-size:.875rem}.save-button{font-size:.95rem;padding:.875rem 1.5rem;width:100%}.form-group{margin-bottom:.5rem}.form-group label{font-size:.875rem}.form-section-divider{margin:1.25rem 0 .875rem}.account-info-card,.danger-zone{padding:1rem}}@media (max-height:500px) and (orientation:landscape){.profile-header{flex-direction:row!important;gap:1rem!important;margin-top:2.5rem;padding:1rem!important}.profile-avatar{font-size:1.25rem!important;height:48px!important;width:48px!important}.profile-info h1{font-size:1rem!important;text-align:left!important}.profile-info .profile-email,.profile-info p{font-size:.8rem!important;text-align:left!important}.tab-button{min-height:52px;padding:.625rem .75rem}.tab-content{padding:1rem}}.newsletter-dashboard{background:#181a1b;background:var(--color-bg,#181a1b);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:#23272a;background:var(--color-surface,#23272a);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--color-shadow,#0003);display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.dashboard-header h2{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);font-size:28px;margin:0}.user-role-badge{align-items:center;display:flex}.role-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.role-badge.super_admin{background:#e74c3c;color:#fff}.role-badge.admin{background:#9b59b6;color:#fff}.role-badge.content_creator{background:#3498db;color:#fff}.role-badge.wholesaler{background:#27ae60;color:#fff}.role-badge.buyer{background:#f39c12;color:#fff}.role-badge.subscriber{background:#95a5a6;color:#fff}.dashboard-tabs{background:#23272a;background:var(--color-surface,#23272a);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--color-shadow,#0003);display:flex;margin-bottom:20px;padding:4px}.tab-button{background:#0000;border:none;border-radius:6px;color:#bbb;color:var(--color-text-secondary,#bbb);cursor:pointer;flex:1 1;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab-button:hover{background:#23272a;background:var(--color-surface-hover,var(--color-surface,#23272a));color:#fff;color:var(--color-text-primary,#fff)}.tab-button.active{background:#3498db;background:var(--color-primary,#3498db);color:#fff;color:var(--color-background,#fff)}.dashboard-content{background:#23272a;background:var(--color-surface,#23272a);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--color-shadow,#0003);padding:30px}.dashboard-content,.overview-section h3{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.overview-section h3{font-size:24px;margin-bottom:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#23272a,#2c3e50);background:linear-gradient(135deg,var(--color-surface,#23272a) 0,var(--color-surface-hover,#2c3e50) 100%);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:10px;box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--color-shadow,#0003);color:#fff;color:var(--color-text-primary,#fff);padding:25px;text-align:center}.stat-card h4{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:14px;margin:0 0 10px;opacity:.9}.stat-number{font-size:32px;font-weight:700;margin:0}.recent-campaigns h4{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);margin-bottom:15px}.campaigns-list{display:flex;flex-direction:column;gap:15px}.campaign-item{align-items:center;background:#23272a;background:var(--color-surface,#23272a);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;display:flex;justify-content:space-between;padding:15px}.campaign-info h5{color:#fff;color:var(--color-text-primary,#fff);margin:0 0 5px}.campaign-info p{color:#bbb;color:var(--color-text-secondary,#bbb);font-size:14px;margin:0}.campaign-stats{display:flex;gap:20px}.campaign-stats span{color:#bbb;color:var(--color-text-secondary,#bbb);font-size:14px}.create-newsletter-section h3{border-bottom:3px solid #3498db;border-bottom:3px solid var(--color-primary,#3498db);color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);font-size:28px;margin-bottom:30px;padding-bottom:15px}.newsletter-form{margin:0 auto;max-width:1000px}.form-group{margin-bottom:20px}.form-group label{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background:#181a1b;background:var(--color-input-bg,var(--color-background,#181a1b));border:2px solid #444;border:2px solid var(--color-border,#444);border-radius:6px;color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;border-color:var(--color-primary,#3498db);box-shadow:0 0 0 3px #3498db1a;box-shadow:0 0 0 3px var(--color-primary,#3498db1a);outline:none}.tags-container{background:#181a1b;background:var(--color-input-bg,var(--color-background,#181a1b));border:2px solid #444;border:2px solid var(--color-border,#444);border-radius:6px;flex-wrap:wrap;gap:8px;min-height:40px;padding:8px}.tag,.tags-container{align-items:center;display:flex}.tag{background:#3498db;background:var(--color-primary,#3498db);border-radius:15px;color:#fff;color:var(--color-background,#fff);font-size:12px;gap:5px;padding:4px 8px}.tag button{background:none;border:none;color:#fff;cursor:pointer;padding:0}.tags-container input{border:none;flex:1 1;min-width:120px;outline:none;padding:4px}.checkbox-label{gap:8px}.checkbox-label input[type=checkbox]{width:auto}.form-actions{border-top:2px solid #444;border-top:2px solid var(--color-border,#444);display:flex;gap:15px;margin-top:30px;padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#3498db;background:var(--color-primary,#3498db);color:var(--color-background,#fff)}.btn-primary:hover{background:#2980b9;background:var(--color-primary-dark,var(--color-primary-hover,#2980b9));box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--color-shadow,#0003);transform:translateY(-1px)}.btn-primary:disabled{background:#95a5a6;background:var(--color-text-secondary,#95a5a6);cursor:not-allowed;opacity:.6}.btn-secondary{background:#7f8c8d;background:var(--color-surface-hover,#7f8c8d);border:1px solid #fff3;border:1px solid var(--color-border,#fff3);color:#fff;color:var(--color-text-primary,#fff)}.btn-secondary:hover{background:#95a5a6;background:var(--color-surface,#95a5a6);box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--color-shadow,#0003);transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.subscribers-section h3{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:24px;margin-bottom:20px}.subscribers-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.search-input{background:#fff;background:var(--color-input-bg,var(--color-background,#fff));border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:6px;color:#333;color:var(--color-text-primary,#333);flex:1 1;font-size:14px;padding:10px}.subscribers-table{overflow-x:auto}.subscribers-table table{border-collapse:collapse;margin-top:10px;width:100%}.subscribers-table td,.subscribers-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);padding:12px;text-align:left}.subscribers-table th{background:#f8f9fa;background:var(--color-surface,#f8f9fa);color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-weight:600}.subscribers-table td{color:#333;color:var(--color-text-primary,#333)}.status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status.active{background:#d4edda;background:var(--color-success,#d4edda);color:#155724;color:var(--color-background,#155724)}.status.inactive{background:#f8d7da;background:var(--color-error,#f8d7da);color:#721c24;color:var(--color-background,#721c24)}.btn-small{background:#3498db;background:var(--color-primary,#3498db);border:none;border-radius:4px;color:#fff;color:var(--color-background,#fff);cursor:pointer;font-size:12px;margin-right:5px;padding:6px 12px;transition:all .3s ease}.btn-small:hover{background:#2980b9;background:var(--color-primary-dark,var(--color-primary-hover,#2980b9));transform:translateY(-1px)}.btn-danger{background:#e74c3c;background:var(--color-error,#e74c3c)}.btn-danger:hover{background:#c0392b;background:var(--color-error,#c0392b);transform:translateY(-1px)}.user-info-section h3{color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:24px;margin-bottom:20px}.user-details{background:#f8f9fa;background:var(--color-surface,#f8f9fa);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;margin-bottom:30px;padding:20px}.user-details p{margin:10px 0}.permissions-list h4,.user-details p{color:#2c3e50;color:var(--color-text-primary,#2c3e50)}.permissions-list h4{margin-bottom:15px}.permissions-grid{display:flex;flex-wrap:wrap;gap:8px}.permission-badge{background:#ecf0f1;background:var(--color-surface-hover,#ecf0f1);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:15px;color:#2c3e50;color:var(--color-text-primary,#2c3e50);font-size:12px;font-weight:500;padding:6px 12px}.access-denied{background:#fff;background:var(--color-surface,#fff);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--color-shadow,#0000001a);padding:60px 20px;text-align:center}.access-denied h2{color:#e74c3c;color:var(--color-error,#e74c3c);margin-bottom:15px}.access-denied p{color:#666;color:var(--color-text-secondary,#666);font-size:16px}@media (max-width:768px){.newsletter-dashboard{padding:10px}.dashboard-header{gap:15px;text-align:center}.dashboard-header,.dashboard-tabs{flex-direction:column}.tab-button{margin-bottom:4px}.stats-grid{grid-template-columns:1fr}.campaign-item{align-items:flex-start;flex-direction:column;gap:10px}.subscribers-controls{align-items:stretch;flex-direction:column}.form-actions{flex-direction:column}.permissions-grid{justify-content:center}}@media (max-width:480px){.dashboard-content,.stat-card{padding:15px}.stat-number{font-size:24px}}.newsletter-preview-section{background:#23272a;background:var(--color-surface,#23272a);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;box-shadow:0 2px 4px #00000026;box-shadow:0 2px 4px var(--color-shadow,#00000026);margin-top:2rem;padding:1.5rem}.newsletter-preview-cards{display:flex;flex-wrap:wrap;gap:1.5rem}.newsletter-preview-card{align-items:flex-start;background:#181a1b;background:var(--color-card-bg,var(--color-background,#181a1b));border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;box-shadow:0 1px 3px #0000001f;box-shadow:0 1px 3px var(--color-shadow,#0000001f);display:flex;flex:1 1 260px;flex-direction:column;max-width:320px;min-width:260px;padding:1rem}.newsletter-preview-image{border-radius:6px;margin-bottom:.75rem;max-height:120px;object-fit:cover;width:100%}.newsletter-preview-content h5{color:#61dafb;color:var(--color-primary,#61dafb);font-size:1.1rem;margin:0 0 .5rem}.newsletter-preview-content p{color:#bbb;color:var(--color-text-secondary,#bbb);font-size:.98rem;margin:0 0 .5rem}.newsletter-preview-content a{color:#3498db;color:var(--color-primary,#3498db);display:inline-block;font-weight:500;margin-top:.5rem;text-decoration:underline}.newsletter-preview-type{border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:4px;color:#888;color:var(--color-text-secondary,#888);display:inline-block;font-size:.85rem;margin-top:.5rem;padding:2px 8px}.newsletter-link-section,.newsletter-preview-type{background:#23272a;background:var(--color-surface,#23272a)}.newsletter-link-section{border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;margin-bottom:25px;padding:20px}.newsletter-link-section h4{border-bottom:1px solid #30363d;border-bottom:1px solid var(--color-border,#30363d);color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);font-size:1.1rem;margin-bottom:15px;margin-top:0;padding-bottom:.5rem}.newsletter-link-section input,.newsletter-link-section select,.newsletter-link-section textarea{background:#181a1b;background:var(--color-input-bg,var(--color-background,#181a1b));border:2px solid #444;border:2px solid var(--color-border,#444);border-radius:5px;color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);font-size:14px;margin-bottom:10px;padding:10px 15px;width:100%}.newsletter-link-section input:focus,.newsletter-link-section select:focus,.newsletter-link-section textarea:focus{border-color:#3498db;border-color:var(--color-primary,#3498db);outline:none}.newsletter-link-list{background:#181a1b;background:var(--color-card-bg,var(--color-background,#181a1b));border:1px solid #444;border:1px solid var(--color-border,#444);border-radius:5px;max-height:400px;overflow-y:auto;padding:10px}.automated-newsletter-section{background:#161b22;background:var(--color-surface,#161b22);border:1px solid #30363d;border:1px solid var(--color-border,#30363d);border-radius:8px;padding:2rem}.section-description{color:#8b949e;color:var(--color-text-secondary,#8b949e);line-height:1.6;margin-bottom:2rem}.automation-config{max-width:800px}.automation-config h4{border-bottom:1px solid #30363d;border-bottom:1px solid var(--color-border,#30363d);color:#f0f6fc;color:var(--color-text-primary,#f0f6fc);font-size:1.1rem;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem}.automation-config h4:first-child{margin-top:0}.sub-config{background:#21262d;background:var(--color-surface-hover,#21262d);border:1px solid #30363d;border:1px solid var(--color-border,#30363d);border-radius:6px;margin-bottom:1rem;margin-left:2rem;margin-top:.5rem;padding:1rem}.sub-config label{display:inline-block;font-size:.9rem;margin-right:1rem}.checkbox-label,.sub-config label{color:#c9d1d9;color:var(--color-text-primary,#c9d1d9)}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.preview-section{background:#23272a!important;background:var(--color-surface,#23272a)!important;border:1px solid #444!important;border:1px solid var(--color-border,#444)!important;border-radius:8px;color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);margin-top:30px;padding:20px}.preview-section h4{border-bottom:1px solid #444;border-bottom:1px solid var(--color-border,#444);color:#fff;color:var(--color-text-primary,#fff);margin-bottom:15px;margin-top:0;padding-bottom:10px}.preview-section strong{color:#61dafb;color:var(--color-primary,#61dafb)}.preview-section ul{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);margin:10px 0;padding-left:20px}.preview-section li{line-height:1.5;margin:8px 0}.generated-preview{background:#fff;border-radius:4px;color:#333;margin-top:15px;padding:20px}.generated-preview h1,.generated-preview h2,.generated-preview h3{color:#2c3e50}.generated-preview a{color:#3498db}.site-footer{background:var(--color-surface);border-top:2px solid var(--color-border);color:var(--color-text-primary);font-size:1rem;margin-top:3rem;padding:2rem 0 1rem}.footer-main{margin:0 auto;max-width:1200px;padding:0 1.5rem}.footer-row{align-items:flex-start;justify-content:space-between;margin-bottom:1.2rem}.footer-col{margin-bottom:.5rem}.footer-brand{flex:2 1 320px}.footer-links{align-items:flex-end;flex:1 1 220px;flex-direction:column;gap:.4rem}.footer-disclaimer,.footer-legal{color:var(--color-text-secondary);flex:1 1 100%;font-size:.97em;margin-top:.5rem}.footer-copyright{font-weight:600;margin-bottom:.2rem}.footer-business-info{font-size:.97em}.compact-footer{background:var(--color-background);border-top:1px solid var(--color-border);color:var(--color-text-primary);font-size:.97rem;padding:1.1rem 0 .7rem}.compact-main{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:900px}.footer-row{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.compact-links-row{flex-wrap:wrap;font-size:.98rem;gap:1.1rem}.footer-link{color:var(--color-text-primary);padding:0 .2rem;transition:color .15s}.footer-link:hover{color:var(--color-primary)}.footer-theme-row{align-items:center;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:flex;justify-content:center;margin:.5rem 0;padding:.75rem 0}.compact-disclaimer-row{color:var(--color-text-secondary);font-size:.92rem;margin-bottom:.1rem;margin-top:.1rem;text-align:center}.compact-payment-row{font-size:.95rem;gap:.5rem;justify-content:flex-end}.footer-payment-label{margin-right:.3rem}.footer-payment-icons{gap:.3rem}.payment-icon{border-radius:3px;height:20px;padding:1px}.site-footer .footer-main{padding:0 .7rem}.site-footer .footer-link{font-size:.95em;padding:.1em 0}.site-footer .footer-business-info{font-size:.93em}.site-footer .footer-disclaimer,.site-footer .footer-legal{font-size:.91em;margin-top:.2rem}.ultra-compact-footer{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.89rem;padding:.2rem 0 .1rem}.ultra-compact-main{margin:0 auto;max-width:1200px;padding:0 .5rem}.ultra-compact-row{align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:.1rem}.footer-links,.ultra-compact-row{display:flex;gap:.7rem}.footer-link{color:var(--color-text-secondary);font-size:.95em;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:focus,.footer-link:hover{color:var(--color-primary);text-decoration:underline}.footer-business-info{color:var(--color-text-secondary);font-size:.92em}.footer-disclaimer-row{justify-content:flex-start;margin-bottom:0;width:100%}.footer-disclaimer{color:var(--color-text-secondary);font-size:.88em;margin-left:.1rem}.footer-payment-row{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.footer-payment-label{color:var(--color-text-primary);font-size:.95rem;margin-right:.5rem}.footer-payment-icons{align-items:center;display:flex;gap:.4rem}.payment-icon{background:none;border-radius:4px;display:inline-block;filter:brightness(.95) contrast(1.1) drop-shadow(0 1px 2px #0002);height:24px;padding:2px;transition:filter .2s;width:auto}.payment-icon:hover{filter:brightness(1.1) contrast(1.2) drop-shadow(0 2px 4px #0003)}.footer-links .footer-link{color:var(--color-text-primary);font-size:.98rem;margin-right:.7rem;text-decoration:none;transition:color .2s}.footer-links .footer-link:hover{color:var(--color-primary);text-decoration:underline}@media (max-width:700px){.footer-row:not(.compact-links-row){align-items:flex-start;flex-direction:column;gap:.7rem}.footer-links{align-items:flex-start;margin-top:.5rem}.compact-footer{font-size:.98rem}.ultra-compact-row{align-items:flex-start;flex-direction:column;gap:.2rem}.footer-links{gap:.5rem}.compact-links-row{flex-direction:row;gap:.8rem;justify-content:center}}@media (max-width:600px){.compact-main{max-width:98vw;padding:0 .5rem}.footer-row:not(.compact-links-row){gap:.4rem}.compact-links-row{flex-wrap:wrap;font-size:.93rem;gap:.5rem;padding:.3rem 0}.compact-payment-row{font-size:.93rem}}.cookie-consent-overlay{align-items:flex-end;background:#14141473;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:9999}.cookie-consent-banner{animation:slideUp .4s cubic-bezier(.4,1.6,.6,1) 1;background:#181c20;border-radius:12px 12px 0 0;box-shadow:0 0 24px 0 #00000040;color:#e5e7eb;font-size:1rem;margin-bottom:0;max-width:420px;padding:2rem 2.5rem 1.5rem;width:100%}.cookie-consent-message{font-size:1.05rem;line-height:1.6;margin-bottom:1.2rem}.cookie-consent-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.cookie-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1.2rem;transition:background .2s,color .2s}.cookie-btn.accept{background:#22c55e;color:#181c20}.cookie-btn.accept:hover{background:#16a34a}.cookie-btn.reject{background:#23272f;border:1px solid #444;color:#e5e7eb}.cookie-btn.reject:hover{background:#181c20;color:#f87171}.cookie-btn.customize{background:#f3a444;color:#181c20}.cookie-btn.customize:hover{background:#eab308}.cookie-btn.save{background:#22c55e;color:#181c20}.cookie-btn.save:hover{background:#16a34a}.cookie-btn.back{background:#23272f;border:1px solid #444;color:#e5e7eb}.cookie-btn.back:hover{background:#181c20;color:#f3a444}.cookie-consent-customize{margin-top:.5rem}.cookie-consent-customize h2{color:#f3a444;font-size:1.2rem;margin-bottom:1rem}.cookie-pref-item{align-items:flex-start;display:flex;gap:.7rem;margin-bottom:.7rem}.cookie-pref-item input[type=checkbox]{accent-color:#22c55e;height:1.1rem;margin-top:.2rem;width:1.1rem}.cookie-pref-item label{cursor:pointer;font-weight:500}.cookie-pref-desc{color:#9ca3af;font-size:.95rem;margin-bottom:.2rem;margin-left:2.2rem;margin-top:-.2rem}@media (max-width:600px){.cookie-consent-banner{font-size:.98rem;max-width:98vw;padding:1.2rem 1rem 1rem}}.floating-theme-widget{bottom:20px;left:20px;position:fixed;z-index:9999}.theme-widget-wrapper{display:inline-block;position:relative}.floating-theme-widget.dragging{transition:none}.floating-theme-widget.dragging .theme-toggle-button{cursor:grabbing!important;opacity:.9}.theme-options-panel{animation:slideUp .3s ease;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 8px 32px var(--color-shadow);left:0;min-width:200px;padding:1rem;position:absolute}.floating-theme-widget.top-position .theme-options-panel{animation:slideDown .3s ease;bottom:auto;top:calc(100% + 12px)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-options-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.theme-options-header .theme-icon{font-size:1.25rem}.theme-options-header h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.theme-options-list{display:flex;flex-direction:column;gap:.5rem}.theme-option{align-items:center;background:var(--color-background);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.theme-option.active,.theme-option:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.theme-option.active{box-shadow:0 0 0 3px #61dafb1a}.theme-option-colors{display:flex;flex-shrink:0;gap:4px}.color-dot{border:1px solid #fff3;border-radius:50%;box-shadow:0 1px 3px #0003;height:12px;width:12px}.theme-option-name{color:var(--color-text-primary);flex:1 1;font-size:.9rem;font-weight:500}.theme-check{color:var(--color-primary);flex-shrink:0;font-size:1rem;font-weight:700}.theme-toggle-button{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50px;box-shadow:0 4px 12px var(--color-shadow);color:var(--color-text-primary);cursor:grab;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease;user-select:none;-webkit-user-select:none}.theme-toggle-button:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 6px 16px var(--color-shadow);transform:translateY(-2px)}.theme-toggle-button:active{transform:translateY(0)}.theme-toggle-button:active:not(:hover){cursor:grabbing}.floating-theme-widget.open .theme-toggle-button{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}.toggle-icon{font-size:1.25rem;line-height:1}.toggle-label{white-space:nowrap}@media (max-width:768px){.floating-theme-widget{bottom:20px;left:15px}.theme-toggle-button{font-size:.85rem;padding:.6rem .85rem}.toggle-label{font-size:.8rem}.theme-toggle-button .toggle-icon{font-size:1.25rem}.theme-options-panel{min-width:180px;padding:.75rem}.theme-options-header h3{font-size:.9rem}.theme-option{padding:.6rem}.theme-option-name{font-size:.85rem}}@media (max-width:480px){.floating-theme-widget{bottom:15px;left:10px}.theme-toggle-button{border-radius:50%;height:48px;justify-content:center;padding:0;width:48px}.toggle-label{display:none}.toggle-icon{font-size:1.5rem}.theme-options-panel{min-width:160px;right:0}}.theme-option:focus,.theme-toggle-button:focus{box-shadow:0 0 0 3px #61dafb66;outline:none}@media print{.floating-theme-widget{display:none!important}}.music-player-toggle{align-items:center;animation:bubbleIconBounce 1s ease-in-out infinite;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 4px 20px var(--color-shadow);color:var(--color-primary);cursor:grab;display:flex;filter:drop-shadow(0 0 8px rgba(163,113,247,.5)) brightness(1.3) contrast(.9);font-size:1.85rem;height:45px;justify-content:center;position:fixed;touch-action:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;-webkit-user-select:none;user-select:none;width:45px;z-index:1000}.music-player-toggle:hover{animation:none;background:var(--color-primary);box-shadow:0 6px 30px var(--color-shadow);color:var(--color-background);filter:brightness(1.5);transform:scale(1.1) rotate(5deg)}.music-player-toggle.dragging,.music-player-toggle:active{cursor:grabbing;transform:scale(1.05)}.music-player-toggle.dragging{box-shadow:0 8px 35px var(--color-shadow);transition:none}.floating-music-player{background:linear-gradient(145deg,var(--color-surface) 0,var(--color-background) 100%);border:4px solid var(--color-primary);border-radius:20px;box-shadow:0 10px 40px var(--color-shadow),inset 0 1px 0 #ffffff1a;cursor:move;font-family:Arial,sans-serif;padding:15px;position:fixed;-webkit-user-select:none;user-select:none;width:320px;z-index:1001}.floating-music-player.dragging{box-shadow:0 15px 50px var(--color-shadow);cursor:grabbing}.floating-music-player.fullscreen{cursor:default!important;height:auto;width:450px;z-index:1002}.floating-music-player.fullscreen .player-header{cursor:default!important}.floating-music-player.fullscreen .record-container{height:280px;width:280px}.player-header{align-items:center;border-bottom:2px solid var(--color-border);cursor:grab;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.player-header:active{cursor:grabbing}.drag-handle{color:var(--color-text-secondary);cursor:grab;font-size:18px;font-weight:700;letter-spacing:-2px;opacity:.5;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.drag-handle:hover{opacity:.8}.player-title{color:var(--color-primary);flex:1 1;font-size:14px;font-weight:700;text-align:center;text-shadow:0 1px 2px var(--color-shadow)}.header-buttons{align-items:center;display:flex;gap:8px}.close-btn,.fullscreen-btn{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:50%;color:var(--color-primary);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.close-btn:hover,.fullscreen-btn:hover{background:var(--color-surface-hover);filter:brightness(1.2)}.close-btn:hover{transform:rotate(90deg)}.record-container{align-items:center;display:flex;height:200px;justify-content:center;margin:20px auto;position:relative;width:200px}.vinyl-record{background:radial-gradient(circle at 30% 30%,#2a2a2a 0,#000 100%);border-radius:50%;box-shadow:inset 0 0 20px #000c,0 5px 15px #00000080;height:180px;position:relative;transition:transform .3s ease;width:180px}.vinyl-record:before{background:repeating-radial-gradient(circle at center,#0000 0,#0000 2px,#ffffff08 0,#ffffff08 4px);border-radius:50%;content:"";height:100%;position:absolute;width:100%}.vinyl-record.spinning{animation:spin 3s linear infinite}.record-center{background:linear-gradient(145deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 0 10px var(--color-primary),inset 0 2px 5px #00000080;height:50px;width:50px;z-index:3}.record-center,.record-label{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.record-label{align-items:center;background:radial-gradient(circle,var(--color-primary) 0,var(--color-accent) 100%);box-shadow:inset 0 2px 10px #0000004d;display:flex;height:100px;justify-content:center;width:100px;z-index:2}.record-label-text{color:var(--color-background);font-family:Georgia,serif;font-size:24px;font-weight:700;text-shadow:0 1px 2px #ffffff4d}.tonearm{background:linear-gradient(to bottom,var(--color-text-secondary),var(--color-border));border-radius:2px;box-shadow:2px 2px 5px var(--color-shadow);height:90px;position:absolute;right:30px;top:20px;transform:rotate(25deg);transform-origin:top center;width:4px;z-index:4}.tonearm:before{background:var(--color-text-secondary);box-shadow:0 1px 3px var(--color-shadow);height:12px;left:-4px;top:-6px;width:12px}.tonearm:after,.tonearm:before{border-radius:50%;content:"";position:absolute}.tonearm:after{background:var(--color-primary-dark);bottom:-4px;height:8px;left:-2px;width:8px}.track-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin:15px 0;padding:10px;text-align:center}.track-title{color:var(--color-primary);font-size:14px;font-weight:700;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-number{color:var(--color-text-secondary);font-size:11px}.progress-container{align-items:center;display:flex;gap:8px;margin:15px 0}.time-display{color:var(--color-text-secondary);font-size:11px;min-width:35px;text-align:center}.progress-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;cursor:pointer;flex:1 1;height:6px;position:relative}.progress-fill{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:3px;box-shadow:0 0 8px var(--color-primary);height:100%;transition:width .1s ease}.player-controls{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;gap:12px;justify-content:center;margin-top:15px;padding:15px}.player-controls-main{flex-wrap:wrap}.player-controls-main,.player-controls-secondary{align-items:center;display:flex;gap:8px;justify-content:center}.player-controls-secondary{width:100%}.control-btn{align-items:center;border:2px solid var(--color-border);border-radius:50%;box-shadow:0 2px 5px var(--color-shadow);color:var(--color-primary);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.control-btn,.control-btn:hover{background:var(--color-surface-hover)}.control-btn:hover{box-shadow:0 3px 10px var(--color-primary);filter:brightness(1.2);transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.play-btn{background:var(--color-surface);border:3px solid var(--color-primary);color:var(--color-primary);font-size:20px;height:50px;width:50px}.play-btn:hover,.shuffle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}.shuffle-btn.active{box-shadow:0 0 10px var(--color-shadow)}.random-btn{position:relative}.random-btn:hover{background:var(--color-surface-hover);box-shadow:0 0 15px var(--color-primary);filter:brightness(1.2)}.random-btn:active{animation:dice-roll .5s ease}@keyframes dice-roll{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(.9) rotate(-15deg)}50%{transform:scale(1.1) rotate(15deg)}75%{transform:scale(.95) rotate(-10deg)}}.player-volume{align-items:center;display:flex;flex:1 1;gap:8px;max-width:150px}.volume-icon{color:var(--color-text-primary);font-size:16px}.volume-slider{-webkit-appearance:none;appearance:none;background:var(--color-surface);border-radius:2px;cursor:pointer;height:4px;outline:none;width:70px}.volume-value{color:var(--color-text-primary);font-size:12px;font-weight:600;min-width:20px;text-align:center}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(145deg,var(--color-primary),var(--color-accent));border-radius:50%;box-shadow:0 2px 5px var(--color-shadow);cursor:pointer;height:14px;width:14px}.volume-slider::-moz-range-thumb{background:linear-gradient(145deg,var(--color-primary),var(--color-accent));border:none;border-radius:50%;box-shadow:0 2px 5px var(--color-shadow);cursor:pointer;height:14px;width:14px}@media (max-width:768px){.floating-music-player{width:280px}.record-container{height:160px;width:160px}.vinyl-record{height:140px;width:140px}.player-controls{gap:10px}.player-controls-main,.player-controls-secondary{gap:6px}.control-btn{font-size:14px;height:35px;width:35px}.play-btn{font-size:18px;height:45px;width:45px}.player-volume{max-width:100%}}.article-import-modal{background:#161b22;color:#c9d1d9;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.article-import-modal .modal-header{background:#161b22;border-bottom:1px solid #30363d;color:#f0f6fc}.article-import-modal .modal-body{background:#161b22}.import-tabs{border-bottom:2px solid #30363d;margin-bottom:1rem}.import-tabs,.tab-btn{display:flex;gap:.5rem}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#8b949e;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.tab-btn:hover{background:#58a6ff1a;color:#58a6ff}.tab-btn.active{border-bottom-color:#58a6ff;color:#58a6ff;font-weight:600}.import-section{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.template-download{background:#0d1117;border:1px solid #30363d;border-radius:6px;margin-bottom:.75rem;padding:.5rem}.template-download p{color:#c9d1d9;font-size:.85rem;margin:0 0 .35rem}.file-upload-area{margin-bottom:.75rem}.file-upload-label{background:#0d1117;border:2px dashed #30363d;border-radius:8px;cursor:pointer;display:block;padding:1rem;text-align:center;transition:all .3s}.file-upload-label:hover{background:#58a6ff0d;border-color:#58a6ff}.upload-icon{font-size:2rem;margin-bottom:.25rem;opacity:.7}.upload-text strong{color:#f0f6fc;display:block;font-size:.9rem;margin-bottom:.15rem}.upload-text span{color:#8b949e;display:block;font-size:.8rem}.url-info{background:#0d1117;border:1px solid #30363d;border-radius:6px;margin-bottom:.75rem;padding:.5rem}.url-info p{color:#c9d1d9;font-size:.85rem;margin:0 0 .35rem}.url-info p:last-child{margin-bottom:0}.url-info .note{color:#8b949e;font-size:.8rem;font-style:italic}.form-group{margin-bottom:.75rem}.form-group label{color:#f0f6fc;display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}.form-control{background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.form-control:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26;outline:none}.help-text{background:#0d1117;border:1px solid #30363d;border-radius:6px;margin-bottom:.75rem;padding:.5rem}.help-text p{color:#f0f6fc;font-size:.85rem;font-weight:600;margin:0 0 .25rem}.help-text ul{margin:.25rem 0 0;padding-left:1.25rem}.help-text li{color:#8b949e;font-size:.8rem;line-height:1.3;margin-bottom:.15rem}.help-text code{background:#6e768133;border:1px solid #30363d;border-radius:3px;color:#79c0ff;font-family:Courier New,monospace;font-size:.85rem;padding:.2rem .4rem}.modal-actions{border-top:1px solid #30363d;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem}.btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.35rem;padding:.5rem 1.25rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#21262d;border:1px solid #30363d;color:#c9d1d9}.btn-secondary:hover:not(:disabled){background:#30363d;border-color:#484f58}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn:disabled{cursor:not-allowed;opacity:.5}.article-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.import-article-btn{flex-shrink:0}.preview-section{background:#0d1117;border-radius:6px;margin-top:1.5rem;padding:1rem}.preview-section h3{margin:0 0 1rem}.preview-metadata{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.preview-meta-item{background:#161b22;border:1px solid #30363d;border-radius:4px;padding:.5rem .75rem}.preview-meta-item strong{color:#8b949e;display:block;font-size:.8rem;margin-bottom:.25rem;text-transform:uppercase}.preview-meta-item span{color:#c9d1d9;font-size:.95rem}.preview-content{background:#161b22;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;max-height:300px;overflow-y:auto;padding:1rem}.preview-content p{line-height:1.6;margin:.5rem 0}.import-message{border:1px solid;border-radius:6px;margin-bottom:1rem;padding:1rem}.import-message.success{background:#2ea04326;border-color:#2ea043;color:#3fb950}.import-message.error{background:#f8514926;border-color:#f85149;color:#ff7b72}@media (max-width:768px){.article-header-content{align-items:stretch;flex-direction:column}.import-article-btn{justify-content:center;width:100%}.article-import-modal{max-height:95vh;width:95%}.import-tabs{flex-direction:column}.tab-btn{justify-content:center}.preview-metadata{grid-template-columns:1fr}}.article-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:.5rem 1rem}.article-header,.article-header-compact{margin-bottom:1rem}.article-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.article-header h1{color:#f0f6fc;font-size:1.5rem;font-weight:700;margin:0}.header-actions{flex:1 1;justify-content:flex-end}.import-article-btn{font-size:.9rem!important;padding:8px 16px!important}.filter-group{margin-bottom:1.5rem}.filter-group:last-child{margin-bottom:0}.filter-group-title{border-bottom:1px solid #30363d;color:#c9d1d9;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;padding-bottom:.5rem;text-transform:uppercase}.filter-count{font-size:.75rem;margin-left:.2rem;opacity:.7;white-space:nowrap}.article-content{margin-top:.5rem}.article-item{background:#161b22;border:1px solid #30363d;border-radius:10px;box-shadow:0 2px 10px #0003;cursor:pointer;display:block;overflow:hidden;text-decoration:none;transition:all .3s ease}.article-item:hover{border-color:#a371f7;box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.item-author{align-items:center;background:#21262d;border-left:3px solid #a371f7;border-radius:4px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:6px 12px}.author-icon{color:#a371f7;font-size:1rem}.author-name{color:#c9d1d9;font-size:.9rem;font-style:italic;font-weight:500}.item-description{margin-bottom:.75rem}.item-meta{border-top:1px solid #30363d;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:.5rem}.item-year{align-items:center;color:#8b949e;display:flex;font-size:.85rem;gap:.25rem}.spinner{animation:spin 1s linear infinite;border:4px solid #30363d;border-radius:50%;border-top-color:#a371f7;height:40px;width:40px}@media (max-width:768px){.article-container{padding:1rem .5rem}.header-title-row h1{font-size:1.35rem}.filters-section{padding:.6rem}.filter-btn{font-size:.75rem;padding:4px 8px}.content-grid{gap:1.5rem;grid-template-columns:1fr}.article-item{margin-bottom:1rem}.item-content{padding:1rem}.pagination{flex-wrap:wrap;gap:.5rem}.pagination-btn{font-size:.85rem;padding:.5rem 1rem}.pagination-number{font-size:.85rem;height:36px;min-width:36px}.pagination-per-page{gap:.5rem;margin-top:.5rem;padding:.4rem 0}.pagination-per-page label{font-size:.8rem;gap:.3rem}.items-per-page-select{font-size:.7rem;padding:.2rem 1rem .2rem .3rem}.pagination-info{font-size:.7rem}}@media (max-width:480px){.header-title-row{align-items:flex-start;flex-direction:column}.header-title-row h1{font-size:1.25rem}.header-actions{justify-content:flex-end;width:100%}.filters-section{padding:.5rem}.filter-btn{font-size:.7rem;gap:.25rem;padding:3px 8px}.filter-icon{font-size:.85rem}.pagination-numbers{gap:.25rem}.pagination-number{font-size:.8rem;height:32px;min-width:32px}.pagination-btn{font-size:.8rem;padding:.5rem .75rem}}.article-page-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1rem}.article-page-header{align-items:center;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.back-button{align-items:center;background:#161b22;border:1px solid #30363d;color:#c9d1d9;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#21262d;border-color:#58a6ff;color:#58a6ff}.page-meta{align-items:center;display:flex;gap:1rem}.category-badge{background:#21262d;border-radius:4px;color:#58a6ff;padding:4px 12px;text-transform:capitalize}.category-badge,.page-type{font-size:.8rem;font-weight:500}.page-type{color:#8b949e}.article-page-content{margin-bottom:3rem}.article-html-content{background:#161b22;border:1px solid #30363d;border-radius:8px;box-shadow:0 2px 10px #0003;padding:2rem}.article-html-content h1{border-bottom:2px solid #58a6ff;color:#f0f6fc;font-size:2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.article-html-content h2{color:#f0f6fc;font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.article-html-content h3{color:#f0f6fc;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.article-html-content p{color:#c9d1d9;line-height:1.6;margin-bottom:1rem}.article-html-content ol,.article-html-content ul{color:#c9d1d9;margin-bottom:1rem;padding-left:2rem}.article-html-content li{line-height:1.5;margin-bottom:.5rem}.article-html-content a{color:#58a6ff;text-decoration:none;transition:color .3s ease}.article-html-content a:hover{color:#79c0ff;text-decoration:underline}.article-html-content table{background:#0d1117;border:1px solid #30363d;border-collapse:collapse;border-radius:6px;margin:1.5rem 0;overflow:hidden;width:100%}.article-html-content th{background:#21262d;border-bottom:1px solid #30363d;color:#f0f6fc;font-weight:600;padding:1rem;text-align:left}.article-html-content td{border-bottom:1px solid #30363d;color:#c9d1d9;padding:1rem}.article-html-content tr:last-child td{border-bottom:none}.article-html-content img{border-radius:6px;box-shadow:0 2px 8px #0000004d;height:auto;margin:1rem 0;max-width:100%}.article-html-content .article-notice{background:#161b22;border:1px solid #30363d;border-radius:4px;bottom:0;color:#8b949e;font-size:.8rem;font-style:italic;margin:1rem 0 0;padding:.5rem .75rem;position:-webkit-sticky;position:sticky;text-align:center;z-index:10}.article-html-content .article-notice strong{color:#58a6ff;font-size:.8rem;font-style:normal}.article-page-footer{border-top:1px solid #30363d;margin-top:3rem;padding-top:2rem}.article-disclaimer{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:1.5rem;text-align:center}.article-disclaimer h3{color:#f0f6fc;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.article-disclaimer p{color:#8b949e;font-size:.9rem;line-height:1.6;margin:0}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #30363d;border-radius:50%;border-top-color:#58a6ff;height:40px;margin-bottom:1rem;width:40px}.loading-spinner p{color:#8b949e;font-size:1rem}.error-message{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:4rem 2rem;text-align:center}.error-message h2{color:#f0f6fc;font-size:1.5rem;margin-bottom:1rem}.error-message p{color:#8b949e;margin-bottom:2rem}@media (max-width:768px){.article-page-container{padding:1rem .5rem}.article-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-meta{align-self:stretch;justify-content:space-between}.article-html-content{padding:1.5rem}.article-html-content h1{font-size:1.75rem}.article-html-content h2{font-size:1.25rem}.article-html-content table{font-size:.9rem}.article-html-content td,.article-html-content th{padding:.75rem}}@media (max-width:480px){.article-page-container{padding:.5rem}.article-html-content{padding:1rem}.article-html-content h1{font-size:1.5rem}.article-html-content h2{font-size:1.1rem}.article-html-content table{font-size:.8rem}.article-html-content td,.article-html-content th{padding:.5rem}.article-disclaimer{padding:1rem}}.no-content{color:#8b949e;padding:3rem 2rem;text-align:center}.no-content h2{color:#f0f6fc;margin-bottom:1rem}.no-content p{margin-bottom:.5rem}.tunes-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:.5rem 1rem}.tunes-header{margin-bottom:1.5rem;text-align:center}.tunes-header h1{color:#f0f6fc;font-size:2rem;font-weight:700;margin-bottom:.5rem}.tunes-header p{color:#8b949e;font-size:.95rem;line-height:1.4;margin:0 auto;max-width:600px}.tunes-header-compact{margin-bottom:1rem}.header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.header-title-row h1{color:#f0f6fc;font-size:1.5rem;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:.5rem}.refresh-btn-compact{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#8b949e;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px 12px;transition:all .3s ease}.refresh-btn-compact:hover:not(:disabled){background:#30363d;border-color:#58a6ff;color:#58a6ff}.refresh-btn-compact:disabled{cursor:not-allowed;opacity:.5}.clear-filters-btn{background:#a371f7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.clear-filters-btn:hover{background:#8b5cf6;transform:translateY(-1px)}.search-bar-compact{position:relative;width:100%}.tunes-search{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.search-bar{flex:1 1;max-width:500px;min-width:300px;position:relative}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.search-input{background:#161b22;border:2px solid #30363d;border-radius:25px;color:#f0f6fc;font-size:1rem;padding:12px 55px 12px 20px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.search-input:focus{border-color:#a371f7;box-shadow:0 0 0 3px #a371f71a;outline:none}.search-icon{color:#8b949e;font-size:1.2rem;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:1}.filters-section{background:#161b22;border:1px solid #30363d;border-radius:6px;margin-bottom:1.25rem;padding:.75rem}.filter-buttons-all{gap:.4rem;justify-content:center}.filter-buttons-all,.filter-group{align-items:center;display:flex;flex-wrap:wrap}.filter-label{color:#8b949e;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin:0;min-width:70px;text-transform:uppercase}.filter-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.filter-btn{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.3rem;line-height:1.2;padding:4px 10px;transition:all .2s ease}.filter-btn:hover{background:#30363d;border-color:#a371f7;color:#a371f7}.filter-btn.active{background:#a371f7;border-color:#a371f7;color:#0d1117;font-weight:600}.filter-icon{font-size:.9rem}.filter-name{white-space:nowrap}.tunes-categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.category-btn{align-items:center;background:#161b22;border:2px solid #30363d;border-radius:25px;color:#c9d1d9;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:10px 20px;transition:all .3s ease}.category-btn:hover{border-color:#a371f7;color:#a371f7;transform:translateY(-2px)}.category-btn.active{background:#a371f7;border-color:#a371f7;color:#0d1117}.category-icon{font-size:1.1rem}.tunes-content{margin-top:.5rem}.content-stats{margin-bottom:1rem;text-align:center}.content-stats p{color:#8b949e;font-size:.85rem;margin:0}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.tune-item{background:#161b22;border:1px solid #30363d;border-radius:10px;box-shadow:0 2px 10px #0003;cursor:pointer;display:block;overflow:hidden;text-decoration:none;transition:all .3s ease}.tune-item:hover{border-color:#a371f7;box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.book-index-item{background:linear-gradient(135deg,#1a2332,#1e1e2e);border:2px solid #2c5f2d;position:relative}.book-index-item:hover{border-color:#3a7f3c;box-shadow:0 10px 30px #2c5f2d66}.book-index-item:before{background:linear-gradient(90deg,#2c5f2d,#3a7f3c);content:"";height:4px;left:0;position:absolute;right:0;top:0}.book-index-badge{background:#2c5f2d;border-radius:12px;color:#a8d8a9;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.item-content{display:flex;flex-direction:column;height:100%;padding:1.5rem}.item-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.item-title{color:#f0f6fc;flex:1 1;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.item-tags{align-items:flex-start;background:#21262d;border-left:3px solid #58a6ff;border-radius:4px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:6px 12px}.tags-icon{color:#58a6ff;font-size:1rem;margin-top:2px}.tags-list{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background:#30363d;border:1px solid #444c56;border-radius:3px;color:#c9d1d9;font-size:.75rem;font-weight:500;padding:2px 6px;transition:all .2s ease}.tag:hover{background:#58a6ff;border-color:#58a6ff;color:#0d1117}.item-artist{align-items:center;background:#21262d;border-left:3px solid #a371f7;border-radius:4px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:6px 12px}.artist-icon{color:#a371f7;font-size:1rem}.artist-name{color:#c9d1d9;font-size:.9rem;font-style:italic;font-weight:500}.item-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#8b949e;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:0;overflow:hidden}.no-results{color:#8b949e;padding:4rem 2rem;text-align:center}.no-results h3{color:#f0f6fc;font-size:1.5rem;margin-bottom:1rem}@media (max-width:768px){.tunes-container{padding:1rem .5rem}.tunes-header h1{font-size:2rem}.tunes-header p{font-size:1rem}.header-title-row h1{font-size:1.35rem}.filters-section{padding:.6rem}.filter-group{gap:.5rem}.filter-label{font-size:.7rem;min-width:60px}.filter-buttons{gap:.3rem}.filter-btn{font-size:.75rem;padding:4px 8px}.tunes-categories{gap:.5rem}.category-btn{font-size:.8rem;padding:8px 16px}.content-grid{gap:1.5rem;grid-template-columns:1fr}.tune-item{margin-bottom:1rem}.item-content{padding:1rem}}@media (max-width:480px){.tunes-header h1{font-size:1.75rem}.header-title-row{align-items:flex-start;flex-direction:column}.header-title-row h1{font-size:1.25rem}.header-actions{justify-content:flex-end;width:100%}.search-bar{max-width:100%}.filters-section{padding:.5rem}.filter-group{align-items:flex-start;flex-direction:column;gap:.4rem}.filter-label{font-size:.7rem;min-width:auto}.filter-buttons{gap:.3rem}.filter-btn{font-size:.7rem;gap:.25rem;padding:3px 8px}.filter-icon{font-size:.85rem}.category-btn{font-size:.75rem;padding:6px 12px}.tags-list{gap:.2rem}.tag{font-size:.7rem;padding:1px 4px}}.related-tunes-compact{background:#161b22;border:1px solid #30363d;border-radius:6px;margin:.75rem 0;overflow:hidden}.related-tunes-loading{padding:8px 12px;text-align:center}.loading-text{color:#8b949e;font-size:.8rem}.related-tunes-header{align-items:center;background:#21262d;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s ease}.related-tunes-header:hover{background:#30363d}.related-tunes-title{color:#c9d1d9;font-size:.85rem;font-weight:500}.expand-icon{color:#8b949e;font-size:.8rem;transition:transform .2s ease}.related-tunes-list{padding:8px 0}.related-tune-link{border-bottom:1px solid #21262d;display:block;padding:6px 12px;text-decoration:none;transition:background-color .2s ease}.related-tune-link:last-child{border-bottom:none}.related-tune-link:hover{background:#21262d}.related-tune-title{color:#58a6ff;display:block;font-size:.8rem;font-weight:500;margin-bottom:2px}.related-tune-meta{color:#8b949e;display:block;font-size:.75rem}.related-tune-score{color:#7c3aed;font-weight:600;margin-left:4px}@media (max-width:480px){.related-tunes-header{padding:6px 10px}.related-tunes-title{font-size:.8rem}.related-tune-link{padding:5px 10px}.related-tune-title{font-size:.75rem}.related-tune-meta{font-size:.7rem}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:3rem;padding:2rem 0}.pagination-btn{background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#30363d;border-color:#58a6ff;color:#58a6ff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-numbers{align-items:center;display:flex;gap:.5rem}.pagination-number{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:.5rem;transition:all .2s ease}.pagination-number:hover{background:#30363d;border-color:#58a6ff;color:#58a6ff}.pagination-number.active{background:#58a6ff;border-color:#58a6ff;color:#0d1117;font-weight:600}.pagination-ellipsis{color:#8b949e;font-size:1.2rem;padding:0 .5rem}.pagination-per-page{align-items:center;display:flex;gap:.4rem;margin-left:auto}.pagination-per-page label{align-items:center;color:#c9d1d9;display:flex;font-size:.85rem;font-weight:500;gap:.4rem}.items-per-page-select{-webkit-appearance:none;appearance:none;background:#21262d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23c9d1d9' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:10px 6px;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;cursor:pointer;font-size:.75rem;padding:.25rem 1.25rem .25rem .4rem;transition:all .2s ease}.items-per-page-select:hover{border-color:#58a6ff}.items-per-page-select:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff1a;outline:none}.pagination-info{color:#8b949e;font-size:.75rem;font-weight:400;white-space:nowrap}@media (max-width:768px){.pagination{flex-wrap:wrap;gap:.5rem}.pagination-btn{font-size:.85rem;padding:.5rem 1rem}.pagination-number{font-size:.85rem;height:36px;min-width:36px}.pagination-per-page{gap:.5rem;margin-top:.5rem;padding:.4rem 0}.pagination-per-page label{font-size:.8rem;gap:.3rem}.items-per-page-select{font-size:.7rem;padding:.2rem 1rem .2rem .3rem}.pagination-info{font-size:.7rem}}@media (max-width:480px){.pagination-numbers{gap:.25rem}.pagination-number{font-size:.8rem;height:32px;min-width:32px}.pagination-btn{font-size:.8rem;padding:.5rem .75rem}}.register-info-bubble{animation:bubbleSlideIn .5s ease-out,bubblePulse 2s ease-in-out 1s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#161b22,#1c2128);border:2px solid #a371f7;border-radius:10px;bottom:20px;box-shadow:0 8px 30px #a371f74d,0 0 15px #a371f733;max-width:280px;padding:.85rem;position:fixed;right:20px;z-index:1000}@keyframes bubbleSlideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes bubblePulse{0%,to{box-shadow:0 12px 40px #a371f74d,0 0 20px #a371f733}50%{box-shadow:0 12px 40px #a371f780,0 0 30px #a371f766}}.bubble-close-btn{align-items:center;background:#ffffff1a;border:1px solid #a371f74d;border-radius:50%;color:#c9d1d9;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.bubble-close-btn:hover{background:#fff3;border-color:#a371f7;transform:rotate(90deg)}.bubble-content{align-items:center;display:flex;flex-direction:column;gap:.6rem;text-align:center}.bubble-icon{animation:bubbleIconBounce 1s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(163,113,247,.5));font-size:1.85rem}@keyframes bubbleIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bubble-text h4{color:#f0f6fc;font-size:.95rem;font-weight:700;margin:0 0 .3rem;text-shadow:0 2px 10px #a371f74d}.bubble-text p{color:#c9d1d9;font-size:.78rem;line-height:1.35;margin:0}.bubble-cta-btn{background:linear-gradient(135deg,#a371f7,#8b5cf6);border:2px solid #0000;border-radius:18px;box-shadow:0 4px 15px #a371f766;color:#fff;display:inline-block;font-size:.82rem;font-weight:600;padding:8px 20px;text-decoration:none;transition:all .3s ease}.bubble-cta-btn:hover{background:linear-gradient(135deg,#b085ff,#9d70ff);border-color:#ffffff4d;box-shadow:0 6px 25px #a371f799;transform:translateY(-2px)}.bubble-cta-btn:active{transform:translateY(0)}@media (max-width:768px){.register-info-bubble{bottom:15px;left:15px;max-width:none;padding:.7rem;right:15px}.bubble-text h4{font-size:.9rem}.bubble-text p{font-size:.72rem}.bubble-icon{font-size:1.6rem}.bubble-cta-btn{font-size:.78rem;padding:7px 18px}}@media (max-width:480px){.register-info-bubble{bottom:12px;left:12px;padding:.65rem;right:12px}.bubble-content{gap:.5rem}.bubble-text h4{font-size:.85rem;margin-bottom:.25rem}.bubble-text p{font-size:.68rem;line-height:1.3}.bubble-icon{font-size:1.5rem}.bubble-cta-btn{font-size:.75rem;padding:7px 16px;width:100%}.bubble-close-btn{font-size:.8rem;height:20px;right:6px;top:6px;width:20px}}.abc-asset-viewer{background-color:#1a1a1a;background-color:var(--color-background,#1a1a1a);color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.abc-asset-viewer .error-message,.abc-asset-viewer .loading-spinner{padding:40px;text-align:center}.abc-asset-viewer .spinner{animation:spin 1s linear infinite;border:4px solid #404040;border-top:4px solid #60a5fa;border:4px solid var(--color-border,#404040);border-radius:50%;border-top-color:var(--color-primary,#60a5fa);height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tune-header{border-bottom:2px solid #404040;border-bottom:2px solid var(--color-border,#404040);margin-bottom:30px;padding-bottom:20px;position:relative;text-align:center}.back-button{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:6px;color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);cursor:pointer;font-size:14px;left:0;padding:8px 16px;position:absolute;top:0;transition:all .2s}.back-button:hover{background:#3a3a3a;background:var(--color-surface-hover,#3a3a3a);transform:translateY(-1px)}.tune-title{color:#60a5fa;color:var(--color-primary,#60a5fa);font-size:2.5em;font-weight:600;margin:0 0 10px}.tune-subtitle{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:1.1em;font-style:italic;margin:0}.abc-controls-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0}.abc-code-section{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-radius:8px;display:flex;flex-direction:column;padding:20px}.abc-code-section h3{color:#60a5fa;color:var(--color-primary,#60a5fa);font-size:1.3em;margin-bottom:15px}#abc{background:#1e293b;border:2px solid #404040;border:2px solid var(--color-border,#404040);border-radius:6px;box-sizing:border-box;color:#e2e8f0;flex:1 1;font-family:Courier New,monospace;font-size:14px;line-height:1.2;min-height:400px;overflow-x:auto;overflow-y:auto;padding:15px;resize:vertical;white-space:pre;width:100%}#abc:focus{border-color:#60a5fa;border-color:var(--color-primary,#60a5fa);box-shadow:0 0 0 3px #60a5fa1a;outline:none}.controls-panel{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px}.controls-panel h3{color:#60a5fa;color:var(--color-primary,#60a5fa);font-size:1.3em;margin-bottom:10px}.controls-section{display:flex;flex-direction:column;gap:10px;margin:0}.bpm-section{padding:0}.bpm-section label{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);display:block;font-weight:600;margin-bottom:8px}#bpm-value{color:#60a5fa;color:var(--color-primary,#60a5fa);font-size:1.1em;font-weight:700}.bpm-section input[type=range]{-webkit-appearance:none;appearance:none;background:#404040;background:var(--color-border,#404040);border-radius:4px;height:8px;outline:none;width:100%}.bpm-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#60a5fa;background:var(--color-primary,#60a5fa);border-radius:50%;box-shadow:0 2px 4px #00000080;cursor:pointer;height:20px;width:20px}.bpm-section input[type=range]::-moz-range-thumb{background:#60a5fa;background:var(--color-primary,#60a5fa);border:none;border-radius:50%;box-shadow:0 2px 4px #00000080;cursor:pointer;height:20px;width:20px}.instrument-section{margin:0;padding:0}.instrument-section label{display:block;font-weight:600;margin-bottom:8px}.instrument-section label,.instrument-section select{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.instrument-section select{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:2px solid #404040;border:2px solid var(--color-border,#404040);border-radius:8px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.abc-asset-viewer button{background:#60a5fa;background:var(--color-primary,#60a5fa);border:none;border-radius:6px;box-shadow:0 2px 4px #00000080;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s;width:100%}.abc-asset-viewer button:hover:not(:disabled){background:#2563eb;box-shadow:0 3px 6px #00000080;transform:translateY(-1px)}.abc-asset-viewer button:disabled{cursor:not-allowed;opacity:.5}.notation-section{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:2px solid #404040;border:2px solid var(--color-border,#404040);border-radius:12px;box-shadow:0 4px 6px #00000080;margin:30px 0;padding:30px}.notation-section h2{border-bottom:2px solid #60a5fa;border-bottom:2px solid var(--color-primary,#60a5fa);color:#60a5fa;color:var(--color-primary,#60a5fa);font-size:1.5em;margin-bottom:20px;padding-bottom:10px}#score{border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:8px;margin-bottom:20px;min-height:400px;padding:20px}#score,#score svg{background:#fff!important;display:block!important;opacity:1!important;visibility:visible!important}#score svg{height:auto!important;max-width:100%;width:100%!important}#score svg *{visibility:visible!important}#score path,#score svg *{stroke:#000!important}#score path,#score svg *,#score text{fill:#000!important;opacity:1!important}.tune-description{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:2px solid #404040;border:2px solid var(--color-border,#404040);border-radius:12px;margin:40px 0;padding:20px}.tune-section-header{border-bottom:2px solid #60a5fa;border-bottom:2px solid var(--color-primary,#60a5fa);color:#60a5fa;color:var(--color-primary,#60a5fa);font-size:1.8em;margin-bottom:20px;padding-bottom:10px}.tune-description-text{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);font-size:1.1em;line-height:1.6}.tune-description-text p{margin:10px 0}.related-products-section{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2rem}.related-products-section .section-header{margin-bottom:1.5rem}.related-products-section h3{color:var(--color-text-primary);font-size:1.5rem;margin:0}.related-products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1.5rem}.related-tunes{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow);margin:40px 0;padding:24px}.related-content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}@media (max-width:768px){.related-content-grid{gap:16px;grid-template-columns:1fr}.related-products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.related-placeholder{color:var(--color-text-secondary);grid-column:1/-1;padding:40px;text-align:center}.related-placeholder-icon{font-size:3em;margin-bottom:10px;opacity:.6}.related-product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.related-product-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px var(--color-shadow);transform:translateY(-4px)}.related-product-link{color:inherit;display:flex;flex:1 1;flex-direction:column;text-decoration:none}.related-product-image{align-items:center;background:var(--color-background);display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.related-product-image img{height:100%;object-fit:cover;width:100%}.related-product-info{display:flex;flex:1 1;flex-direction:column;padding:1rem}.related-product-name{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.related-product-author{color:var(--color-text-secondary);font-size:.85rem;font-style:italic;margin:0 0 .75rem}.related-product-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:auto}.related-product-price{color:var(--color-primary);font-size:1.1rem;font-weight:700}.related-product-tags{display:flex;flex-wrap:wrap;gap:.25rem}.product-tag{background:var(--color-secondary);border-radius:4px;color:var(--color-background);font-size:.7rem;font-weight:500;padding:.2rem .5rem;text-transform:lowercase}@media (max-width:768px){.related-product-image{height:160px}.related-product-name{font-size:.9rem}.related-product-price{font-size:1rem}}@media (max-width:480px){.related-products-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.related-product-image{height:140px}.related-product-info{padding:.75rem}.related-product-name{font-size:.85rem}.related-product-author{font-size:.75rem}.product-tag{font-size:.65rem;padding:.15rem .4rem}}.related-tune-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);color:var(--color-text-primary);display:flex;flex-direction:column;padding:15px;text-decoration:none;transition:all .3s ease}.related-tune-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 8px 16px var(--color-shadow);transform:translateY(-4px)}.tune-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.tune-card-title{flex:1 1;font-size:1.1em;font-weight:600;margin:0}.tune-card-score,.tune-card-title{color:#60a5fa;color:var(--color-primary,#60a5fa)}.tune-card-score{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border-radius:4px;font-size:.9em;font-weight:700;padding:4px 8px}.tune-card-meta{font-size:.9em}.tune-card-album,.tune-card-artist,.tune-card-meta{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);margin:5px 0}.tune-card-album,.tune-card-artist{font-size:.85em}.tune-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tune-card-tag{background:#2d2d2d;background:var(--color-surface,#2d2d2d);border:1px solid #404040;border:1px solid var(--color-border,#404040);border-radius:4px;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.75em;padding:4px 8px}@media (max-width:768px){.abc-asset-viewer{padding:15px}.tune-title{font-size:2em}.abc-controls-container{grid-template-columns:1fr}.back-button{margin-bottom:15px;position:static}.related-content-grid{grid-template-columns:1fr}}.loading-test-container{color:#c9d1d9;margin:0 auto;max-width:1200px;padding:2rem}.loading-test-header{background:linear-gradient(135deg,#161b22,#21262d);border:1px solid #30363d;border-radius:12px;margin-bottom:3rem;padding:2rem;text-align:center}.loading-test-header h1{color:#f0f6fc;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.loading-test-header p{color:#8b949e;font-size:1.1rem;margin:0}.loading-test-controls{background:#161b22;border:1px solid #30363d;border-radius:12px;margin-bottom:2rem;padding:2rem}.control-group{margin-bottom:1.5rem}.control-group:last-child{margin-bottom:0}.control-group label{color:#8b949e;display:block;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.button-group{display:flex;gap:.5rem}.button-group button{background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.button-group button:hover{background:#30363d;border-color:#58a6ff;color:#58a6ff}.button-group button.active{background:#58a6ff;border-color:#58a6ff;color:#0d1117;font-weight:600}.control-group input[type=text]{background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:.95rem;max-width:400px;padding:.75rem 1rem;transition:all .2s ease;width:100%}.control-group input[type=text]:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1a;outline:none}.fullscreen-btn{background:#238636;border:1px solid #2ea043;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.fullscreen-btn:hover{background:#2ea043;box-shadow:0 4px 12px #2ea04333}.loading-test-previews{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.preview-section{border:1px solid #30363d;border-radius:12px;overflow:hidden}.preview-section h3{background:#161b22;border-bottom:1px solid #30363d;color:#f0f6fc;font-size:1.1rem;font-weight:600;margin:0;padding:1rem 1.5rem}.preview-box{align-items:center;display:flex;justify-content:center;min-height:300px}.light-bg .preview-box{background:#fff}.dark-bg .preview-box{background:#0d1117}.context-preview .preview-box{background:#161b22;padding:0}.context-box{display:flex;flex-direction:column;height:100%;width:100%}.mock-footer,.mock-header{background:#21262d;border:1px solid #30363d;color:#8b949e;font-size:.9rem;padding:1rem;text-align:center}.mock-header{border-bottom:none}.mock-footer{border-top:none}.usage-examples{background:#161b22;border:1px solid #30363d;border-radius:12px;margin-bottom:2rem;padding:2rem}.usage-examples h2{color:#f0f6fc;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.code-examples{grid-gap:1.5rem;display:grid;gap:1.5rem}.code-block h3{color:#58a6ff;font-size:1rem;font-weight:600;margin-bottom:.75rem}.code-block pre{background:#0d1117;border:1px solid #30363d;border-radius:6px;margin:0;overflow-x:auto;padding:1.5rem}.code-block code{color:#c9d1d9;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.animation-details{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:2rem}.animation-details h2{color:#f0f6fc;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.animation-details ul{list-style:none;margin:0;padding:0}.animation-details li{color:#c9d1d9;line-height:1.6;padding:.75rem 0 .75rem 2rem;position:relative}.animation-details li:before{color:#238636;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}@media (max-width:768px){.loading-test-container{padding:1rem}.loading-test-header{margin-bottom:2rem;padding:1.5rem}.loading-test-header h1{font-size:2rem}.loading-test-previews{grid-template-columns:1fr}.button-group{flex-wrap:wrap}.control-group input[type=text]{max-width:100%}}@media (max-width:480px){.loading-test-header h1{font-size:1.75rem}.loading-test-header p{font-size:1rem}.preview-box{min-height:200px}.code-block pre{padding:1rem}.code-block code{font-size:.8rem}}.email-verification-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff9800,#f57c00);border-bottom:2px solid #ef6c00;box-shadow:0 2px 8px #0003;color:#fff;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.verification-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:0 auto;max-width:1200px}.verification-banner-icon{flex-shrink:0;font-size:1.5rem}.verification-banner-message{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:200px}.verification-banner-message strong{font-size:1rem;font-weight:600}.verification-banner-message span{font-size:.875rem;opacity:.95}.verification-banner-actions{align-items:center;display:flex;gap:.75rem}.resend-email-button{background:#fff;border:none;border-radius:4px;color:#f57c00;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease;white-space:nowrap}.resend-email-button:hover:not(:disabled){background:#f5f5f5;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.resend-email-button:active:not(:disabled){transform:translateY(0)}.resend-email-button:disabled{cursor:not-allowed;opacity:.7}.dismiss-banner-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.dismiss-banner-button:hover{background:#ffffff4d;transform:scale(1.1)}.dismiss-banner-button:active{transform:scale(.95)}@media (max-width:768px){.email-verification-banner{padding:.75rem 1rem}.verification-banner-content{gap:.75rem}.verification-banner-icon{font-size:1.25rem}.verification-banner-message{flex:1 1 100%;min-width:auto}.verification-banner-message strong{font-size:.9rem}.verification-banner-message span{font-size:.8rem}.verification-banner-actions{flex:1 1 100%;justify-content:space-between}.resend-email-button{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:480px){.verification-banner-message span{display:none}}
/*# sourceMappingURL=main.4523016f.css.map*/