body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--sidebar-width:280px;--sidebar-width-collapsed:80px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root,body{min-height:100vh}#root,body{background:linear-gradient(135deg,#18192b,#23243a)}.App{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.hero-section{padding:2rem;text-align:center;width:100%}.title{color:#fff;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 8px #0000004d}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.subtitle{color:#ffffffe6;font-size:1.5rem;font-weight:300;margin-bottom:3rem}.status-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-block;margin-bottom:3rem;padding:1.5rem}.status-indicator{align-items:center;display:flex;gap:1rem;justify-content:center}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}.status-dot.connected{background:#4ade80;box-shadow:0 0 20px #4ade8080}.status-dot.disconnected{background:#f87171;box-shadow:0 0 20px #f8717180}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-scrollbar{scrollbar-color:#4ecdc44d #24253a4d}.modern-scrollbar::-webkit-scrollbar-track{background:#24253a4d}.modern-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4ecdc499,#00c6fb99);box-shadow:0 2px 4px #4ecdc433}.modern-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4ecdc4cc,#00c6fbcc);box-shadow:0 2px 8px #4ecdc466}.modern-scrollbar::-webkit-scrollbar-corner{background:#24253a4d}.modern-scrollbar{scrollbar-color:#4ecdc4 #1a1b1f;scrollbar-width:thin}.modern-scrollbar::-webkit-scrollbar{height:8px;width:8px}.modern-scrollbar::-webkit-scrollbar-track{background:#1a1b1f;border-radius:4px}.modern-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4ecdc4,#00c6fb);border:1px solid #4ecdc433;border-radius:4px}.modern-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00c6fb,#4ecdc4);box-shadow:0 0 8px #4ecdc466}.modern-scrollbar::-webkit-scrollbar-corner{background:#1a1b1f}.status-text{color:#fff;font-size:1.1rem;font-weight:500}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;cursor:pointer;transition:all .3s ease}.feature-card:hover{background:#ffffff26;box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.feature-icon{display:block}.feature-card h3{font-weight:600}.feature-card p{color:#fffc}.cta-section{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.cta-button.primary{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);box-shadow:0 8px 25px #ff6b6b4d;color:#fff}.cta-button.primary:hover{box-shadow:0 12px 35px #ff6b6b66;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:768px){.title{font-size:2.5rem}.subtitle{font-size:1.2rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.cta-section{align-items:center;flex-direction:column}.cta-button{max-width:300px;width:100%}}@media (max-width:480px){.hero-section{padding:1rem}.title{font-size:2rem}.subtitle{font-size:1rem}}.auth-bg{background:#23242a;justify-content:center;min-height:100vh}.auth-bg,.auth-center-box{align-items:center;display:flex}.auth-center-box{background:#1e2026fa;border-radius:18px;box-shadow:0 8px 32px 0 #1f26872e;flex-direction:column;max-width:95vw;min-width:340px;padding:2.5rem 2.5rem 2rem}.staxxio-logo{align-items:center;display:flex;gap:.7rem;margin-bottom:2.2rem}.staxxio-logo svg{display:block}.staxxio-logo-text{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:.01em}.auth-form-container{width:100%}.auth-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.auth-tabs button{background:none;border:none;border-radius:8px 8px 0 0;color:#bfc2d5;cursor:pointer;font-size:1.1rem;font-weight:600;outline:none;padding:.7rem 1.7rem;transition:background .2s,color .2s}.auth-tabs button.active{background:#23242a;border-bottom:2.5px solid #4ecdc4;color:#fff}.auth-tabs button:not(.active):hover{background:#ffffff0a;color:#fff}.auth-form-content{background:#23242a;border-radius:0 0 12px 12px;box-shadow:0 2px 8px 0 #1f268714;padding:2rem 1.5rem 1.5rem}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-form label{color:#bfc2d5;font-size:1rem;font-weight:500;margin-bottom:.2rem}.auth-form input{background:#23242a;border:1.5px solid #35363c;border-radius:7px;color:#fff;font-size:1rem;outline:none;padding:.7rem 1rem;transition:border .2s}.auth-form input:focus{border:1.5px solid #4ecdc4}.auth-btn{background:linear-gradient(90deg,#00c6fb,#005bea);border:none;border-radius:24px;box-shadow:0 2px 16px 0 #00c6fb2e;color:#fff;cursor:pointer;font-size:1.18rem;font-weight:800;letter-spacing:.01em;margin-top:.7rem;outline:none;padding:1.1rem 0;text-shadow:0 1px 8px #005bea44;transition:background .2s,box-shadow .2s,transform .1s,filter .18s;width:100%}.auth-btn:focus:not(:disabled),.auth-btn:hover:not(:disabled){background:linear-gradient(90deg,#005bea,#00c6fb);box-shadow:0 4px 32px #00c6fb77,0 0 0 3px #00c6fb55;filter:drop-shadow(0 0 12px #00c6fb88);transform:translateY(-2px) scale(1.04)}.auth-error{background:#f8717114;color:#f87171}.auth-error,.auth-success{border-radius:5px;font-size:.98rem;font-weight:500;padding:.4rem .7rem}.auth-success{background:#4ade8014;color:#4ade80}@media (max-width:480px){.auth-center-box{min-width:0;min-width:auto;padding:1.2rem .5rem 1rem}.auth-form-content{padding:1.2rem .2rem 1rem}.staxxio-logo-text{font-size:1.2rem}}.landing-page{background:#23242a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23242af2;border-bottom:1px solid #ffffff1a;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-container,.nav-links{align-items:center;display:flex}.nav-links{gap:2rem}.nav-link{background:none;border:none;border-radius:6px;color:#bfc2d5;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:color .2s}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-cta{background:linear-gradient(90deg,#00c6fb,#005bea);border:none;border-radius:24px;box-shadow:0 2px 16px #00c6fb33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.nav-cta:hover{box-shadow:0 4px 24px #00c6fb4d;transform:translateY(-2px)}.hero-section{align-items:center;background:linear-gradient(135deg,#23242a,#1a1b1f);display:flex;min-height:100vh;padding:8rem 2rem 4rem}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{color:#bfc2d5;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem}.hero-btn{align-items:center;border:none;border-radius:28px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s}.hero-btn.primary{background:linear-gradient(90deg,#00c6fb,#005bea);box-shadow:0 4px 24px #00c6fb4d;color:#fff}.hero-btn.primary:hover{box-shadow:0 8px 32px #00c6fb66;transform:translateY(-3px)}.hero-btn.secondary{background:#0000;border:2px solid #4ecdc4;color:#4ecdc4}.hero-btn.secondary:hover{background:#4ecdc4;color:#1a1b1f;transform:translateY(-2px)}.hero-stats{display:flex;gap:3rem}.stat{text-align:center}.stat-number{color:#4ecdc4;display:block;font-size:2rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#bfc2d5;font-size:.9rem;font-weight:500}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-image{max-width:500px;position:relative;width:100%}.mockup-dashboard{background:#1a1b1f;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.mockup-header{background:#23242a;border-bottom:1px solid #ffffff1a;padding:1rem}.mockup-nav{display:flex;gap:1rem}.mockup-nav-item{border-radius:6px;color:#bfc2d5;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.mockup-nav-item.active{background:#4ecdc4;color:#1a1b1f}.mockup-card,.mockup-content{padding:1.5rem}.mockup-card{background:#23242a;border:1px solid #ffffff0d;border-radius:12px}.mockup-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.mockup-title{color:#fff;font-weight:600}.mockup-count{color:#bfc2d5;font-size:.9rem}.mockup-items{display:flex;flex-direction:column;gap:.75rem}.mockup-item{align-items:center;background:#ffffff05;border-radius:6px;display:flex;gap:.75rem;padding:.5rem}.mockup-item-dot{background:#4ecdc4;border-radius:50%;height:8px;width:8px}.mockup-item span{color:#bfc2d5;flex:1 1;font-size:.9rem}.mockup-price{color:#4ecdc4!important;font-weight:600}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.section-subtitle{color:#bfc2d5;font-size:1.25rem;margin:0 auto;max-width:600px}.features-section{background:#1a1b1f;padding:6rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#23242a;border:1px solid #ffffff0d;border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{border-color:#4ecdc433;box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card p{color:#bfc2d5;line-height:1.6;margin-bottom:1.5rem}.feature-list{list-style:none;padding:0}.feature-list li{color:#bfc2d5;padding:.25rem 0 .25rem 1.5rem;position:relative}.feature-list li:before{color:#4ecdc4;content:"✓";font-weight:700;left:0;position:absolute}.pricing-section{background:#23242a;padding:6rem 0}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.pricing-card{background:#1a1b1f;border:1px solid #ffffff0d;border-radius:16px;padding:2rem;position:relative;transition:all .3s}.pricing-card.featured{border-color:#4ecdc4;box-shadow:0 8px 32px #4ecdc433;transform:scale(1.05)}.pricing-badge{background:#4ecdc4;border-radius:20px;color:#1a1b1f;font-size:.9rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-header{margin-bottom:2rem;text-align:center}.pricing-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.pricing-price{margin-bottom:.5rem}.price{color:#4ecdc4;font-size:3rem;font-weight:800}.period{color:#bfc2d5;font-size:1rem}.pricing-header p{color:#bfc2d5;font-size:.9rem}.pricing-features{list-style:none;margin-bottom:2rem;padding:0}.pricing-features li{border-bottom:1px solid #ffffff0d;color:#bfc2d5;padding:.5rem 0}.pricing-btn{background:#23242a;border:2px solid #ffffff1a;border-radius:24px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.pricing-btn:hover{background:#4ecdc4;color:#1a1b1f;transform:translateY(-2px)}.pricing-btn.featured{background:linear-gradient(90deg,#00c6fb,#005bea);border-color:#0000}.pricing-btn.featured:hover{box-shadow:0 4px 24px #00c6fb4d;transform:translateY(-2px)}.cta-section{background:linear-gradient(135deg,#1a1b1f,#23242a);padding:6rem 0;text-align:center}.cta-content h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content p{color:#bfc2d5;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem}.cta-btn,.cta-buttons{justify-content:center}.cta-btn{align-items:center;border:none;border-radius:28px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:all .3s}.cta-btn.primary{background:linear-gradient(90deg,#00c6fb,#005bea);box-shadow:0 4px 24px #00c6fb4d;color:#fff}.cta-btn.primary:hover{box-shadow:0 8px 32px #00c6fb66;transform:translateY(-3px)}.cta-btn.secondary{background:#0000;border:2px solid #4ecdc4;color:#4ecdc4}.cta-btn.secondary:hover{background:#4ecdc4;color:#1a1b1f;transform:translateY(-2px)}.landing-footer{background:#1a1b1f;border-top:1px solid #ffffff1a;padding:4rem 0 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem}.footer-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:#bfc2d5;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bfc2d5;text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:#4ecdc4}.footer-bottom{border-top:1px solid #ffffff1a;color:#bfc2d5;padding-top:2rem;text-align:center}.auth-modal{background:#1a1b1f;border:1px solid #ffffff1a;border-radius:16px;max-width:400px;padding:2rem;position:relative;width:100%}@media (max-width:768px){.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-stats{justify-content:center}.features-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.footer-content{gap:2rem;grid-template-columns:1fr}.nav-links{gap:1rem}.nav-cta{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:480px){.hero-section{padding:6rem 1rem 3rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.cta-buttons,.hero-cta{flex-direction:column}.container,.nav-container{padding:0 1rem}}.dashboard-page{align-items:center;background:#23242a;display:flex;justify-content:center;min-height:100vh}.dashboard-content{align-items:center;background:#1e2026fa;border-radius:18px;box-shadow:0 8px 32px 0 #1f26872e;display:flex;flex-direction:column;max-width:95vw;min-width:340px;padding:2.5rem 2.5rem 2rem}.dashboard-layout{background:#121212;height:auto;min-height:100vh;padding:0;position:relative;transition:margin-left .3s ease}.dashboard-layout,.dashboard-nav{display:flex;margin:0;overflow-x:hidden;overflow-y:auto}.dashboard-nav{align-items:stretch;background:#1a1b20;box-shadow:2px 0 16px 0 #0000004d;flex-direction:column;height:100vh;left:0;padding:2rem 0;position:fixed;top:0;transition:width .3s ease;width:280px;width:var(--sidebar-width);z-index:1000}.dashboard-nav.collapsed{width:80px;width:var(--sidebar-width-collapsed)}.dashboard-nav::-webkit-scrollbar{width:6px}.dashboard-nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.dashboard-nav::-webkit-scrollbar-track{background-color:initial}.dashboard-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.dashboard-nav.collapsed+.dashboard-main{margin-left:80px;margin-left:var(--sidebar-width-collapsed);width:calc(100% - 80px);width:calc(100% - var(--sidebar-width-collapsed))}.dashboard-nav-logo{align-items:center;display:flex;justify-content:center;margin-bottom:2.5rem}.dashboard-nav-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.dashboard-nav-links li{width:100%}.dashboard-nav-links a{border-left:4px solid #0000;border-radius:0 20px 20px 0;color:#bfc2d5;display:block;font-size:1.08rem;font-weight:500;padding:.9rem 2rem;text-decoration:none;transition:background .18s,color .18s,border-color .18s;width:100%}.dashboard-nav.collapsed .dashboard-nav-links a{justify-content:center;padding:.9rem .5rem;position:relative;text-align:center}.dashboard-nav.collapsed .dashboard-nav-links a span{margin-right:0}.dashboard-nav.collapsed .dashboard-nav-links a:before{background:#000000e6;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:.85rem;font-weight:500;margin-left:12px;padding:8px 12px;white-space:nowrap}.dashboard-nav.collapsed .dashboard-nav-links a:after,.dashboard-nav.collapsed .dashboard-nav-links a:before{left:100%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;z-index:1000}.dashboard-nav.collapsed .dashboard-nav-links a:after{border:5px solid #0000;border-right-color:#000000e6;content:"";margin-left:2px}.dashboard-nav.collapsed .dashboard-nav-links a:hover:after,.dashboard-nav.collapsed .dashboard-nav-links a:hover:before{opacity:1;visibility:visible}.dashboard-nav.collapsed .dashboard-nav-header{justify-content:center;padding:20px 10px;position:relative}.dashboard-nav.collapsed .dashboard-nav-header h1{display:none}.dashboard-nav.collapsed .dashboard-nav-header .logo{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:10px;box-shadow:0 4px 16px #4ecdc44d;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.dashboard-nav.collapsed .dashboard-nav-header .collapse-toggle{position:absolute;right:-4px;top:50%;transform:translateY(-50%);z-index:20}.dashboard-nav-links a.active,.dashboard-nav-links a:hover{background:linear-gradient(90deg,#23242a 60%,#4ecdc4 120%);border-left:4px solid #4ecdc4;color:#fff}.dashboard-main{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-left:280px;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:3.5rem 2.5rem;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 280px);width:calc(100% - var(--sidebar-width))}.dashboard-nav-icon{align-items:center;display:inline-flex;margin-right:.8rem;vertical-align:middle}@media (max-width:800px){.dashboard-layout{flex-direction:column;height:auto;overflow-x:hidden;overflow-y:auto}.dashboard-nav{flex-direction:row;height:auto;overflow-x:auto;overflow-y:visible;padding:1rem;position:relative;width:100%}.dashboard-main{overflow-x:hidden;overflow-y:auto;padding:2rem 1rem}.dashboard-main,.dashboard-nav.collapsed+.dashboard-main{margin-left:0;width:100%}.dashboard-nav-logo{margin-bottom:0;margin-right:1.5rem}.dashboard-nav-links{flex-direction:row;gap:.2rem}.dashboard-nav-links a{border-left:none;border-radius:10px;padding:.7rem 1.1rem}}.settings-page{background:#0f0f23;box-sizing:border-box;margin:0;max-width:none;min-height:100vh;padding:32px;width:100%}.settings-header{margin-bottom:32px}.settings-header h1{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:8px;margin-top:0}.settings-header p{color:#bfc2d5;font-size:1rem;margin:0}.settings-layout{display:flex;gap:32px;width:100%}.settings-sidebar{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;height:fit-content;padding:24px;position:sticky;top:32px;width:280px}.settings-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#bfc2d5;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;margin-bottom:8px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.settings-nav-item:hover{background:#ffffff0d;color:#fff}.settings-nav-item.active{background:linear-gradient(90deg,#4ecdc4,#45b7d1);box-shadow:0 2px 16px #4ecdc44d;color:#fff}.nav-icon{font-size:1.2rem;text-align:center;width:20px}.nav-label{flex:1 1}.settings-main{flex:1 1;min-width:0}.settings-content,.settings-main,.settings-section{min-height:600px;width:100%}.settings-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;max-width:none;padding:32px}.settings-section h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:24px;margin-top:0}.settings-section h3{color:#4ecdc4;font-size:1.2rem;font-weight:600;margin-bottom:16px;margin-top:0}.settings-form{gap:20px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#bfc2d5;font-size:.95rem;font-weight:500}.form-input,.form-select,.form-textarea{background:#23242a;border:1.5px solid #35363c;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433;outline:none}.form-textarea{min-height:80px;resize:vertical}.checkbox-label{align-items:center;color:#bfc2d5;cursor:pointer;display:flex;font-weight:500;gap:12px}.form-checkbox{accent-color:#4ecdc4;cursor:pointer;height:18px;width:18px}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;text-align:center;transition:all .2s ease}.btn-primary{background:linear-gradient(90deg,#4ecdc4,#45b7d1);box-shadow:0 2px 12px #4ecdc433;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #4ecdc44d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.btn-secondary:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-danger{background:linear-gradient(90deg,#ff4e4e,#ff6a6a);box-shadow:0 2px 12px #ff4e4e33;color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ff4e4e4d;transform:translateY(-1px)}.btn-delete{background:linear-gradient(90deg,#ff4e4e,#ff6a6a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-delete:hover:not(:disabled){box-shadow:0 4px 12px #ff4e4e4d;transform:translateY(-1px)}.btn-default{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-default:hover:not(:disabled){background:#ffffff1a}.btn-default.active{background:linear-gradient(90deg,#4ecdc4,#45b7d1);border-color:#4ecdc4;color:#fff}.status-message{border-radius:8px;font-weight:500;margin-top:16px;padding:12px 16px}.status-message.success{background:#4ecdc41a;border:1px solid #4ecdc44d;color:#4ecdc4}.status-message.error{background:#ff4e4e1a;border:1px solid #ff4e4e4d;color:#ff4e4e}.add-forms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:32px;min-height:200px}.add-form-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:24px}.add-form-card h3{color:#4ecdc4;font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-top:0}.inline-form{align-items:flex-end;display:flex;gap:12px}.inline-form .form-input,.inline-form .form-select{flex:1 1}.categories-section{margin-top:32px}.categories-section h3{color:#4ecdc4;font-size:1.2rem;font-weight:600;margin-bottom:20px;margin-top:0}.categories-grid{display:flex;flex-direction:column;gap:16px}.category-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .2s ease}.category-card:hover{background:#ffffff0d}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.category-info{align-items:center;display:flex;gap:8px}.category-icon{font-size:1.2rem}.category-name{color:#fff;font-size:1.1rem;font-weight:600}.subcategories-list{display:flex;flex-wrap:wrap;gap:8px}.subcategory-tag{align-items:center;background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:20px;color:#4ecdc4;display:flex;font-size:.9rem;gap:6px;padding:6px 12px}.subcategory-icon{font-size:.9rem}.subcategory-name{font-weight:500}.subcategory-delete{align-items:center;background:none;border:none;color:#ff4e4e;cursor:pointer;display:flex;font-size:1rem;margin-left:4px;padding:0;transition:all .2s ease}.subcategory-delete:hover{transform:scale(1.1)}.platforms-section{margin-top:32px}.platforms-section h3{color:#4ecdc4;font-size:1.2rem;font-weight:600;margin-bottom:20px;margin-top:0}.platforms-grid{display:flex;flex-direction:column;gap:12px}.platform-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.platform-card:hover{background:#ffffff0d}.platform-info{display:flex;flex-direction:column;gap:4px}.platform-name{color:#fff;font-size:1rem;font-weight:600}.platform-fee{color:#bfc2d5;font-size:.9rem}.platform-actions{display:flex;gap:8px}.empty-state{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;color:#bfc2d5;padding:40px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-state h4{color:#fff;font-size:1.1rem;margin-bottom:8px;margin-top:0}.empty-state p{font-size:.9rem;margin:0;opacity:.7}.danger-zone{background:#ff4e4e0d;border:1px solid #ff4e4e33;border-radius:12px;margin-bottom:24px;padding:24px}.danger-zone h3{color:#ff4e4e;font-size:1.2rem;font-weight:600;margin-bottom:12px;margin-top:0}.danger-zone p{color:#bfc2d5;margin-bottom:16px;margin-top:0}.danger-zone strong{color:#ff4e4e}@media (max-width:1200px){.add-forms-grid{grid-template-columns:1fr}}@media (max-width:900px){.settings-layout{flex-direction:column}.settings-sidebar{position:static;width:100%}.settings-nav-item{justify-content:center}.inline-form,.platform-card{align-items:stretch;flex-direction:column}.platform-card{gap:12px}.platform-actions{justify-content:center}}.inventory-table-wrapper{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin-top:24px;overflow:hidden}.inventory-table{border-collapse:collapse;font-size:14px;width:100%}.inventory-table thead{background:linear-gradient(135deg,#4ecdc41a,#4ecdc40d);border-bottom:2px solid #4ecdc433}.inventory-table th{border-bottom:1px solid #ffffff1a;color:#bfc2d5;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.inventory-table td{border-bottom:1px solid #ffffff0d;color:#fff;font-size:14px;font-weight:500;padding:16px 12px;vertical-align:middle}.inventory-table tbody tr{background:#0000;transition:all .2s ease}.inventory-table tbody tr:hover{background:#4ecdc40d;box-shadow:0 2px 8px #4ecdc41a;transform:translateY(-1px)}.status-received{color:#4ade80!important;font-weight:600}.status-processing{color:#fbbf24!important;font-weight:600}.status-shipped{color:#60a5fa!important;font-weight:600}.status-accepted{color:#10b981!important;font-weight:600}.status-sold{color:#8b5cf6!important;font-weight:600}.status-no-longer-have{color:#6b7280!important;font-weight:600}.status-cancelled{color:#f87171!important;font-weight:600}.inventory-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;margin:0 2px;outline:none;padding:6px;transition:background .2s}.inventory-icon-btn:hover{background:#4ecdc414}.inventory-icon-btn.delete:hover{background:#ff4e4e14}.inventory-icon-btn.copy:hover{background:#ffa72614}.receipt-link-icon{display:inline-block;line-height:0;transition:transform .2s}.receipt-link-icon:hover{transform:scale(1.1)}.usps-track-icon{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s}.usps-track-icon:hover{transform:scale(1.1)}.inventory-page{background:#18192b;color:#fff;min-height:100vh;padding:24px}.inventory-title{color:#fff;font-size:28px;font-weight:700;margin:0}.inventory-updated{color:#bfc2d5;font-size:14px;font-weight:500}.inventory-actions{align-items:center;display:flex;gap:12px}.inventory-btn{align-items:center;background:#23242a;border:1px solid #35363c;border-radius:8px;color:#bfc2d5;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.inventory-btn:hover{background:#2a2b2f;border-color:#4ecdc4;color:#4ecdc4;transform:translateY(-1px)}.inventory-btn.primary{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4;box-shadow:0 4px 16px #4ecdc44d;color:#fff}.inventory-btn.primary:hover{background:linear-gradient(135deg,#45b7d1,#4ecdc4);box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.inventory-search-bar{background:#23242a;border:1px solid #35363c;border-radius:8px;color:#fff;font-size:14px;max-width:300px;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.inventory-search-bar:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433}.inventory-filter-select{background:#23242a;border:1px solid #35363c;border-radius:6px;color:#bfc2d5;font-size:14px;min-width:120px;outline:none;padding:8px 12px;transition:border-color .2s ease}.inventory-filter-select:focus{border-color:#4ecdc4}.inventory-controls{background:#23242a;border:1px solid #35363c;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.inventory-search{background:#1a1b1f;border:1px solid #35363c;border-radius:8px;color:#fff;font-size:14px;max-width:300px;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.inventory-search:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433}.inventory-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.inventory-filters select{background:#1a1b1f;border:1px solid #35363c;border-radius:6px;color:#bfc2d5;font-size:14px;min-width:120px;outline:none;padding:8px 12px;transition:border-color .2s ease}.inventory-filters select:focus{border-color:#4ecdc4}.inventory-toggle-buttons{display:flex;flex-wrap:wrap;gap:8px}.inventory-toggle-buttons button{background:#1a1b1f;border:1px solid #35363c;border-radius:6px;color:#bfc2d5;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.inventory-toggle-buttons button:hover{background:#2a2b2f;border-color:#4ecdc4;color:#4ecdc4}.inventory-toggle-buttons button.active{background:#4ecdc4;border-color:#4ecdc4;color:#fff;font-weight:600}.inventory-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-left h1{color:#fff;font-size:28px;font-weight:700;margin:0}.header-right{align-items:center;display:flex;gap:12px}.add-btn,.bulk-add-btn{background:#23242a;border:1px solid #35363c;border-radius:8px;color:#bfc2d5;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-btn:hover,.bulk-add-btn:hover{background:#2a2b2f;border-color:#4ecdc4;color:#4ecdc4;transform:translateY(-1px)}.add-btn{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4;box-shadow:0 4px 16px #4ecdc44d;color:#fff}.add-btn:hover{background:linear-gradient(135deg,#45b7d1,#4ecdc4);box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.spot-price-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.spot-card{background:#23242a;border:1px solid #35363c;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.spot-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.spot-card h3{color:#bfc2d5;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.spot-card p{color:#fff;font-size:24px;font-weight:700;margin:0}.spot-card.silver{border-color:silver}.spot-card.gold{border-color:gold}.spot-card.copper{border-color:#b87333}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.summary-card{background:#23242a;border:1px solid #35363c;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.summary-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.summary-card h3{color:#bfc2d5;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.summary-card p{color:#fff;font-size:20px;font-weight:700;margin:0}.group-header-row{background:linear-gradient(135deg,#409cff26,#409cff14);cursor:pointer;font-weight:600;transition:background .2s ease}.group-header-row:hover{background:linear-gradient(135deg,#409cff33,#409cff1f)}.group-header-row td{border-bottom:none!important;color:#fff!important;font-weight:600}.inventory-item-row{background:#0000;cursor:default;transition:all .2s ease}.inventory-item-row:hover{background:#4ecdc40d;box-shadow:0 2px 8px #4ecdc41a;transform:translateY(-1px)}.inventory-item-row td{color:#fff!important;font-weight:500}.modern-checkbox{display:inline-block;display:flex;min-height:48px;min-width:48px;padding:8px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.modern-checkbox:hover{background-color:#4ecdc426;box-shadow:0 6px 20px #4ecdc433;transform:scale(1.08)}.modern-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1b1f;border:3px solid #35363c;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;height:32px;justify-content:center;position:relative;transition:all .3s ease;width:32px}.modern-checkbox:hover input~.checkmark{background-color:#4ecdc41a;border-color:#4ecdc4;box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.modern-checkbox input:checked~.checkmark{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#4ecdc4;box-shadow:0 8px 24px #4ecdc480;transform:scale(1.15)}.checkmark:after{border:solid #fff;border-width:0 3px 3px 0;content:"";display:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));height:14px;left:10px;position:absolute;top:6px;transform:rotate(45deg);width:8px}.modern-checkbox input:checked~.checkmark:after{animation:checkmarkAppear .3s ease-out;display:block}@keyframes checkmarkAppear{0%{opacity:0;transform:rotate(45deg) scale(.5)}to{opacity:1;transform:rotate(45deg) scale(1)}}.modern-checkbox:active input~.checkmark{transform:scale(.95)}.usps-day-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.usps-day-btn{background:linear-gradient(135deg,#23242a,#2a2b2f);border:2px solid #4ecdc4;border-radius:10px;box-shadow:0 2px 8px #4ecdc433;color:#4ecdc4;cursor:pointer;font-size:13px;font-weight:600;height:40px;letter-spacing:.5px;min-width:50px;padding:8px 12px;text-transform:uppercase;transition:all .3s ease}.usps-day-btn:hover{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4;box-shadow:0 4px 16px #4ecdc466;color:#fff;transform:translateY(-2px)}.usps-day-btn:active{box-shadow:0 2px 8px #4ecdc44d;transform:translateY(0)}.usps-delivered-btn{background:linear-gradient(135deg,#4ecb6e,#45b7d1);border:none;border-radius:10px;box-shadow:0 4px 16px #4ecb6e66;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:40px;letter-spacing:.5px;margin-left:8px;min-width:100px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.usps-delivered-btn:hover{background:linear-gradient(135deg,#45b7d1,#4ecb6e);box-shadow:0 6px 20px #4ecb6e80;transform:translateY(-2px)}.usps-delivered-btn:active{box-shadow:0 4px 16px #4ecb6e66;transform:translateY(0)}.modal-backdrop{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000000d9!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:2rem!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.modal{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#1a1b2e,#23243a)!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 25px 50px #0006!important;max-width:800px!important;min-width:400px!important;overflow:hidden!important;padding:32px!important;position:relative!important;width:90%!important}.modal:before{background:linear-gradient(90deg,#4ecdc4,#45b7d1,#4ecdc4)!important;content:""!important;height:3px!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.modal h3{color:#4ecdc4!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:28px!important;margin-top:0!important;text-align:center!important;text-shadow:0 2px 4px #0000004d!important}.modal h3,.modal-close{font-size:1.8rem!important}.modal-close{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:none!important;border-radius:8px!important;color:#bfc2d5!important;cursor:pointer!important;display:flex!important;height:40px!important;justify-content:center!important;padding:8px!important;position:absolute!important;right:20px!important;top:20px!important;transition:all .2s ease!important;width:40px!important}.modal-close:hover{background:#fff3!important;color:#fff!important;transform:scale(1.1)!important}.modal-form{display:flex!important;flex-direction:column!important;gap:24px!important}.modal-form-row{grid-gap:20px!important;align-items:end!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.modal-form-row>div{display:flex!important;flex-direction:column!important;gap:10px!important}.modal-form-row label{color:#bfc2d5!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:4px!important;text-transform:uppercase!important}.modal-input{background:#23242a!important;border:2px solid #35363c!important;border-radius:10px!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;outline:none!important;padding:14px 18px!important;transition:all .3s ease!important}.modal-input:focus{background:#2a2b2f!important;border-color:#4ecdc4!important;box-shadow:0 0 0 4px #4ecdc426!important;transform:translateY(-1px)!important}.modal-input::placeholder{color:#666!important}.modal-input:hover{background:#2a2b2f!important;border-color:#4a4b51!important}.modal-item-card{background:linear-gradient(135deg,#23243acc,#2a2b2fcc)!important;border:1px solid #4ecdc44d!important;border-radius:16px!important;box-shadow:0 8px 32px #0003!important;margin-bottom:20px!important;overflow:hidden!important;padding:24px!important;position:relative!important;transition:all .3s ease!important}.modal-item-card:before{background:linear-gradient(90deg,#4ecdc4,#45b7d1)!important;content:""!important;height:3px!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.modal-item-card:hover{border-color:#4ecdc480!important;box-shadow:0 12px 40px #4ecdc433!important;transform:translateY(-3px)!important}.modal-item-header{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:20px!important}.modal-item-title{color:#4ecdc4!important;font-size:18px!important;font-weight:700!important;margin:0!important;text-shadow:0 2px 4px #0000004d!important}.modal-item-title,.modal-remove-btn{letter-spacing:.5px!important;text-transform:uppercase!important}.modal-remove-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #ff6b6b4d!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;font-weight:600!important;padding:8px 16px!important;transition:all .2s ease!important}.modal-remove-btn:hover:not(:disabled){box-shadow:0 6px 16px #ff6b6b66!important;transform:translateY(-2px)!important}.modal-remove-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.ebay-btn{background:linear-gradient(135deg,#ffa726,#ffb74d)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #ffa7264d!important;color:#1a1b1f!important;cursor:pointer!important;font-size:13px!important;font-weight:700!important;letter-spacing:.5px!important;padding:10px 18px!important;text-transform:uppercase!important;transition:all .2s ease!important;white-space:nowrap!important}.ebay-btn:hover:not(:disabled){box-shadow:0 6px 16px #ffa72666!important;transform:translateY(-2px)!important}.ebay-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.modal-add-btn{background:linear-gradient(135deg,#4ecdc4,#45b7d1)!important;border:none!important;border-radius:12px!important;box-shadow:0 6px 20px #4ecdc466!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:20px!important;overflow:hidden!important;padding:14px 24px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s ease!important}.modal-add-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .5s!important;width:100%!important}.modal-add-btn:hover:before{left:100%!important}.modal-add-btn:hover{box-shadow:0 8px 25px #4ecdc480!important;transform:translateY(-3px)!important}.modal-actions{border-top:1px solid #ffffff1a!important;display:flex!important;gap:16px!important;justify-content:flex-end!important;margin-top:28px!important;padding-top:24px!important}.bulk-tabs{background:#23243a80!important;border:1px solid #4ecdc433!important;border-radius:12px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;margin-bottom:28px!important;padding:16px!important}.bulk-tabs button{background:#23242a!important;border:1px solid #35363c!important;border-radius:10px!important;color:#bfc2d5!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;overflow:hidden!important;padding:12px 20px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s ease!important}.bulk-tabs button:before{background:linear-gradient(90deg,#0000,#4ecdc41a,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .3s!important;width:100%!important}.bulk-tabs button:hover:before{left:100%!important}.bulk-tabs button:hover{background:#2a2b2f!important;color:#4ecdc4!important}.bulk-tabs button.active,.bulk-tabs button:hover{border-color:#4ecdc4!important;transform:translateY(-1px)!important}.bulk-tabs button.active{background:linear-gradient(135deg,#4ecdc4,#45b7d1)!important;box-shadow:0 4px 16px #4ecdc466!important;color:#fff!important}.bulk-tab-content{background:#23243a66!important;border:1px solid #4ecdc44d!important;border-radius:16px!important;box-shadow:0 8px 32px #0003!important;margin-bottom:24px!important;padding:24px!important}.bulk-tab-content textarea{background:#1a1b1f!important;border:2px solid #35363c!important;border-radius:12px!important;box-sizing:border-box!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;min-height:140px!important;outline:none!important;padding:18px!important;resize:vertical!important;transition:all .3s ease!important;width:100%!important}.bulk-tab-content textarea:focus{background:#2a2b2f!important;border-color:#4ecdc4!important;box-shadow:0 0 0 4px #4ecdc426!important}.bulk-tab-content textarea::placeholder{color:#666!important}.parsed-items-container{background:#23243a66!important;border:1px solid #4ecdc44d!important;border-radius:16px!important;box-shadow:0 8px 32px #0003!important;margin-bottom:24px!important;max-height:400px!important;overflow-y:auto!important;padding:24px!important}.parsed-items-container::-webkit-scrollbar{width:10px!important}.parsed-items-container::-webkit-scrollbar-track{background:#1a1b1f!important;border-radius:6px!important}.parsed-items-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4ecdc4,#45b7d1)!important;border-radius:6px!important}.parsed-items-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#45b7d1,#4ecdc4)!important}@media (max-width:600px){.settings-page{padding:16px}.settings-section{padding:20px}.modal{min-width:300px;padding:24px}}.inventory-item-name{color:#4ecdc4!important;font-weight:600}.bundled-row{background:linear-gradient(90deg,#4ecdc414,#00c6fb14)!important}.inventory-name-accent{color:#4ecdc4!important;font-weight:600;letter-spacing:.2px;text-shadow:0 0 8px #4ecdc426}.inventory-seller-accent,.inventory-seller-name{color:#ff6b35!important;font-weight:500;letter-spacing:.1px;text-shadow:0 0 6px #ff6b3526}.modern-checkbox{align-items:center;background:linear-gradient(135deg,#4ecdc42e,#00c6fb1f);border:2px solid #35363c;border-radius:8px;box-shadow:0 0 0 2px #4ecdc4,0 2px 8px 0 #4ecdc41a;cursor:pointer;display:inline-flex;height:22px;justify-content:center;position:relative;transition:all .18s;width:22px}.modern-checkbox input[type=checkbox]{cursor:pointer;height:22px;left:0;margin:0;opacity:0;position:absolute;top:0;width:22px}.modern-checkbox svg{pointer-events:none}.modern-checkbox input[type=checkbox]:checked+svg polyline{stroke:#4ecdc4;filter:drop-shadow(0 0 4px #4ecdc4)}.modern-checkbox:hover{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc4,0 4px 16px #4ecdc42e}.dashboard-header{border-bottom:1px solid #4ecdc41a;margin-bottom:40px;padding:0 0 24px}.dashboard-header h1{font-size:2.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.dashboard-header p{color:#9ca3af;font-weight:400;line-height:1.6}.dashboard-layout-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 380px}@media (max-width:1400px){.dashboard-layout-grid{gap:24px;grid-template-columns:1fr 320px}}@media (max-width:1200px){.dashboard-layout-grid{gap:24px;grid-template-columns:1fr}}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:8px}.dashboard-header p{color:#bfc2d5;font-size:1.1rem;margin:0}.restock-suggestions-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid #4ecdc414;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #ffffff0d;margin-bottom:32px;padding:32px}.section-header{margin-bottom:28px}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.section-header p{color:#9ca3af;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.dashboard-controls{align-items:end;background:linear-gradient(145deg,#ffffff05,#ffffff03);border:1px solid #4ecdc40f;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px;padding:24px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#9ca3af;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dashboard-search,.dashboard-select{background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #4ecdc426;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff1a;color:#fff;font-size:.9rem;min-width:140px;padding:12px 16px;transition:all .2s ease}.dashboard-select option{background:#1a1b1f;color:#fff}.dashboard-search:focus,.dashboard-select:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc426,inset 0 1px 0 #ffffff1a;outline:none;transform:translateY(-1px)}.dashboard-search{min-width:220px}.dashboard-btn{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.dashboard-btn.secondary{background:linear-gradient(135deg,#4ecdc426,#4ecdc414);border:1px solid #4ecdc433;box-shadow:0 2px 4px #0000001a;color:#4ecdc4}.dashboard-btn.secondary:hover{background:linear-gradient(135deg,#4ecdc440,#4ecdc426);border-color:#4ecdc4;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.dashboard-tabs{border-bottom:1px solid #4ecdc41a;display:flex;gap:8px;margin-bottom:24px}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#bfc2d5;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.tab-button:hover{color:#fff}.tab-button.active{border-bottom-color:#4ecdc4;color:#4ecdc4}.suggestions-table-container{background:#ffffff05;border:1px solid #4ecdc41a;border-radius:12px;padding:20px}.suggestions-table-container h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:16px}.suggestions-table{background:linear-gradient(145deg,#ffffff05,#ffffff03);border-collapse:initial;border-radius:16px;border-spacing:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #ffffff0d;font-size:.9rem;overflow:hidden;width:100%}.suggestions-table th{background:linear-gradient(135deg,#4ecdc426,#4ecdc414);border-bottom:1px solid #4ecdc433;box-shadow:inset 0 1px 0 #ffffff1a;color:#4ecdc4;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.suggestions-table td{border-bottom:1px solid #ffffff08;color:#e5e7eb;font-weight:500;padding:16px 20px;transition:all .2s ease}.suggestions-table tbody tr:hover{background:linear-gradient(145deg,#4ecdc414,#4ecdc40a);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.suggestions-table tbody tr:last-child td{border-bottom:none}.loading-state{align-items:center;color:#bfc2d5;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #4ecdc433;border-radius:50%;border-top-color:#4ecdc4;height:32px;margin-bottom:16px;width:32px}.future-widgets-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid #4ecdc414;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #ffffff0d;padding:32px}.widget-placeholder{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.placeholder-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(145deg,#ffffff0a,#ffffff05);border:1px solid #4ecdc414;border-radius:16px;box-shadow:0 2px 4px #0000000d,inset 0 1px 0 #ffffff0d;padding:24px;text-align:center;transition:all .3s ease}.placeholder-card:hover{background:linear-gradient(145deg,#4ecdc414,#4ecdc40a);border-color:#4ecdc426;box-shadow:0 8px 16px #0000001a,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.placeholder-card h3{color:#4ecdc4;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.placeholder-card p{color:#9ca3af;font-size:.9rem;font-weight:400;line-height:1.6;margin:0}.priority-badge{align-items:center;border:1px solid;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.priority-badge.high{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 2px 8px #ef44444d;color:#fff}.priority-badge.medium{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;box-shadow:0 2px 8px #f59e0b4d;color:#fff}.priority-badge.low{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 2px 8px #10b9814d;color:#fff}.priority-badge:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}@media (max-width:768px){.dashboard-controls{align-items:stretch;flex-direction:column}.control-group,.dashboard-search,.dashboard-select{width:100%}.dashboard-tabs{flex-direction:column}.tab-button{text-align:left}.suggestions-table{font-size:.8rem}.suggestions-table td,.suggestions-table th{padding:8px}}.admin-page{background:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.admin-page *{box-sizing:border-box}.admin-header{background:#1e1e1e;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 4px 12px #0000004d;margin-bottom:24px;padding:24px;text-align:center}.admin-header h1{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 8px}.admin-header p{color:#bfc2d5;font-size:1rem;margin:0 0 16px}.admin-header button{background:#4ecdc4;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.admin-header button:hover{background:#3db8b0;transform:translateY(-1px)}.admin-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr 1fr;margin:0 auto;max-width:1400px}@media (max-width:1400px){.admin-content{grid-template-columns:1fr 1.5fr 1fr}}@media (max-width:1200px){.admin-content{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.admin-page{padding:16px}.admin-header{padding:20px}.admin-header h1{font-size:1.5rem}}.admin-section{background:#1e1e1e;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:20px}.admin-section h2{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.usage-card{background:#2a2a2a;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:12px;padding:16px}.usage-card h3{color:#4ecdc4;font-size:1rem;font-weight:600;margin:0 0 8px}.usage-stats{display:flex;flex-wrap:wrap;gap:16px}.stat{background:#ffffff05;border-bottom:1px solid #ffffff0d;border-radius:6px;flex:1 1;min-width:120px;padding:12px}.stat .label{color:#bfc2d5;font-size:.85rem;font-weight:500;margin-bottom:4px}.stat .value{color:#fff;font-size:1.1rem;font-weight:700}.billing-link{border-top:1px solid #ffffff0d;margin-top:12px;padding-top:12px}.billing-dashboard-btn{background:#4ecdc4;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all .2s ease;width:100%}.billing-dashboard-btn:hover{background:#3db8b0}.monthly-list{max-height:300px;overflow-y:auto}.monthly-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.month-name{color:#bfc2d5;font-size:.9rem}.month-calls{color:#fff;font-weight:600}.users-table-container{background:#2a2a2a;border:1px solid #ffffff0d;border-radius:8px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#1e1e1e;border-bottom:1px solid #ffffff1a;color:#fff;font-weight:600;position:sticky;text-align:left;top:0;z-index:2}.users-table td,.users-table th{font-size:.9rem;padding:12px 16px}.users-table td{border-bottom:1px solid #ffffff0d;color:#bfc2d5}.users-table tr:hover{background:#ffffff05}.toggle-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin:2px;padding:6px 12px;transition:all .2s ease}.toggle-btn.grant{background:#28a745}.toggle-btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.action-buttons .toggle-btn{font-size:.75rem;padding:4px 8px;width:100%}.analytics-card{background:#2a2a2a;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:16px;padding:16px;transition:all .2s ease}.analytics-card:hover{background:#333;transform:translateY(-1px)}.analytics-card h3{color:#4ecdc4;font-size:1rem;font-weight:600;margin:0 0 12px}.analytics-value{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:4px}.analytics-label{color:#bfc2d5;font-size:.85rem}.api-calls-container{background:#2a2a2a;border:1px solid #ffffff0d;border-radius:8px;max-height:400px;overflow:hidden;overflow-y:auto}.api-calls-table{border-collapse:collapse;width:100%}.api-calls-table th{background:#1e1e1e;border-bottom:1px solid #ffffff1a;color:#fff;font-size:.85rem;font-weight:600;padding:10px 12px;position:sticky;text-align:left;top:0;z-index:2}.api-calls-table td{border-bottom:1px solid #ffffff0d;color:#bfc2d5;font-size:.85rem;padding:10px 12px}.api-calls-table tr:hover{background:#ffffff05}.status{border-radius:4px;font-size:.75rem;font-weight:600;padding:2px 6px}.status.success{background:#28a74533;color:#28a745}.status.error{background:#dc354533;color:#dc3545}.error-message{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;font-size:.9rem;justify-content:space-between;margin-bottom:20px;padding:16px}.error-message,.error-message button{align-items:center;color:#dc3545;display:flex}.error-message button{background:none;border:none;cursor:pointer;font-size:1.2rem;height:20px;justify-content:center;padding:0;width:20px}.loading{color:#4ecdc4;font-size:1.1rem;padding:40px;text-align:center}.no-data{color:#bfc2d5;font-style:italic;padding:20px;text-align:center}.genie-section{background:#2a2a2a;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:16px;padding:16px}.genie-section h3{color:#4ecdc4;font-size:1rem;font-weight:600;margin:0 0 12px}.conversation-item{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:8px 0;transition:all .2s ease}.conversation-item:hover{background:#ffffff05;border-radius:4px;padding-left:8px}.conversation-item:last-child{border-bottom:none}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e1e1e;border:1px solid #ffffff0d;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.modal-header h3{color:#fff;margin:0}.modal-close{align-items:center;background:none;border:none;color:#bfc2d5;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:#fff}.view-btn{background:#4ecdc4;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:.75rem;font-weight:600;margin:2px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.view-btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.inventory-btn{background:#17a2b8}.inventory-btn:hover{background:#138496}.sales-btn{background:#28a745}.sales-btn:hover{background:#218838}.large-modal{max-height:90vh;max-width:1200px;width:95%}.modal-body{max-height:calc(90vh - 120px);overflow-y:auto}.summary-stats{grid-gap:16px;background:#2a2a2a;border:1px solid #ffffff0d;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:16px}.summary-stats .stat{background:#ffffff05;border-radius:6px;padding:12px;text-align:center}.summary-stats .stat .label{color:#bfc2d5;font-size:.85rem;font-weight:500;margin-bottom:4px}.summary-stats .stat .value{color:#fff;font-size:1.2rem;font-weight:700}.table-container{background:#2a2a2a;border:1px solid #ffffff0d;border-radius:8px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#1e1e1e;border-bottom:1px solid #ffffff1a;color:#fff;font-weight:600;position:sticky;text-align:left;top:0;z-index:2}.data-table td,.data-table th{font-size:.9rem;padding:12px 16px}.data-table td{border-bottom:1px solid #ffffff0d;color:#bfc2d5}.data-table tr:hover{background:#ffffff05}.status.pending{background:#ffc10733;color:#ffc107}.profit-positive{color:#28a745!important;font-weight:600}.profit-negative{color:#dc3545!important;font-weight:600}.action-buttons{display:flex;flex-direction:column;gap:4px;min-width:120px}.action-buttons .toggle-btn,.action-buttons .view-btn{font-size:.75rem;padding:4px 8px;width:100%}@media (max-width:1200px){.action-buttons{flex-direction:row;flex-wrap:wrap;gap:2px;justify-content:center}.action-buttons .toggle-btn,.action-buttons .view-btn{flex:1 1;font-size:.7rem;min-width:70px;padding:3px 6px}}@media (max-width:768px){.large-modal{max-height:95vh;padding:16px;width:98%}.summary-stats{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:12px}.data-table td,.data-table th{font-size:.8rem;padding:8px 12px}.action-buttons{gap:1px}.action-buttons .toggle-btn,.action-buttons .view-btn{font-size:.65rem;padding:2px 4px}}