@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-main:"Inter", sans-serif;--accent-primary:#9333ea;--accent-hover:#7e22ce;--accent-soft:#9333ea1a;--bg-app:#fafafa;--bg-surface:#fff;--bg-panel:#fff;--bg-topbar:#fff;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--border-main:#e5e7eb;--border-subtle:#f3f4f6;--input-bg:#f9fafb;--input-border:#e5e7eb;--shadow-sm:0 4px 6px -1px #00000005;--shadow-md:0 20px 40px -10px #00000026}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0f172a;--bg-surface:#1e293b;--bg-panel:#162032;--bg-topbar:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-main:#475569;--border-subtle:#334155;--input-bg:#0f172a;--input-border:#334155;--accent-soft:#9333ea26;--shadow-sm:0 4px 10px #00000040;--shadow-md:0 20px 40px -10px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul{list-style:none}.page-header{flex-direction:column;gap:1.25rem;width:100%;margin-bottom:2rem;display:flex}@media (width>=640px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.page-actions{flex-wrap:wrap;gap:.75rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.action-btn.primary{background:var(--accent-primary);color:#fff}.action-btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 10px 20px -5px #9333ea66}.action-btn.secondary{border:1.5px solid var(--border-main);color:var(--text-primary);background:0 0}.action-btn.secondary:hover{background:var(--bg-surface);border-color:var(--accent-primary);color:var(--accent-primary)}.ord-summary-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;width:100%;margin-bottom:1.5rem;display:grid}@media (width<=580px){.ord-summary-grid{grid-template-columns:1fr}}.ord-summary-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;gap:.5rem;min-width:0;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 4px #00000005}.ord-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.ord-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.ord-summary-val{color:var(--text-primary);letter-spacing:-.02em;font-size:1.625rem;font-weight:800;line-height:1.2}.custom-checkbox{appearance:none;border:2px solid var(--border-main);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;margin:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.custom-checkbox:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.custom-checkbox:checked:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:5px;height:10px;margin-top:-2px;transform:rotate(45deg)}.custom-checkbox:hover{border-color:var(--accent-primary);background:var(--accent-soft)}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/800px 104px no-repeat;border-radius:4px;animation:2.5s ease-in-out infinite forwards shimmer;display:inline-block;position:relative}[data-theme=dark] .skeleton{background:#1e293b linear-gradient(90deg,#1e293b 0%,#334155 20%,#1e293b 40% 100%)}video::-webkit-media-controls{opacity:0!important;pointer-events:none!important;display:none!important}video::-webkit-media-controls-start-playback-button{opacity:0!important;pointer-events:none!important;display:none!important}video::-webkit-media-controls-overlay-play-button{opacity:0!important;pointer-events:none!important;display:none!important}.landing-page{background-color:#fafafa;overflow-x:clip}.navbar-wrapper{z-index:100;justify-content:center;padding:0 1rem;transition:top .3s;display:flex;position:sticky;top:1rem}.navbar-wrapper.scrolled .navbar{box-shadow:0 8px 32px #9333ea1f}.navbar{-webkit-backdrop-filter:blur(18px);background:#ffffffbf;border:1px solid #fff9;border-radius:9999px;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:.65rem 1.5rem;transition:box-shadow .3s;display:flex;box-shadow:0 4px 20px #0000000f}.nav-brand{color:#9333ea;letter-spacing:-.5px;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;display:flex}.nav-logo-img{object-fit:contain;width:32px;height:32px}.nav-links{align-items:center;gap:2rem;display:none}.nav-links a{color:#6b7280;font-size:.875rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:#111827}.mobile-cta-link{display:none!important}.nav-right{align-items:center;gap:.75rem;display:flex}.nav-button{color:#fff;background:linear-gradient(135deg,#9333ea 0%,#7e22ce 100%);border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .2s,transform .2s;display:block}.nav-button:hover{opacity:.9;transform:translateY(-1px)}.hamburger{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.25rem;display:flex}.hamburger:hover{color:#9333ea;background:#f3e8ff}@media (width>=768px){.nav-links{display:flex}.hamburger{display:none}}@media (width<=767px){.navbar-wrapper{padding:0 .75rem;top:.75rem}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#fffffff7;border:1px solid #9333ea26;border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:calc(100% + .75rem);left:.75rem;right:.75rem;transform:translateY(-10px);box-shadow:0 16px 40px #0000001f}.nav-links.mobile-open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-links a{color:#374151;font-size:1rem}.mobile-cta-link{text-align:center;background:linear-gradient(135deg,#9333ea 0%,#7e22ce 100%);border-radius:12px;padding:.75rem;font-weight:700;color:#fff!important;display:block!important}.nav-button{display:none}}.hero-section{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:5rem 1rem 3rem;display:flex}@media (width>=1024px){.hero-section{text-align:left;flex-direction:row;justify-content:space-between;padding:8rem 2rem 4rem}}.hero-content{flex:1;max-width:600px;margin-bottom:3rem}@media (width>=1024px){.hero-content{margin-bottom:0;padding-right:2rem}}.hero-pill{color:#9333ea;text-transform:uppercase;letter-spacing:.05em;background-color:#f3e8ff;border-radius:9999px;align-items:center;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero-title{color:#111827;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.1}@media (width>=768px){.hero-title{font-size:3.5rem}}.hero-subtitle{color:#4b5563;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.hero-buttons{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=1024px){.hero-buttons{justify-content:flex-start}}.btn-primary{color:#fff;background-color:#111827;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.btn-primary:hover{background-color:#374151;transform:translateY(-2px)}.btn-secondary{color:#9333ea;background-color:#f3e8ff;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-secondary:hover{background-color:#e9d5ff}.hero-image-wrapper{flex:1;width:100%;max-width:600px;position:relative}.hero-mockup-bg{background:linear-gradient(135deg,#f3e8ff 0%,#fff 100%);border:1px solid #9333ea1a;border-radius:24px;padding:1.5rem;box-shadow:0 20px 40px -10px #0000001a}.hero-mockup-img{border:1px solid #ffffff1a;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 25px 50px -12px #00000040}.mockup-header{background-color:#374151;align-items:center;gap:6px;height:30px;padding:0 1rem;display:flex}.mockup-dot{border-radius:50%;width:8px;height:8px}.mockup-body{color:#9ca3af;padding:1rem;font-size:.75rem}.mockup-line{background-color:#374151;border-radius:4px;height:12px;margin-bottom:.5rem}.mockup-line.short{width:40%}.mockup-line.long{width:80%}.notification-badge{background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1rem;animation:3s ease-in-out infinite float;display:flex;position:absolute;bottom:-20px;left:-20px;box-shadow:0 10px 15px -3px #0000001a}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.badge-icon{color:#16a34a;background-color:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.badge-text{color:#111827;font-size:.875rem;font-weight:600}.badge-subtext{color:#6b7280;font-size:.75rem}.pain-section{text-align:center;max-width:1100px;margin:0 auto;padding:6rem 1.5rem 5rem}.section-label-wrapper{margin-bottom:1rem}.section-label{color:#9333ea;text-transform:uppercase;letter-spacing:.08em;background:#f3e8ff;border-radius:9999px;padding:.3rem .9rem;font-size:.75rem;font-weight:700}.pain-title{color:#111827;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.pain-subtitle{color:#6b7280;margin-bottom:3.5rem;font-size:1.125rem}.pain-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=600px){.pain-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.pain-grid{grid-template-columns:repeat(4,1fr)}}.pain-card{text-align:left;color:#111827;background:#fff;border:1px solid #f3f4f6;border-radius:20px;padding:2rem 1.5rem;transition:transform .25s,box-shadow .25s}.pain-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000014}.pain-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;display:flex}.pain-card h3{color:#111827;margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.pain-card p{color:#6b7280;font-size:.9rem;line-height:1.6}.solution-section{background:#faf5ff;padding:6rem 1.5rem}.solution-inner{flex-direction:column;align-items:center;gap:3rem;max-width:1100px;margin:0 auto;display:flex}@media (width>=1024px){.solution-inner{flex-direction:row;gap:4rem}}.solution-text{flex:1}.solution-pill{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#9333ea;border-radius:9999px;margin-bottom:1.25rem;padding:.3rem .9rem;font-size:.75rem;font-weight:700;display:inline-block}.solution-text h2{color:#111827;margin-bottom:1rem;font-size:clamp(1.75rem,3.5vw,2.375rem);font-weight:800;line-height:1.2}.solution-text p{color:#4b5563;margin-bottom:2rem;font-size:1rem;line-height:1.75}.solution-visual{flex:1;position:relative}.solution-card-outer{position:relative}.solution-card-inner{background:#fff;border:1px solid #ede9fe;border-radius:20px;padding:1.75rem;box-shadow:0 8px 40px #9333ea1f}.sol-card-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.sol-avatar{color:#fff;background:#9333ea;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8rem;font-weight:700;display:flex}.sol-name{color:#111827;font-size:.9375rem;font-weight:600}.sol-sub{color:#6b7280;font-size:.75rem}.sol-badge{border-radius:9999px;margin-left:auto;padding:.25rem .625rem;font-size:.7rem;font-weight:700}.sol-badge.pending{color:#d97706;background:#fef3c7}.sol-divider{background:#f3f4f6;height:1px;margin:1rem 0}.sol-item-row{color:#374151;justify-content:space-between;margin-bottom:.6rem;font-size:.9rem;display:flex}.sol-item-row.total{color:#111827;font-size:1rem;font-weight:700}.solution-float-badge{color:#16a34a;background:#dcfce7;border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;animation:3.5s ease-in-out infinite float;display:flex;position:absolute;bottom:-18px;right:-12px;box-shadow:0 4px 12px #00000014}.features-section{max-width:1100px;margin:0 auto;padding:6rem 1.5rem}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{color:#111827;margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.375rem);font-weight:800}.features-header p{color:#6b7280;font-size:1.0625rem}.features-bento{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=600px){.features-bento{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features-bento{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr)}}.bento-card{color:#111827;background:#fff;border:1px solid #f3f4f6;border-radius:20px;padding:2rem;transition:transform .25s,box-shadow .25s}.bento-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000012}.bento-card.wide{grid-column:1/-1}@media (width>=1024px){.bento-card.wide{grid-column:span 2}}.bento-card.purple{background:#faf5ff;border-color:#e9d5ff}.bento-card.dark-purple{color:#fff;background:linear-gradient(135deg,#9333ea 0%,#6b21a8 100%);border:none}.bento-card.dark-purple p{color:#fffc}.bento-icon{color:#9333ea;background:#f3e8ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1.25rem;display:flex}.bento-card.dark-purple .bento-icon{color:#fff;background:#ffffff26}.bento-card h3{color:#111827;margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.bento-card.dark-purple h3{color:#fff}.bento-card p{color:#6b7280;font-size:.9rem;line-height:1.6}.process-section{text-align:center;background:#faf5ff;padding:6rem 1.5rem}.process-header{margin-bottom:4rem}.process-header h2{color:#111827;margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.375rem);font-weight:800}.process-header p{color:#6b7280;font-size:1.0625rem}.process-steps{flex-direction:column;gap:3rem;max-width:960px;margin:0 auto;display:flex;position:relative}@media (width>=768px){.process-steps{flex-direction:row;justify-content:space-between;gap:1rem}.process-steps:before{content:"";z-index:0;background:linear-gradient(90deg,#e9d5ff,#9333ea,#e9d5ff);height:2px;position:absolute;top:36px;left:12%;right:12%}}.process-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.process-num{color:#9333ea;z-index:1;background:#e9d5ff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.5rem;font-size:1.75rem;font-weight:800;transition:transform .3s;display:flex;position:relative}.process-num.active{color:#fff;background:#9333ea}.process-step:hover .process-num{transform:scale(1.1)}.process-step-icon{color:#111827;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #0000001f}.process-step h4{color:#111827;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.process-step p{color:#6b7280;max-width:240px;font-size:.875rem;line-height:1.6}.demo-section{max-width:1100px;margin:0 auto;padding:6rem 1.5rem}.demo-header{text-align:center;margin-bottom:3.5rem}.demo-header h2{color:#111827;margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.375rem);font-weight:800}.demo-header p{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.0625rem}.demo-ui{background:#faf5ff;border:1px solid #e9d5ff;border-radius:28px;grid-template-columns:1fr;gap:1.5rem;padding:2rem;display:grid;box-shadow:0 8px 40px #9333ea14}@media (width>=768px){.demo-ui{grid-template-columns:1fr 1.8fr}}.demo-panel{color:#111827;background:#fff;border-radius:20px;padding:1.75rem}.demo-panel h4{color:#111827;margin-bottom:1.25rem;font-size:1rem;font-weight:700}label{color:#374151;margin-top:.9rem;margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.demo-input,.demo-textarea,.demo-select{color:#9ca3af;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:.6rem .85rem;font-size:.875rem}.demo-textarea{height:68px}.demo-row{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}.demo-save-btn{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:10px;margin-top:1.5rem;padding:.75rem;font-size:.9375rem;font-weight:700;transition:opacity .2s}.demo-save-btn:hover{opacity:.9}.orders-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.orders-sub{color:#9ca3af;font-size:.8rem}.filter-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border-radius:8px;padding:.35rem .75rem;font-size:.8rem;font-weight:500}.order-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:.9rem;padding:.85rem 0;display:flex}.order-row:last-of-type{border-bottom:none}.order-avatar{color:#fff;background:linear-gradient(135deg,#c4b5fd,#9333ea);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;font-weight:700;display:flex}.order-info{flex:1;min-width:0}.order-info strong{color:#111827;font-size:.875rem;display:block}.order-info span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.order-meta{text-align:right}.order-meta strong{color:#111827;font-size:.875rem;display:block}.order-meta span{color:#6b7280;font-size:.75rem}.order-badge{white-space:nowrap;border-radius:9999px;padding:.25rem .625rem;font-size:.72rem;font-weight:700}.view-all-link{text-align:center;color:#9333ea;cursor:pointer;margin-top:1.25rem;font-size:.875rem;font-weight:600}.pricing-section{max-width:900px;margin:0 auto;padding:6rem 1.5rem}.pricing-header{margin-bottom:3.5rem}.pricing-header h2{color:#111827;margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.375rem);font-weight:800}.pricing-header p{color:#6b7280;font-size:1.0625rem}.pricing-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=640px){.pricing-grid{grid-template-columns:1fr 1fr}}.pricing-card{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;padding:2.5rem 2rem;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.pricing-card.pro{color:#fff;background:linear-gradient(145deg,#9333ea 0%,#6d28d9 100%);border:none;box-shadow:0 16px 40px #9333ea59}.popular-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#111827;border-radius:9999px;padding:.3rem .9rem;font-size:.7rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-card h3{color:inherit;margin-bottom:.4rem;font-size:1.375rem;font-weight:700}.pricing-card>p{color:#4b5563;margin-bottom:1.75rem;font-size:.9rem}.pricing-card.pro>p{color:#ffffffd9}.price-row{align-items:baseline;gap:.2rem;margin-bottom:2rem;display:flex}.price-val{font-size:3rem;font-weight:800}.price-period{color:#6b7280;font-size:1rem}.pricing-card.pro .price-period{color:#ffffffb3}.pricing-features{flex:1;margin-bottom:2.5rem;list-style:none}.pricing-features li{color:#374151;align-items:center;gap:.75rem;margin-bottom:.875rem;font-size:.9rem;display:flex}.pricing-card.pro .pricing-features li{color:#fff}.pricing-btn{text-align:center;cursor:pointer;border:none;border-radius:12px;width:100%;padding:.875rem;font-size:.9375rem;font-weight:700;transition:opacity .2s,transform .2s;display:block}.pricing-btn:hover{opacity:.9;transform:translateY(-1px)}.starter .pricing-btn{color:#9333ea;background:#f3e8ff}.pro-btn{color:#9333ea;background:#fff}.testimonials-section{background:#faf5ff;padding:6rem 1.5rem}.testimonials-header{margin-bottom:3.5rem}.testimonials-header h2{color:#111827;margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.375rem);font-weight:800}.testimonials-header p{color:#4b5563;font-size:1.0625rem}.testimonials-grid{grid-template-columns:1fr;gap:2rem;max-width:1000px;margin:0 auto;display:grid}@media (width>=768px){.testimonials-grid{grid-template-columns:1fr 1fr}}.testimonial-card{color:#111827;background:#fff;border:1px solid #e9d5ff;border-radius:24px;padding:2.5rem;transition:transform .25s,box-shadow .25s;position:relative}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000012}.quote-marks{color:#e9d5ff;margin-bottom:1.25rem;font-family:Georgia,serif;font-size:5rem;line-height:.5}.testimonial-quote{color:#374151;margin-bottom:1.75rem;font-size:.9375rem;font-style:italic;line-height:1.75}.testimonial-author{align-items:center;gap:.75rem;display:flex}.t-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.875rem;font-weight:700;display:flex}.t-name{color:#111827;font-size:.9375rem;font-weight:700}.t-role{color:#9333ea;font-size:.8rem}.cta-section{padding:4rem 1.5rem 6rem}.cta-box{text-align:center;color:#111827;background:linear-gradient(135deg,#f3e8ff 0%,#faf5ff 100%);border:1px solid #e9d5ff;border-radius:32px;max-width:860px;margin:0 auto;padding:5rem 2rem}.cta-inner h2{color:#111827;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.cta-inner p{color:#4b5563;max-width:520px;margin-bottom:2.25rem;margin-left:auto;margin-right:auto;font-size:1.0625rem}.cta-btn{color:#fff;background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.cta-btn:hover{opacity:.9;transform:translateY(-2px)}.site-footer{color:#111827;background:#fff;border-top:1px solid #f3f4f6;padding:4rem 1.5rem}.footer-inner{flex-direction:column;gap:3rem;max-width:1100px;margin:0 auto;display:flex}@media (width>=768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand-col{max-width:280px}.footer-brand-col .nav-brand{margin-bottom:.75rem;font-size:1.375rem}.footer-brand-col p{color:#6b7280;font-size:.875rem;line-height:1.7}.footer-copy{color:#9ca3af;margin-top:1.25rem;font-size:.8rem}.footer-links-col{flex-wrap:wrap;gap:4rem;display:flex}.footer-link-group{flex-direction:column;gap:.75rem;display:flex}.footer-link-heading{color:#111827;font-size:.875rem;font-weight:700}.footer-link-group a{color:#6b7280;font-size:.875rem;transition:color .2s}.footer-link-group a:hover{color:#9333ea}.back-to-top{color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:200;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(16px);box-shadow:0 6px 20px #9333ea66}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 10px 28px #9333ea8c}.text-center{text-align:center}@media (width<=480px){.hero-buttons{flex-direction:column}.demo-row{grid-template-columns:1fr}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none!important}.reveal-up{transform:translateY(40px)}.reveal-down{transform:translateY(-40px)}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal-scale{transform:scale(.92)}.reveal-in{transform:none}.faq-section{max-width:800px;margin:0 auto;padding:6rem 1.5rem}.faq-header{text-align:center;margin-bottom:3.5rem}.faq-header h2{color:#111827;margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.375rem);font-weight:800}.faq-header p{color:#6b7280;font-size:1.0625rem}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background:#fff;border:1px solid #f3f4f6;border-radius:16px;transition:box-shadow .25s,border-color .25s;overflow:hidden}.faq-item.open{border-color:#e9d5ff;box-shadow:0 8px 24px #9333ea14}.faq-question{cursor:pointer;color:#111827;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.faq-question:hover{color:#9333ea}.faq-chevron{color:#9ca3af;flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1)}.faq-item.open .faq-chevron{color:#9333ea;transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 1.5rem;transition:max-height .35s cubic-bezier(.16,1,.3,1),padding .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-item.open .faq-answer{max-height:300px;padding:0 1.5rem 1.25rem}.faq-answer p{color:#4b5563;font-size:.9375rem;line-height:1.7}.pricing-trial-notice{color:#fff;background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin:1.25rem 0;padding:.5rem;font-size:.8125rem;font-weight:700;animation:2s infinite pulse-trial;display:flex}@keyframes pulse-trial{0%{opacity:.8}50%{opacity:1;transform:scale(1.02)}to{opacity:.8}}.who-section{text-align:center;max-width:1100px;margin:0 auto;padding:6rem 1.5rem}.who-header{margin-bottom:4rem}.who-pill{color:#9333ea;text-transform:uppercase;letter-spacing:.1em;background:#f3e8ff;border-radius:9999px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.who-header h2{color:#111827;margin-top:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.who-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.who-grid{grid-template-columns:repeat(3,1fr)}}.who-card{background:#fff;border:1px solid #f3f4f6;border-radius:24px;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 2rem;transition:all .3s;display:flex}.who-card:hover{border-color:#e9d5ff;transform:translateY(-10px);box-shadow:0 20px 40px #9333ea14}.who-icon-circle{background:#fdf4ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.who-card h4{color:#111827;font-size:1.25rem;font-weight:700}.who-card p{color:#6b7280;font-size:1rem;line-height:1.6}@media (width<=1024px){.hero-section{padding-top:6rem}.demo-ui{flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.demo-panel{width:100%;min-width:0}}@media (width<=640px){.hero-title{font-size:2.25rem}.hero-buttons{flex-direction:column;width:100%;padding:0 1rem}.btn{justify-content:center;width:100%}.hero-mockup-bg{padding:1rem}.notification-badge{padding:.75rem;bottom:-10px;left:10px}.demo-panel.orders-panel{display:none}}.video-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.video-modal-content{background:#000;border:1px solid #ffffff26;border-radius:20px;width:100%;max-width:1200px;animation:.25s ease-out scaleInModal;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-modal-close{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:flex;position:absolute;top:1rem;right:1rem}.video-modal-close:hover{background:#9333eacc;transform:scale(1.05)}.video-wrapper{width:100%;padding-top:56.25%;position:relative}.demo-video-player{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.auth-root{background:#fff;flex-direction:column;min-height:100vh;display:flex}@media (width>=1024px){.auth-root{flex-direction:row}}.auth-left{background-color:#f3e8ff;flex-direction:column;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}@media (width>=1024px){.auth-left{flex-shrink:0;justify-content:space-between;width:420px;padding:2.5rem}}.auth-left-art{display:none}@media (width>=1024px){.auth-left-art{flex:1;justify-content:center;align-items:center;display:flex;position:relative}}.art-circle-lg{background-color:#e9d5ff;border-radius:50%;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.art-circle-md{background-color:#d8b4fe;border-radius:50%;width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-20%,-40%)}.art-circle-sm{background-color:#c084fc;border-radius:50%;width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-110%,-10%)}.art-rect{background-color:#a855f7;border-radius:4px;width:120px;height:8px;position:absolute;bottom:30%;left:15%;transform:rotate(-15deg)}.art-dot-cluster{grid-template-columns:repeat(3,10px);gap:8px;display:grid;position:absolute;top:25%;right:15%}.art-dot{opacity:.35;background-color:#9333ea;border-radius:50%;width:10px;height:10px}.auth-left-brand{color:#9333ea;letter-spacing:-.5px;z-index:1;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.375rem;font-weight:800;text-decoration:none;display:flex}.auth-logo-img{object-fit:contain;width:32px;height:32px}@media (width>=1024px){.auth-left-brand{margin-bottom:0}}.auth-left-footer{z-index:1}.auth-left-tagline{color:#111827;margin-bottom:.75rem;font-size:1.625rem;font-weight:800;line-height:1.25}.auth-left-sub{color:#4b5563;margin-bottom:1.75rem;font-size:.9375rem;line-height:1.6}.auth-left-dots{gap:6px;display:flex}.auth-dot{background-color:#d8b4fe;border-radius:3px;width:24px;height:6px}.auth-dot.active{background-color:#9333ea;width:32px}.auth-right{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex}@media (width>=1024px){.auth-right{min-height:100vh}}.auth-form-wrapper{width:100%;max-width:420px}.auth-tabs{background:#f3f4f6;border-radius:9999px;width:fit-content;margin-bottom:2.25rem;padding:4px;display:flex}.auth-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.45rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:background .2s,color .2s}.auth-tab.active{color:#fff;background:#9333ea}.auth-title{color:#111827;margin-bottom:.5rem;font-size:1.75rem;font-weight:800;line-height:1.2}.auth-subtitle{color:#6b7280;margin-bottom:2rem;font-size:.9375rem}.auth-field{margin-bottom:1.125rem}.auth-field label{color:#374151;margin-bottom:.4rem;font-size:.8125rem;font-weight:600;display:block}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#9ca3af;pointer-events:none;align-items:center;display:flex;position:absolute;left:.875rem}.auth-input{color:#111827;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.75rem .875rem .75rem 2.625rem;font-family:Inter,sans-serif;font-size:.9375rem;transition:border-color .2s,background .2s}.auth-input:focus{background:#fff;border-color:#9333ea}.auth-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 30px #fafafa!important}.auth-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 30px #fafafa!important}.auth-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 30px #fafafa!important}.auth-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 30px #fafafa!important}.auth-input:focus:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.auth-input.error{border-color:#ef4444}.auth-input-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:.875rem}.auth-input-toggle:hover{color:#6b7280}.auth-error-text{color:#ef4444;margin-top:.35rem;font-size:.75rem}.auth-name-row{grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:1.125rem;display:grid}.auth-meta-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.875rem;display:flex}.auth-checkbox-label{color:#4b5563;cursor:pointer;align-items:center;gap:.5rem;display:flex}.auth-checkbox-label input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:1.5px solid #4b5563;border-radius:4px;outline:none;flex-shrink:0;width:16px;height:16px;margin:0;transition:all .15s;position:relative}.auth-checkbox-label input[type=checkbox]:checked{background-color:#9333ea;border-color:#9333ea}.auth-checkbox-label input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.auth-checkbox-label input[type=checkbox]:hover{border-color:#9333ea}.auth-forgot-link{color:#9333ea;font-weight:600}.auth-forgot-link:hover{text-decoration:underline}.auth-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:opacity .2s,transform .2s;display:flex}.auth-btn.primary{color:#fff;background-color:#9333ea}.auth-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.auth-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{color:#9ca3af;align-items:center;gap:.75rem;margin:1.5rem 0;font-size:.875rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.auth-social-row{grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:1.75rem;display:grid}.auth-social-row.single{grid-template-columns:none;justify-content:center;display:flex}.auth-social-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000005}.auth-social-row.single .auth-social-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:99px;width:100%;max-width:360px;box-shadow:0 4px 12px #0000000d}.auth-social-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.auth-social-btn:active{transform:translateY(0)}.auth-switch{text-align:center;color:#6b7280;margin-top:.25rem;font-size:.875rem}.auth-switch a{color:#9333ea;font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-back-link{color:#6b7280;align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.875rem;font-weight:500;transition:color .2s;display:inline-flex}.auth-back-link:hover{color:#9333ea}.auth-info-box{background:#f3e8ff;border:1.5px solid #e9d5ff;border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:1.75rem;padding:1.25rem;display:flex}.auth-info-box-icon{color:#9333ea;flex-shrink:0;margin-top:1px}.auth-info-box p{color:#374151;font-size:.9rem;line-height:1.6}.auth-info-box strong{color:#111827}.auth-success-state{text-align:center;padding:1rem 0}.auth-success-icon{color:#9333ea;background:#f3e8ff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex}.auth-success-state h2{color:#111827;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.auth-success-state p{color:#6b7280;margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.pw-strength-bar{gap:4px;margin-top:.5rem;display:flex}.pw-strength-seg{background:#e5e7eb;border-radius:2px;flex:1;height:4px;transition:background .3s}.pw-strength-seg.filled-weak{background:#ef4444}.pw-strength-seg.filled-fair{background:#f59e0b}.pw-strength-seg.filled-good{background:#3b82f6}.pw-strength-seg.filled-strong{background:#22c55e}.pw-strength-label{color:#6b7280;margin-top:.3rem;font-size:.75rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@media (width<=480px){.auth-name-row{grid-template-columns:1fr}.auth-social-row{grid-template-columns:1fr 1fr}}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:50;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex-direction:column;width:260px;height:100dvh;padding:1.5rem 1rem;transition:transform .3s;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-header{padding:0 .75rem 2rem}.sidebar-brand{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.sidebar-logo-img{object-fit:contain;width:32px;height:32px}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.sidebar-link{color:var(--text-muted);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{background:var(--bg-app);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent-primary)}.sidebar-link-icon{margin-top:1px}.sidebar-footer{border-top:1px solid var(--border-subtle);padding-top:1.5rem}.logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.logout-btn:hover{background:#ef44441a}.sidebar-sync-status{margin-bottom:.5rem;padding:.5rem 1rem}.sync-item{border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s;display:flex}.sync-item.online{color:#16a34a;background:#16a34a14}@keyframes ord-sync-pulse{0%,to{opacity:1}50%{opacity:.7}}.sync-item.offline{color:var(--text-muted);background:var(--bg-app)}.sync-item.pending{color:#d97706;background:#d9770614;animation:2s infinite pulse-soft}.sync-item.syncing{color:var(--accent-primary);background:var(--accent-soft)}@keyframes pulse-soft{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media (width<=1023px){.sidebar{position:fixed;top:0;bottom:0;transform:translate(-100%);box-shadow:0 0 40px #0000001a}.sidebar.open{transform:translate(0)}}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem;line-height:0;transition:color .18s,background .18s;display:none}.sidebar-close-btn:hover{background:var(--bg-app);color:var(--text-primary)}@media (width<=1023px){.sidebar-close-btn{justify-content:center;align-items:center;display:flex}}.sidebar-trial-card{background:linear-gradient(135deg,#9333ea14,#7e22ce1f);border:1px solid #9333ea33;border-radius:20px;flex-direction:column;gap:.75rem;margin:0 1rem 1.5rem;padding:1.25rem;display:flex}.trial-card-header{color:#9333ea;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;display:flex}.trial-card-content{color:var(--text-primary);font-size:.9375rem}.trial-card-content strong{font-weight:700}.trial-card-btn{color:#9333ea;cursor:pointer;background:#fff;border:1px solid #9333ea33;border-radius:10px;padding:.5rem;font-size:.8125rem;font-weight:700;transition:all .2s}.trial-card-btn:hover{color:#fff;background:#9333ea;border-color:#9333ea;box-shadow:0 4px 12px #9333ea33}.sidebar-trial-card.upgrade{background:linear-gradient(135deg,#9333ea26,#4f46e526);border:1px dashed #9333ea66}.sidebar-trial-card.upgrade .trial-card-btn{color:#fff;background:#9333ea;border:none}.sidebar-trial-card.upgrade .trial-card-btn:hover{background:#7c3aed;transform:translateY(-2px)}.notif-wrapper{position:relative}.notif-panel{background:var(--bg-panel);border:1px solid var(--border-main);z-index:9999;-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:18px;flex-direction:column;width:380px;max-height:520px;animation:.22s cubic-bezier(.16,1,.3,1) notifSlideIn;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 60px -10px #00000040,0 4px 16px #00000014}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.notif-panel{width:auto;position:fixed;top:70px;left:12px;right:12px}}.notif-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem .875rem;display:flex}.notif-header-left{align-items:center;gap:.6rem;display:flex}.notif-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.notif-count-badge{background:var(--accent-primary);color:#fff;border-radius:99px;padding:.1rem .45rem;font-size:.65rem;font-weight:800;line-height:1.6}.notif-mark-read-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .15s}.notif-mark-read-btn:hover{background:var(--accent-soft)}.notif-mark-read-btn:disabled{color:var(--text-muted);cursor:default}.notif-list{scrollbar-width:thin;scrollbar-color:var(--border-main) transparent;flex:1;overflow-y:auto}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:4px}.notif-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;align-items:flex-start;gap:.875rem;padding:.875rem 1.25rem;text-decoration:none;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-app)}.notif-item.unread{background:#9333ea08}.notif-item.unread:before{content:"";border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.notif-item.unread.sev-critical:before{background:#ef4444}.notif-item.unread.sev-warning:before{background:#f59e0b}.notif-item.unread.sev-info:before{background:#f97316}.notif-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-icon-wrap.sev-critical{color:#ef4444;background:#ef44441f}.notif-icon-wrap.sev-warning{color:#f59e0b;background:#f59e0b1f}.notif-icon-wrap.sev-info{color:#f97316;background:#f973161f}.notif-icon-wrap.sev-delivery{color:#8b5cf6;background:#8b5cf61f}.notif-content{flex:1;min-width:0}.notif-item-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.8125rem;font-weight:700;line-height:1.3}.notif-item-msg{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.775rem;line-height:1.45;display:-webkit-box;overflow:hidden}.notif-item-time{color:var(--text-muted);margin-top:.3rem;font-size:.7rem;font-weight:500}.notif-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.notif-empty-icon{background:var(--bg-app);width:52px;height:52px;color:var(--text-muted);opacity:.6;border-radius:50%;justify-content:center;align-items:center;display:flex}.notif-empty-title{color:var(--text-secondary);font-size:.9rem;font-weight:700}.notif-empty-sub{color:var(--text-muted);max-width:220px;font-size:.775rem;line-height:1.5}.notif-backdrop{z-index:9998;position:fixed;inset:0}.notif-badge{color:#fff;border:2px solid var(--bg-topbar);background:#ef4444;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:800;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) badgePop;display:flex;position:absolute;top:2px;right:2px}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.spinning{animation:1s linear infinite spin}.upgrade-overlay{-webkit-backdrop-filter:blur(6px);z-index:3000;background:#0000008c;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out upgFadeIn;display:flex;position:fixed;inset:0}@keyframes upgFadeIn{0%{opacity:0}to{opacity:1}}.upgrade-modal{background:var(--bg-surface);border:1px solid var(--border-main);text-align:center;border-radius:24px;width:100%;max-width:420px;padding:2rem 1.75rem 1.75rem;animation:.28s cubic-bezier(.16,1,.3,1) upgSlideUp;position:relative;box-shadow:0 32px 64px #00000040}@keyframes upgSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.upgrade-close{background:var(--bg-app);border:1px solid var(--border-main);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:.35rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.upgrade-close:hover{color:var(--text-primary);border-color:var(--border-subtle)}.upgrade-icon-wrap{border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.upgrade-zap-badge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:99px;align-items:center;gap:.3rem;margin-bottom:.85rem;padding:.25rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.upgrade-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.3rem;font-size:1.1875rem;font-weight:800;line-height:1.25}.upgrade-subtitle{color:var(--accent-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.upgrade-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.65}.upgrade-highlight{color:var(--accent-primary);background:#9333ea14;border:1px solid #9333ea33;border-radius:99px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.upgrade-check{color:#16a34a}.upgrade-perks{background:var(--bg-app);border:1px solid var(--border-subtle);text-align:left;border-radius:14px;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding:1rem 1.125rem;display:flex}.upgrade-perk{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.8125rem;display:flex}.upgrade-perk-check{color:#16a34a;flex-shrink:0;font-size:.875rem;font-weight:800}.upgrade-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:.625rem;padding:.875rem;font-family:inherit;font-size:.9375rem;font-weight:800;transition:opacity .2s,transform .2s;display:flex;box-shadow:0 8px 24px #9333ea4d}.upgrade-cta-btn:hover{opacity:.92;transform:translateY(-1px)}.upgrade-secondary{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.upgrade-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-family:inherit;font-size:.8125rem;transition:color .2s}.upgrade-dismiss:hover{color:var(--text-secondary)}@media (width<=480px){.upgrade-modal{border-radius:20px 20px 0 0;align-self:flex-end;padding:1.75rem 1.5rem 2rem}.upgrade-overlay{align-items:flex-end}}.upgrade-cta-stack{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.upgrade-trial-btn{border:1px solid var(--accent-soft);background:var(--bg-app);width:100%;color:var(--accent-primary);cursor:pointer;border-radius:12px;padding:.8125rem;font-size:.875rem;font-weight:700;transition:all .2s}.upgrade-trial-btn:hover{background:var(--bg-surface);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 4px 12px #9333ea1a}.upgrade-cta-btn{margin-bottom:0!important}.feedback-modal{flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex}.feedback-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.feedback-modal .modal-body{flex:1;overflow-y:auto}.feedback-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.feedback-type-pills{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.feedback-type-pill{background:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .5rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.feedback-type-pill:hover{border-color:var(--border-muted);color:var(--text-primary)}.feedback-type-pill.active{background:var(--accent-soft);border-color:var(--accent-primary);color:var(--accent-primary)}.feedback-stars{align-items:center;gap:.4rem;padding:.25rem 0;display:flex}.star-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:transform .15s;display:flex}.star-btn:hover{transform:scale(1.15)}.feedback-textarea{resize:none}.feedback-optional-badge{color:#10b981;text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.feedback-subtext{color:var(--text-muted);margin-top:.4rem;font-size:.75rem}.feedback-success-state{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.success-icon-circle{background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.feedback-success-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:700}.feedback-success-state p{color:var(--text-muted);max-width:320px;font-size:.9rem}.app-layout{background-color:var(--bg-app);min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--bg-topbar);border-bottom:1px solid var(--border-subtle);z-index:40;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:1rem;display:flex}.menu-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem;display:flex}.menu-toggle:hover{background:var(--bg-app);color:var(--text-primary)}@media (width>=1024px){.menu-toggle{display:none}}.search-bar-wrapper{display:none;position:relative}@media (width<=639px){.search-bar-wrapper.mobile-active{background:var(--bg-topbar);z-index:100;align-items:center;gap:.75rem;padding:0 1.25rem;animation:.2s ease-out slideInDown;display:flex;position:absolute;inset:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-bar-wrapper.mobile-active .search-input{background:var(--bg-app);border-radius:12px;flex:1;padding:.75rem 1rem .75rem 2.75rem;font-size:1rem}.search-bar-wrapper.mobile-active .search-icon{left:2rem}.search-toggle-mobile{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.search-toggle-mobile:hover{background:var(--bg-app);color:var(--text-primary)}.mobile-search-close{background:var(--bg-app);color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}}@media (width>=640px){.search-bar-wrapper{width:300px;display:block}.search-toggle-mobile,.mobile-search-close{display:none}}.search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border-main);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:9999px;outline:none;padding:.5rem 1rem .5rem 2.5rem;font-family:inherit;font-size:.875rem;transition:all .2s}.search-input:focus{background:var(--bg-surface);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.topbar-right{align-items:center;gap:1rem;display:flex}.notification-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.4rem;transition:background .2s;display:flex;position:relative}.notification-btn:hover{background:var(--bg-app);color:var(--text-primary)}.user-profile{cursor:pointer;align-items:center;gap:.75rem;display:flex}.user-avatar{color:#6b21a8;background:linear-gradient(135deg,#e9d5ff,#c084fc);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 2px 4px #9333ea1a}.user-info{display:none}@media (width>=640px){.user-info{display:block}}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.app-content{flex:1;padding:1.5rem;overflow-y:auto}@media (width>=768px){.app-content{padding:2rem}}.nom-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1100;opacity:0;background:#00000073;justify-content:center;align-items:flex-end;padding:0;animation:.2s ease-out forwards nomFadeIn;display:flex;position:fixed;inset:0}@media (width>=640px){.nom-backdrop{align-items:center;padding:1rem}}.nom-sheet{background:var(--bg-panel);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:620px;height:92dvh;min-height:0;max-height:92dvh;animation:.32s cubic-bezier(.16,1,.3,1) forwards nomSlideUp;display:flex;transform:translateY(40px);box-shadow:0 -4px 60px #0000001f}@supports not (height:1dvh){.nom-sheet{height:92vh;max-height:92vh}}@media (width>=640px){.nom-sheet{border-radius:20px;height:min(88vh,740px);max-height:min(88vh,740px);box-shadow:0 24px 60px -10px #0000002e}}.nom-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.nom-header-left{align-items:center;gap:.75rem;display:flex}.nom-header-icon{color:#fff;background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nom-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:800;line-height:1.2}.nom-subtitle{color:var(--text-muted);font-size:.8rem}.nom-close{background:var(--border-subtle);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.nom-close:hover{background:var(--border-main);color:var(--text-primary);background:var(--border-main)}.nom-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8b4fe #f3f4f6;flex:1 1 0;min-height:0;padding:0 1.5rem;overflow:hidden auto}.nom-body::-webkit-scrollbar-thumb:hover{background:#a855f7}.nom-section{border-bottom:1px solid var(--border-subtle);padding:1.25rem 0}.nom-section--last{border-bottom:none}.nom-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin-bottom:.65rem;font-size:.75rem;font-weight:700;display:flex}.nom-name-wrap{position:relative}.nom-input--linked{background:#16a34a14!important;border-color:#16a34a!important}.nom-linked-badge{color:#16a34a;pointer-events:none;white-space:nowrap;background:#16a34a26;border-radius:99px;align-items:center;gap:.25rem;padding:.18rem .5rem;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.nom-suggestions{background:var(--bg-panel);border:1px solid var(--border-main);z-index:100;border-radius:12px;max-height:240px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 10px 25px -5px #00000026}.nom-suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.nom-suggestion-item:last-child{border-bottom:none}.nom-suggestion-item:hover{background:var(--input-bg)}.nom-suggestion-avatar{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.nom-suggestion-info{flex-direction:column;display:flex}.nom-suggestion-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.nom-suggestion-phone{color:var(--text-secondary);font-size:.75rem}.nom-dropdown-empty{color:var(--text-muted);text-align:center;padding:.875rem 1rem;font-size:.875rem}.nom-dropdown-add{width:100%;color:var(--accent-primary);background:var(--input-bg);cursor:pointer;border:none;border-top:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.nom-dropdown-add:hover{background:var(--bg-app)}.nom-item-row-wrapper,.nom-item-desc-wrap{position:relative}.nom-catalog-suggestions{background:var(--bg-panel);border:1px solid var(--border-main);z-index:105;border-radius:12px;max-height:200px;position:absolute;top:calc(100% + 6px);left:0;right:-160px;overflow:hidden auto;box-shadow:0 10px 25px -5px #00000026}@media (width<=520px){.nom-catalog-suggestions{right:0}}.nom-catalog-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;padding:10px 14px;transition:background .15s;display:flex}.nom-catalog-item:last-child{border-bottom:none}.nom-catalog-item:hover{background:var(--input-bg)}.nom-cat-info{flex-direction:column;display:flex}.nom-cat-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.nom-cat-price{color:#9333ea;font-size:.75rem;font-weight:600}.nom-cat-stock{color:#16a34a;background:#16a34a1a;border-radius:99px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.nom-cat-stock.low{color:#d97706;background:#d977061a}.nom-cat-stock.out{color:#ef4444;background:#ef44441a}.nom-customer-chip{background:var(--input-bg);border:1.5px solid var(--border-main);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.nom-chip-avatar{color:#fff;background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.nom-chip-info{flex:1}.nom-chip-name{color:var(--text-primary);font-size:.9rem;font-weight:700;display:block}.nom-chip-phone{color:#7c3aed;font-size:.78rem;display:block}.nom-chip-clear{color:#7c3aed;cursor:pointer;background:#ede9fe;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .18s;display:flex}.nom-chip-clear:hover{background:#d8b4fe}.nom-new-cust-form{background:var(--bg-app);border:1.5px dashed var(--border-main);border-radius:12px;padding:1rem}.nom-new-cust-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.8125rem;font-weight:700;display:flex}.nom-link-btn{color:#9333ea;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600}.nom-link-btn:hover{text-decoration:underline}.nom-input{border:1.5px solid var(--border-main);width:100%;color:var(--text-primary);background:var(--input-bg);appearance:none;border-radius:10px;outline:none;padding:.65rem .875rem;font-family:inherit;font-size:.9rem;transition:all .18s}.nom-input:focus{border-color:var(--accent-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-soft)}.nom-input.error{border-color:#ef4444}.nom-textarea{resize:vertical;min-height:72px;color:var(--text-primary);font-family:inherit}.nom-field-sub{color:var(--text-muted);margin-bottom:.4rem;font-size:.75rem;font-weight:600}.nom-date-input-wrap{align-items:center;display:flex;position:relative}.nom-date-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.875rem}.nom-date-input{padding-left:2.5rem!important}.nom-urgent-toggle{cursor:pointer;display:block}.nom-hidden-checkbox{display:none}.nom-toggle-inner{background:var(--input-bg);border:1.5px solid var(--border-main);color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nom-urgent-toggle:hover .nom-toggle-inner{border-color:var(--border-main);background:var(--bg-surface)}.nom-urgent-toggle.active .nom-toggle-inner{color:#ef4444;background:#fef2f2;border-color:#ef4444;box-shadow:0 4px 12px #ef44441a}.nom-urgent-toggle.active .nom-toggle-inner svg{fill:#ef4444}.nom-form-row{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=480px){.nom-form-row{grid-template-columns:1fr 1fr}}.nom-form-group{flex-direction:column;gap:0;display:flex}.nom-two-col{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=480px){.nom-two-col{grid-template-columns:1fr 1fr}}.nom-items-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.nom-item-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;grid-template-columns:1fr 64px 110px;align-items:center;gap:.65rem;padding:.75rem;transition:all .2s;display:grid;position:relative}.nom-item-row:focus-within{border-color:var(--accent-soft);background:var(--bg-panel);box-shadow:0 4px 12px #00000008}.nom-item-desc-wrap{min-width:0}.nom-qty{text-align:center;padding-left:.5rem;padding-right:.5rem}.nom-qty.warning{color:#b45309!important;background:#fffbeb!important;border-color:#f59e0b!important}.nom-qty-warning{color:#b45309;z-index:10;background:#fffbeb;border:1px solid #fde68a;border-top:none;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:3px;width:100%;padding:2px 0;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:calc(100% - 2px);left:0}.nom-price-wrap{align-items:center;display:flex;position:relative}.nom-price-prefix{color:var(--text-muted);pointer-events:none;z-index:1;font-size:.85rem;position:absolute;left:.625rem}.nom-price-input{padding-left:1.5rem}.nom-remove-item{color:#ef4444;cursor:pointer;z-index:10;background:#fff;border:1px solid #fecaca;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #ef444426}.nom-remove-item:hover{background:#fee2e2;transform:scale(1.1)}@media (width<=520px){.nom-item-row{grid-template:"desc desc""qty price"/80px 1fr;gap:.5rem .75rem;padding:.875rem}.nom-item-row .nom-item-desc-wrap{grid-area:desc}.nom-item-row .nom-qty{text-align:left;grid-area:qty}.nom-item-row .nom-price-wrap{grid-area:price}.nom-item-row .nom-remove-item{top:-10px;right:-10px}.nom-item-row .nom-input{background:var(--bg-surface);padding-top:.6rem;padding-bottom:.6rem;font-size:.875rem}}.nom-add-item-btn{width:100%;color:var(--accent-primary);background:var(--bg-surface);border:1px dashed var(--accent-soft);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.nom-add-item-btn:hover{background:var(--accent-soft);border-style:solid;border-color:var(--accent-primary);transform:translateY(-1px)}.nom-subtotal{background:var(--input-bg);color:var(--text-muted);border-radius:10px;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;display:flex}.nom-subtotal-val{color:var(--text-primary);font-size:1rem;font-weight:800}.nom-toggle-group{background:var(--border-subtle);border-radius:10px;gap:2px;padding:3px;display:flex}.nom-toggle{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.45rem .5rem;font-size:.78rem;font-weight:600;transition:all .18s;display:flex}.nom-toggle:hover{color:var(--text-primary);background:var(--border-main)}.nom-toggle.active.unpaid{color:#d97706;background:#fef3c7}.nom-toggle.active.partial{color:#2563eb;background:#dbeafe}.nom-toggle.active.paid{color:#16a34a;background:#dcfce7}.nom-select-wrap{align-items:center;display:flex;position:relative}.nom-status-indicator{pointer-events:none;z-index:1;border-radius:50%;flex-shrink:0;width:8px;height:8px;position:absolute;left:.75rem}.nom-select{border:1.5px solid var(--border-main);width:100%;color:var(--text-primary);background:var(--input-bg);cursor:pointer;appearance:none;border-radius:10px;outline:none;padding:.65rem 2rem .65rem 1.75rem;font-family:inherit;font-size:.9rem;transition:all .18s}.nom-select:focus{border-color:var(--accent-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-soft)}.nom-select-chevron{color:var(--text-muted);pointer-events:none;position:absolute;right:.75rem}.nom-error{color:#ef4444;margin-top:.3rem;font-size:.75rem;font-weight:500}.nom-item-error-banner{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;animation:.4s cubic-bezier(.36,.07,.19,.97) both nomShake;display:flex}@keyframes nomShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.nom-footer{padding:.875rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:0 0 24px 24px;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;display:flex}@media (width>=640px){.nom-footer{border-radius:0 0 20px 20px;padding:1rem 1.5rem}}@media (width<=360px){.nom-footer{flex-direction:column;align-items:stretch}.nom-wa-btn{justify-content:center}.nom-footer-right{justify-content:flex-end}}.nom-footer-right{align-items:center;gap:.65rem;display:flex}.nom-wa-btn{color:#16a34a;cursor:pointer;background:#dcfce7;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem .875rem;font-size:.8125rem;font-weight:600;transition:all .18s;display:flex}.nom-wa-btn:hover:not(:disabled){background:#bbf7d0}.nom-wa-btn:disabled{opacity:.4;cursor:not-allowed}.nom-submit{padding:.625rem 1.25rem}@keyframes nomFadeIn{to{opacity:1}}@keyframes nomSlideUp{to{transform:translateY(0)}}.nom-phone-wrap{border:1px solid var(--border-main);background:var(--bg-elevated);border-radius:12px;gap:0;transition:all .2s;overflow:hidden;display:flex!important}.nom-phone-wrap:focus-within{border-color:#a78bfa;box-shadow:0 0 0 4px #a78bfa1a}.nom-phone-wrap .nom-input{flex:1;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding-left:.75rem!important}.nom-country-picker{border-right:1px solid var(--border-subtle);background:#00000008;align-items:center;min-width:84px;padding:0 .25rem 0 .75rem;display:flex;position:relative}[data-theme=dark] .nom-country-picker{background:#ffffff08}.nom-country-select{appearance:none;color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding-right:1.25rem;font-size:.875rem;font-weight:500}.nom-country-select option,.nom-select option{padding:10px;color:#fff!important;background-color:#162032!important}[data-theme=light] .nom-country-select option,[data-theme=light] .nom-select option{color:#111827!important;background-color:#fff!important}.nom-country-chevron{pointer-events:none;color:var(--text-muted);position:absolute;right:.5rem}.nom-select-wrap{width:100%;position:relative}.nom-select{appearance:none;cursor:pointer;width:100%}.nom-source-row{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}@media (width>=600px){.nom-source-row{grid-template-columns:1fr 1fr}}.ac-card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:2rem;overflow:hidden}.ac-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.ac-header-left{align-items:center;gap:.5rem;display:flex}.ac-sparkle{color:var(--accent-primary)}.ac-header-title{color:var(--text-primary);font-size:.9375rem;font-weight:700}.ac-count-pill{background:var(--accent-soft);color:var(--accent-primary);letter-spacing:.02em;border-radius:99px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.ac-list{flex-direction:column;display:flex}.ac-item{border-bottom:1px solid var(--border-main);align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:background .15s;display:flex;position:relative;overflow:hidden}.ac-item:last-child{border-bottom:none}.ac-item:hover{background:var(--bg-app)}.ac-item:hover .ac-arrow{transform:translate(3px)}.ac-priority-bar{border-radius:0 2px 2px 0;flex-shrink:0;width:3px;position:absolute;top:0;bottom:0;left:0}.ac-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ac-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.ac-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.ac-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.ac-cta{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.ac-cta-text{color:var(--ac-accent,#9333ea);white-space:nowrap;font-size:.8125rem;font-weight:700}.ac-arrow{color:var(--ac-accent,#9333ea);transition:transform .18s}.ac-all-clear{padding:1.25rem 1.5rem}.ac-all-clear-inner{align-items:center;gap:1rem;display:flex}.ac-all-clear-icon{color:#16a34a;background:#dcfce7;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ac-all-clear-title{color:var(--text-primary);margin-bottom:.15rem;font-size:.9375rem;font-weight:700}.ac-all-clear-sub{color:var(--text-muted);font-size:.8125rem}@media (width<=600px){.ac-item{gap:.75rem;padding:.875rem 1.125rem}.ac-icon-wrap{border-radius:10px;width:36px;height:36px}.ac-cta-text{display:none}}.ac-item.is-locked{cursor:pointer}.ac-item.is-locked .ac-text,.ac-item.is-locked .ac-icon-wrap{filter:blur(4px);pointer-events:none;opacity:.5}.ac-lock-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:99px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.65rem;font-weight:800;display:flex;box-shadow:0 4px 12px #9333ea4d}.tw-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1.5rem;animation:.3s twFadeIn;display:flex;position:fixed;inset:0}.tw-modal{background:var(--bg-surface);text-align:center;border:1px solid var(--border-main);border-radius:28px;width:100%;max-width:440px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) twSlideUp;position:relative;box-shadow:0 32px 64px #0003}@keyframes twFadeIn{0%{opacity:0}to{opacity:1}}@keyframes twSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tw-close{background:var(--bg-main);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.tw-close:hover{color:#ef4444;background:#fee2e2}.tw-icon-wrap{color:#fff;background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 12px 24px #9333ea4d}.tw-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.tw-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.tw-features{text-align:left;background:var(--bg-main);border:1px solid var(--border-main);border-radius:20px;margin-bottom:2rem;padding:1.25rem}.tw-feature{gap:1rem;margin-bottom:1.25rem;display:flex}.tw-feature:last-child{border-top:1px dashed var(--border-main);margin-bottom:0;padding-top:1rem}.tw-f-icon{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tw-feature strong{color:var(--text-primary);margin-bottom:2px;font-size:.9375rem;display:block}.tw-feature span{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.tw-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:14px;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s;box-shadow:0 8px 20px #9333ea33}.tw-btn:hover{opacity:.95;transform:translateY(-2px)}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=640px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}}.dashboard-title{color:var(--text-primary);font-size:1.5rem;font-weight:800}.dashboard-subtitle{color:var(--text-secondary);font-size:.9375rem}.quick-actions{gap:.75rem;display:flex}.action-btn{cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.action-btn.primary{background:var(--accent-primary);color:#fff;border:none}.action-btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.action-btn.secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-main)}.action-btn.secondary:hover{background:var(--bg-app)}.metrics-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem;display:grid}@media (width>=640px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.metric-card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.metric-title{color:var(--text-secondary);font-size:.875rem;font-weight:600}.metric-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-icon-wrap.purple{background:var(--accent-soft);color:var(--accent-primary)}.metric-icon-wrap.green{color:#16a34a;background:#16a34a1a}.metric-icon-wrap.blue{color:#2563eb;background:#2563eb1a}.metric-icon-wrap.orange{color:#d97706;background:#d977061a}.metric-value{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.metric-trend{align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.metric-trend.up{color:#16a34a}.metric-trend.down{color:#ef4444}.metric-trend.neutral{color:var(--text-muted)}.trend-text{color:var(--text-muted);font-weight:400}.dashboard-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.panel-title{color:var(--text-primary);font-size:1rem;font-weight:700}.view-all-btn{color:var(--accent-primary);font-size:.875rem;font-weight:600;text-decoration:none}.view-all-btn:hover{text-decoration:underline}.table-responsive{width:100%;overflow-x:auto}.ordra-table{border-collapse:collapse;width:100%;min-width:600px}.ordra-table th{background:var(--input-bg);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-main);padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.ordra-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:1rem 1.5rem}.ordra-table tr:last-child td{border-bottom:none}.order-customer{align-items:center;gap:.75rem;display:flex}.c-name{color:var(--text-primary);font-size:.875rem;font-weight:600;display:block}.item-desc{color:var(--text-secondary);font-size:.875rem}.order-date{color:var(--text-muted);font-size:.875rem}.order-price{color:var(--text-primary);font-size:.875rem;font-weight:600}.order-pending-text{color:#ef4444;margin-top:2px;font-size:.7rem}.status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:8px;justify-content:center;align-items:center;height:26px;padding:0 .75rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.status-badge.new{color:#4338ca;background:#e0e7ff}.status-badge.ready{color:#7c3aed;background:#f5f3ff}.status-badge.pending{color:#d97706;background:#fef3c7}.status-badge.processing{color:#2563eb;background:#dbeafe}.status-badge.completed,.status-badge.delivered{color:#16a34a;background:#dcfce7}.status-badge.cancelled{color:#ef4444;background:#fef2f2}@media (width<=768px){.table-responsive{background:var(--bg-app);padding:.5rem;overflow-x:visible}.ordra-table{background:0 0;border:none;min-width:0;display:block}.ordra-table thead{display:none}.ordra-table tbody{flex-direction:column;gap:1rem;display:flex}.ordra-table tr{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;gap:1rem;margin-bottom:.5rem;padding:1.25rem;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.ordra-table td{width:100%;display:block;border:none!important;padding:0!important}.ordra-table td:first-child{border-bottom:1px solid var(--border-subtle)!important;padding-bottom:.75rem!important}.order-customer{gap:1rem}.ordra-table td:nth-child(3){width:auto;color:var(--text-muted);font-size:.75rem;font-weight:500;position:absolute;top:1.25rem;right:1.25rem}.ordra-table td:nth-child(2){color:var(--text-primary);font-size:1rem;font-weight:600}.ordra-table td:nth-child(4){flex-direction:column;gap:.25rem;display:flex}.ordra-table td:nth-child(4):before{content:"Total Amount";color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.7rem;font-weight:700}.order-price{color:var(--accent-primary)!important;font-size:1.25rem!important;font-weight:800!important}.order-pending-text{color:#ef4444;background:#fef2f2;border-radius:6px;width:fit-content;margin-top:.25rem;padding:.25rem .5rem;display:inline-block;font-size:.7rem!important;font-weight:700!important}.ordra-table td:nth-child(5){flex-direction:row;align-items:center;gap:.75rem;display:flex}.status-badge{padding:.4rem .75rem;font-size:.7rem}.ordra-table td:nth-child(6){margin-top:.5rem;border-top:1px solid var(--border-subtle)!important;padding-top:1rem!important;display:block!important}.recent-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid!important}.recent-pay-btn,.recent-view-btn{width:100%!important;height:42px!important;font-size:.875rem!important}}.recent-actions{align-items:center;gap:.65rem;display:flex}.recent-pay-btn{color:#16a34a;cursor:pointer;white-space:nowrap;background:#f0fdf4;border:1.5px solid #16a34a;border-radius:99px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .875rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.recent-pay-btn:hover{color:#fff;background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a26}.recent-view-btn{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-main);cursor:pointer;white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;padding:.4rem 1rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.recent-view-btn:hover{background:var(--border-main);transform:translateY(-1px)}.metric-icon-wrap.red{color:#ef4444;background:#ef44441a}.metric-card.red .metric-trend.down{color:#ef4444}.plan-banner{border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.75rem;padding:.75rem 1.125rem;font-size:.875rem;display:flex;position:relative}.plan-banner.free{color:var(--text-secondary);background:#9333ea0f;border:1px solid #9333ea2e}.plan-banner.free svg{color:#9333ea;flex-shrink:0}.plan-banner.trial{color:var(--text-secondary);background:#f59e0b12;border:1px solid #f59e0b40}.plan-banner.trial svg{color:#d97706;flex-shrink:0}.plan-banner span{flex:1;min-width:0}.plan-banner-cta{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:8px;padding:.4rem .875rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:opacity .2s}.plan-banner-cta:hover{opacity:.88}.plan-banner-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.2rem;transition:color .2s;display:flex}.plan-banner-dismiss:hover{color:var(--text-primary)}@media (width<=639px){.plan-banner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1rem}.plan-banner span{width:100%;padding-right:1.5rem;font-size:.8125rem;line-height:1.5}.plan-banner-cta{text-align:center;width:100%;padding:.625rem;font-size:.8125rem}.plan-banner-dismiss{position:absolute;top:.75rem;right:.75rem}}.metric-card.is-locked{cursor:pointer;position:relative;overflow:hidden}.metric-card.is-locked .metric-value,.metric-card.is-locked .metric-trend{filter:blur(6px);pointer-events:none;opacity:.4}.metric-card-lock-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:5;text-align:center;background:#ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.lock-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:99px;align-items:center;gap:.3rem;margin-bottom:.5rem;padding:.25rem .6rem;font-size:.65rem;font-weight:800;display:flex;box-shadow:0 4px 12px #9333ea4d}.lock-text{color:var(--text-primary);background:var(--bg-panel);border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #0000000d}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;background:#0006;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-panel);width:100%;max-width:500px;box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;transform:translateY(20px)}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.modal-header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.modal-close-btn{background:var(--border-subtle);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--border-main);color:var(--text-primary)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-primary);margin-bottom:.4rem;font-size:.8125rem;font-weight:600;display:block}.form-input{border:1px solid var(--border-main);width:100%;color:var(--text-primary);background:var(--input-bg);border-radius:10px;outline:none;padding:.7rem .875rem;font-family:inherit;font-size:.9375rem;transition:border-color .2s,background .2s}.form-input:focus{border-color:var(--accent-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-soft)}.form-input.error{border-color:#ef4444}.form-error{color:#ef4444;margin-top:.35rem;font-size:.75rem}.form-row{grid-template-columns:1fr;gap:0;display:grid}@media (width>=600px){.form-row{grid-template-columns:1fr 1fr;gap:1.25rem}}textarea.form-input{resize:vertical;min-height:80px}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}.cd-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s cdFadeIn;display:flex;position:fixed;inset:0}@keyframes cdFadeIn{0%{opacity:0}to{opacity:1}}.cd-modal-content{background:var(--bg-panel);border:1px solid var(--border-subtle);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) cdSlideIn;position:relative;box-shadow:0 20px 40px #0003}@keyframes cdSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.cd-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .2s;position:absolute;top:1rem;right:1rem}.cd-modal-close:hover{background:var(--bg-app);color:var(--text-primary)}.cd-modal-icon-wrap{justify-content:center;margin-bottom:1.25rem;display:flex}.cd-modal-icon{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.cd-modal-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.cd-modal-text{color:var(--text-secondary);margin-bottom:2rem;font-size:.9375rem;line-height:1.5}.cd-modal-actions{gap:1rem;display:flex}.cd-btn-cancel{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;flex:1;padding:.75rem;font-weight:600;transition:all .2s}.cd-btn-cancel:hover{background:var(--bg-app)}.cd-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.cd-btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.ord-drawer-mark-paid-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-bottom:1.25rem;padding:.875rem;font-size:.9375rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #16a34a33}.ord-drawer-mark-paid-btn:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a40}.ord-tool-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:700;transition:all .18s;display:flex}.ord-tool-btn.wa{color:#16a34a;background:#16a34a1a}.ord-tool-btn.wa:hover{background:#16a34a33}.ord-tool-btn.duplicate{background:var(--input-bg);color:var(--text-secondary)}.ord-tool-btn.duplicate:hover{background:var(--border-main)}.urgent-badge{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;box-shadow:0 2px 6px #ef44441a}.ord-drawer-priority-controls{flex-direction:column;gap:1rem;display:flex}.ord-drawer-control{flex-direction:column;gap:.4rem;display:flex}.ord-control-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.ord-date-edit-wrap{align-items:center;display:flex;position:relative}.ord-date-edit-input{border:1.5px solid var(--border-main);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.55rem .75rem .55rem 2.25rem;font-family:inherit;font-size:.875rem}.ord-date-edit-input:focus{border-color:var(--accent-primary)}.ord-urgency-toggle-btn{background:var(--input-bg);border:1.5px solid var(--border-main);color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.ord-urgency-toggle-btn:hover{background:var(--bg-surface)}.ord-urgency-toggle-btn.active{color:#ef4444;background:#ef44441a;border-color:#ef4444}.ord-drawer-header-btn{background:var(--input-bg);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ord-drawer-header-btn:hover{background:var(--border-main);color:var(--text-primary)}.ord-drawer-header-btn.edit:hover{color:#6366f1;background:#6366f11a}.ord-tool-btn.delete{background:#ef44440d;border:1px solid #ef44441a}.ord-tool-btn.delete:hover{background:#ef44441a}.ord-tool-btn.delete.confirming{background:#ef4444;border-color:#ef4444;animation:1.5s infinite ordPulse;color:#fff!important}@keyframes ordPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes ordFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ordSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=899px){.ord-drawer{max-width:100%}}.page-header{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}@media (width>=640px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:.9375rem}.page-actions{gap:.75rem;display:flex}.table-controls{width:100%;max-width:400px;margin-bottom:1.5rem;position:relative}@media (width<=640px){.table-controls{max-width:100%}}.table-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.table-search-input{border:1px solid var(--border-main);width:100%;color:var(--text-primary);background:var(--input-bg);border-radius:12px;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.table-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.table-container{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;max-width:100%;overflow:hidden}.full-table{border-collapse:collapse;width:100%}.full-table th{background:var(--input-bg);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-main);padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.full-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:1.25rem 1.5rem}.full-table tr:last-child td{border-bottom:none}.full-table tr:hover{background:var(--bg-app)}.cust-name{color:var(--text-primary);font-size:.9375rem;font-weight:600;display:block}.cust-email{color:var(--text-secondary);font-size:.8125rem}.cust-val-primary{color:var(--text-secondary);font-size:.9375rem;font-weight:500;display:block}.cust-val-secondary{color:var(--text-secondary);font-size:.8125rem}.cust-orders-badge{background:var(--accent-soft);min-width:28px;color:var(--accent-primary);white-space:nowrap;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;padding:.3rem .75rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:inline-flex}.cust-orders-badge:hover{border-color:var(--accent-primary);background:var(--bg-surface)}.action-menu{justify-content:flex-end;gap:.5rem;display:flex}.icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-app);color:var(--text-primary)}.icon-btn.delete:hover{color:#ef4444;background:#ef44441a}.mobile-card-view{display:none}@media (width<=899px){.full-table{display:none}.table-container{box-shadow:none;background:0 0;border:none}.mobile-card-view{flex-direction:column;gap:1rem;display:flex}.cust-card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.25rem;transition:box-shadow .18s,transform .18s}.cust-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cust-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.cust-card-details{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.detail-row{justify-content:space-between;font-size:.875rem;display:flex}.detail-label{color:var(--text-muted);font-weight:500}.detail-value{color:var(--text-primary);text-align:right;max-width:60%;font-weight:600}}.cust-drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200;background:#00000059;justify-content:flex-end;animation:.2s custFadeIn;display:flex;position:fixed;inset:0}.cust-drawer{background:var(--bg-panel);flex-direction:column;width:100%;max-width:440px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) custSlideIn;display:flex;box-shadow:-8px 0 40px #0000001f}.cust-drawer-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:1rem;padding:1.5rem;display:flex}.cust-drawer-avatar{color:#fff;background:linear-gradient(135deg,#9333ea,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:800;display:flex}.cust-drawer-identity{flex:1;min-width:0}.cust-drawer-name{color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;font-weight:800;overflow:hidden}.cust-drawer-since{color:var(--text-muted);align-items:center;gap:.3rem;margin-top:.2rem;font-size:.75rem;display:flex}.cust-drawer-header-actions{flex-shrink:0;gap:.25rem;display:flex}.cust-drawer-body{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;flex:1;overflow-y:auto}.cust-drawer-stats{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:.75rem;padding:1.25rem 1.5rem;display:grid}.cust-stat-pill{background:var(--input-bg);color:var(--text-muted);border-radius:12px;align-items:flex-start;gap:.6rem;padding:.875rem;display:flex}.cust-stat-pill>svg{flex-shrink:0;margin-top:.25rem}.cust-stat-pill>div{flex-direction:column;gap:.1rem;display:flex}.cust-stat-val{color:var(--text-primary);letter-spacing:-.02em;font-size:1.0625rem;font-weight:800;line-height:1.2}.cust-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.cust-drawer-section{border-bottom:1px solid var(--border-subtle);padding:1.25rem 1.5rem}.cust-drawer-section:last-child{border-bottom:none}.cust-drawer-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:.5rem;margin-bottom:.875rem;font-size:.7rem;font-weight:700;display:flex}.cust-history-count{background:var(--accent-soft);color:var(--accent-primary);border-radius:99px;margin-left:.25rem;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.cust-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:.7rem}.cust-notes-box{background:#fde0471a;border:1.5px dashed #fde0474d;border-radius:12px;margin-top:.5rem;padding:1rem}.cust-notes-text{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.cust-notes-empty{color:var(--text-muted);margin:0;font-size:.875rem;font-style:italic}.cust-contact-list{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.cust-contact-row{color:var(--text-primary);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.cust-contact-row svg{color:var(--text-muted);flex-shrink:0}.cust-wa-btn{color:#16a34a;cursor:pointer;background:#16a34a1a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.575rem 1rem;font-size:.85rem;font-weight:700;transition:background .18s;display:flex}.cust-wa-btn:hover{background:#16a34a33}.cust-no-orders{color:#d1d5db;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 0;display:flex}.cust-no-orders p{color:var(--text-muted);font-size:.9rem}.cust-order-list{flex-direction:column;gap:.75rem;display:flex}.cust-order-card{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:.45rem;padding:.875rem 1rem;transition:border-color .15s;display:flex}.cust-order-card:hover{border-color:var(--accent-primary)}.cust-order-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cust-order-id{color:var(--text-muted);letter-spacing:.04em;flex-shrink:0;font-family:monospace;font-size:.75rem;font-weight:700}.cust-order-badges{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.cust-order-items{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.cust-order-card-foot{justify-content:space-between;align-items:center;margin-top:.15rem;display:flex}.cust-order-amounts{flex-direction:column;gap:.1rem;display:flex}.cust-order-total{color:var(--text-primary);font-size:.9rem;font-weight:700}.cust-order-bal{color:#d97706;font-size:.75rem;font-weight:600}.cust-order-date{color:var(--text-muted);white-space:nowrap;font-size:.775rem}.cust-drawer-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.cust-footer-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.cust-footer-val{color:var(--text-primary);font-size:.8125rem;font-weight:600}@keyframes custFadeIn{0%{opacity:0}to{opacity:1}}@keyframes custSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=899px){.cust-drawer{max-width:100%}}.snm-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#0000008c;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out snmFadeIn;display:flex;position:fixed;inset:0}@keyframes snmFadeIn{0%{opacity:0}to{opacity:1}}.snm-modal{background:var(--bg-surface);border:1px solid var(--border-main);border-radius:20px;width:100%;max-width:480px;animation:.25s cubic-bezier(.16,1,.3,1) snmSlideUp;overflow:hidden;box-shadow:0 24px 60px #0000004d}@keyframes snmSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.snm-header{justify-content:space-between;align-items:center;padding:1.375rem 1.5rem 1rem;display:flex}.snm-header-left{align-items:center;gap:.875rem;display:flex}.snm-icon-wrap{color:#f59e0b;background:#f59e0b1f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.snm-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.0625rem;font-weight:800}.snm-subtitle{color:var(--text-muted);margin-top:.1rem;font-size:.8125rem}.snm-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem;transition:all .2s;display:flex}.snm-close:hover{background:var(--bg-app);color:var(--text-primary)}.snm-progress-bar{background:var(--border-subtle);border-radius:99px;height:3px;margin:0 1.5rem;overflow:hidden}.snm-progress-fill{background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:99px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.snm-customer-card{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:14px;align-items:center;gap:.875rem;margin:1.25rem 1.5rem 0;padding:1rem;display:flex}.snm-avatar{color:#f59e0b;background:#f59e0b26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9375rem;font-weight:800;display:flex}.snm-customer-name{color:var(--text-primary);font-size:.9375rem;font-weight:700;display:block}.snm-customer-phone{color:var(--text-muted);margin-top:.1rem;font-size:.8125rem;display:block}.snm-sent-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:99px;align-items:center;gap:.3rem;margin-left:auto;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.snm-order-info{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.875rem 1.5rem 0;display:flex}.snm-order-id{color:var(--accent-primary);font-size:.8125rem;font-weight:700}.snm-dot{color:var(--text-muted);font-size:.75rem}.snm-order-item{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8125rem;overflow:hidden}.snm-days-tag{color:#f59e0b;white-space:nowrap;background:#f59e0b1f;border-radius:99px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.snm-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:1.25rem 1.5rem .5rem;font-size:.75rem;font-weight:700}.snm-preview{background:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0 1.5rem;padding:1rem;font-size:.875rem;line-height:1.65}.snm-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin:1.25rem 1.5rem 1.5rem;display:grid}.snm-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.snm-btn.wa{color:#fff;background:#16a34a}.snm-btn.wa:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a4d}.snm-btn.copy{background:var(--bg-app);border:1.5px solid var(--border-main);color:var(--text-primary)}.snm-btn.copy:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-surface)}.snm-nav{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:.5rem;padding:1.125rem 1.5rem 1.375rem;display:flex}.snm-nav-btn{cursor:pointer;background:var(--bg-app);color:var(--text-secondary);border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.snm-nav-btn:disabled{opacity:.35;cursor:not-allowed}.snm-nav-btn.next{background:var(--accent-primary);color:#fff}.snm-nav-btn.next:hover{background:var(--accent-hover);transform:translateY(-1px)}.snm-nav-btn.done{background:var(--bg-app);color:var(--text-secondary)}.snm-nav-btn.done.all-sent{color:#10b981;background:#10b9811f}.snm-dots{align-items:center;gap:.375rem;display:flex}.snm-dot-btn{background:var(--border-main);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.snm-dot-btn.active{background:var(--accent-primary);border-radius:99px;width:20px}.snm-dot-btn.sent{background:#10b981}@media (width<=480px){.snm-actions{grid-template-columns:1fr}.snm-modal{border-radius:16px 16px 0 0;align-self:flex-end;margin-top:auto}.snm-overlay{align-items:flex-end}}.ord-page{width:100%;max-width:1200px;margin:0 auto;padding-bottom:70px}.ord-filters{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}@media (width>=640px){.ord-filters{flex-direction:row;align-items:center}}.ord-search-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.ord-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:.5rem;overflow:auto visible}@media (width>=1024px){.ord-table-wrapper{overflow:visible}}.ord-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.875rem}.ord-sort-btn{background:var(--bg-surface);border:1px solid var(--border-main);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.ord-sort-btn:hover{background:var(--bg-app);border-color:var(--accent-primary);color:var(--accent-primary)}.ord-search-input{border:1px solid var(--border-main);width:100%;color:var(--text-primary);background:var(--input-bg);border-radius:12px;outline:none;padding:.7rem 2.5rem;font-family:inherit;font-size:.9rem;transition:all .18s}.ord-search-input:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea14}.ord-search-clear{cursor:pointer;width:24px;height:24px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;right:.875rem}.ord-search-clear:hover{color:#ef4444;background:#ef44441a;transform:rotate(90deg)}.ord-filter-right{flex-wrap:wrap;gap:.6rem;width:100%;display:flex}@media (width>=640px){.ord-filter-right{flex-wrap:nowrap;flex-shrink:0;width:auto}}.ord-priority-toggle{border:1px solid var(--border-main);background:var(--input-bg);color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.ord-priority-toggle:hover{background:var(--bg-app)}.ord-priority-toggle.active{color:#ef4444;background:#ef44441a;border-color:#ef4444;box-shadow:0 2px 8px #ef444426}.ord-priority-toggle.active svg{fill:#ef4444}@media (width<=640px){.ord-filter-right{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ord-priority-toggle{grid-column:span 2;justify-content:center;padding:.75rem}.ord-select-wrap{min-width:0}}.ord-item-cell{flex-direction:column;gap:.25rem;display:flex}.ord-priority-tag{color:#ef4444;letter-spacing:.05em;background:#ef44441a;border-radius:4px;align-items:center;gap:.25rem;width:fit-content;padding:.15rem .4rem;font-size:.6rem;font-weight:800;display:inline-flex}.ord-date-cell{flex-direction:column;gap:.2rem;display:flex}.ord-delivery-date{color:#9333ea;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;display:flex}.ord-mobile-priority-tag{letter-spacing:.05em;border-radius:4px;padding:.15rem .4rem;font-size:.6rem;font-weight:800}.ord-mobile-priority-tag.urgent{color:#ef4444;background:#ef44441a}.ord-mobile-priority-tag.upcoming{color:#9333ea;background:#9333ea1a}.ord-mobile-priority-tag.stockpile{color:#f59e0b;background:#f59e0b1f}.ord-stockpile-tag{color:#f59e0b;letter-spacing:.05em;background:#f59e0b1f;border-radius:4px;align-items:center;gap:.25rem;width:fit-content;padding:.15rem .4rem;font-size:.6rem;font-weight:800;display:inline-flex}.ord-notified-tag{color:#10b981;letter-spacing:.03em;align-items:center;gap:.25rem;font-size:.68rem;font-weight:700;display:inline-flex}.ord-stockpile-tab{color:#f59e0b;cursor:pointer;background:#f59e0b12;border:1.5px solid #f59e0b66;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:700;transition:all .2s;display:inline-flex}.ord-stockpile-tab:hover{background:#f59e0b26;border-color:#f59e0b}.ord-stockpile-tab.active{color:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.ord-stockpile-count{background:#00000026;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:800;display:inline-flex}.ord-stockpile-tab.active .ord-stockpile-count{background:#ffffff40}.ord-bulk-btn.notify{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.ord-bulk-btn.notify:hover{color:#fff;background:#f59e0b;border-color:#f59e0b}.ord-select-wrap{flex:1;align-items:center;min-width:140px;display:flex;position:relative}.ord-select-icon{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;left:.875rem}.ord-select{border:1px solid var(--border-main);width:100%;color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;appearance:none;box-shadow:var(--shadow-sm);border-radius:12px;outline:none;padding:.625rem 2.25rem .625rem 2.5rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.ord-select:hover{border-color:var(--accent-primary);background:var(--bg-app)}.ord-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-soft)}.ord-select-chevron{color:var(--text-muted);pointer-events:none;position:absolute;right:.875rem}.ord-status-tabs{background:var(--input-bg);border:1px solid var(--border-subtle);scrollbar-width:none;border-radius:12px;gap:.25rem;width:fit-content;max-width:100%;margin-bottom:1.25rem;padding:4px;display:flex;overflow-x:auto}.ord-status-tabs::-webkit-scrollbar{display:none}.ord-status-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex}.ord-status-tab:hover{background:#0000000a}.ord-status-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 8px #9333ea4d}.ord-status-tab.inactive:not([style*=borderColor]){color:var(--text-muted)}.ord-tab-count{color:inherit;background:#00000014;border-radius:99px;padding:.1rem .4rem;font-size:.68rem;font-weight:700;line-height:1.4}.ord-status-tab.active .ord-tab-count{color:#fff;background:#ffffff40}.table-container{box-shadow:none;background:0 0;border:none;margin-top:1rem;position:relative;overflow:visible!important}.ord-table{border-collapse:separate;border-spacing:0;width:100%}.ord-table thead tr:first-child th:first-child{border-top-left-radius:16px}.ord-table thead tr:first-child th:last-child{border-top-right-radius:16px}.ord-table th{white-space:nowrap}.ord-row{cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .12s}.ord-row:last-child{border-bottom:none}.ord-id{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.ord-sync-tag{color:#f59e0b;text-transform:uppercase;letter-spacing:.02em;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.65rem;font-weight:700;animation:2s ease-in-out infinite ord-sync-pulse;display:inline-flex}.ord-sync-tag.mobile{padding:2px 6px;font-size:.6rem}.spin-slow{animation:3s linear infinite spin}.ord-item-text{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:200px;font-size:.875rem;display:-webkit-box;overflow:hidden}.ord-amount{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:700}.ord-date{color:var(--text-muted);white-space:nowrap;font-size:.8125rem}.ord-arrow{color:var(--border-main);transition:color .15s}.ord-row:hover .ord-arrow{color:var(--accent-primary)}.ord-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:.3rem;padding:.28rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.ord-pay-badge{white-space:nowrap;border-radius:99px;align-items:center;padding:.28rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.ord-status-changer{display:inline-block;position:relative}.ord-status-trigger{cursor:pointer;border:none;border-radius:99px;align-items:center;gap:.3rem;padding:.28rem .6rem;font-size:.75rem;font-weight:700;transition:filter .15s;display:inline-flex}.ord-status-trigger:hover{filter:brightness(.92)}.ord-status-menu{z-index:9999;background:var(--bg-panel);border:1px solid var(--border-main);-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:14px;min-width:180px;padding:6px;animation:.2s cubic-bezier(.34,1.56,.64,1) ordStatusPop;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 30px -5px #00000040}@keyframes ordStatusPop{0%{opacity:0;transform:scale(.9)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.ord-status-option{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.75rem .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.ord-status-option:hover{background:var(--input-bg);transform:translate(2px)}.ord-empty{text-align:center}.ord-empty-inner{color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.ord-empty-inner p{color:var(--text-muted);font-size:.9375rem}.ord-empty-clear{background:var(--input-bg);color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;margin-top:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.ord-empty-clear:hover{background:var(--border-main)}.ord-mobile-card{background:var(--bg-panel);border:1px solid var(--border-subtle);cursor:pointer;border-radius:14px;padding:1.125rem;transition:box-shadow .18s,transform .18s;box-shadow:0 2px 4px #00000005}.ord-mobile-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}.ord-mobile-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.ord-mobile-badges{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.ord-mobile-card-body{color:var(--text-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:.875rem;padding:.75rem 0;font-size:.875rem}.ord-mobile-card-foot{justify-content:space-between;align-items:center;padding-top:.625rem;display:flex}.ord-drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200;background:#00000059;justify-content:flex-end;animation:.2s ordFadeIn;display:flex;position:fixed;inset:0}.ord-drawer{background:var(--bg-panel);flex-direction:column;width:100%;max-width:420px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) ordSlideIn;display:flex;box-shadow:-8px 0 40px #0000001f}.ord-drawer-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.ord-drawer-id{color:var(--text-muted);letter-spacing:.04em;margin-bottom:.2rem;font-family:monospace;font-size:.75rem;font-weight:700}.ord-drawer-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.ord-drawer-close{background:var(--input-bg);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.ord-drawer-close:hover{background:var(--border-main);color:var(--text-primary)}.ord-drawer-body{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;flex-direction:column;flex:1;gap:0;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.ord-drawer-status-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.ord-drawer-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.ord-next-btn{cursor:pointer;border:1.5px solid;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:700;transition:filter .15s;display:inline-flex}.ord-next-btn:hover{filter:brightness(.95)}.ord-drawer-section{border-top:1px solid var(--border-subtle);padding:1.125rem 0}.ord-drawer-section:first-child{border-top:none}.ord-drawer-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.7rem;font-weight:700;display:flex}.ord-items-list{background:var(--input-bg);border-radius:12px;flex-direction:column;gap:0;display:flex;overflow:hidden}.ord-item-line{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:.65rem .875rem;display:flex}.ord-item-line:last-child{border-bottom:none}.ord-item-desc{color:var(--text-secondary);flex:1;font-size:.875rem}.ord-item-qty{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.ord-item-price{color:var(--text-primary);white-space:nowrap;font-size:.875rem;font-weight:700}.ord-item-total{color:var(--accent-primary);background:#9333ea1a;border-top:1px solid #9333ea33;justify-content:space-between;align-items:center;padding:.75rem .875rem;font-size:.9rem;font-weight:800;display:flex}.ord-pay-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ord-pay-cell{background:var(--input-bg);border-radius:10px;flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.ord-pay-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.ord-pay-value{color:var(--text-primary);font-size:.9375rem;font-weight:700}.ord-drawer-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.ord-wa-btn{color:#16a34a;cursor:pointer;background:#16a34a1a;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:700;transition:background .18s;display:flex}.ord-wa-btn:hover{background:#16a34a33}.ord-drawer-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;padding:1rem 1.5rem}.ord-drawer-date{color:var(--text-muted);font-size:.8rem}@media (width<=899px){.ord-table{display:none}.ord-drawer{max-width:100%}}.ord-quick-pay-btn{color:#16a34a;cursor:pointer;white-space:nowrap;opacity:0;background:#fff;border:1.5px solid #16a34a;border-radius:99px;align-items:center;gap:.25rem;padding:.22rem .6rem;font-family:inherit;font-size:.7rem;font-weight:700;transition:opacity .15s,transform .15s,background .15s;display:inline-flex;transform:translate(-4px)}.ord-row:hover .ord-quick-pay-btn{opacity:1;transform:translate(0)}.ord-quick-pay-btn:hover{color:#fff;background:#16a34a}.ord-quick-pay-btn.flashing{opacity:1;color:#fff;background:#16a34a}@keyframes paidFlash{0%{background:#16a34a1a}60%{background:#16a34a1a}to{background:0 0}}.ord-row.paid-flash,.ord-mobile-card.paid-flash{animation:.9s forwards paidFlash}.ord-drawer-mark-paid-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:700;transition:background .18s,transform .15s;display:flex}.ord-drawer-mark-paid-btn:hover{background:#15803d;transform:translateY(-1px)}.ord-drawer-mark-paid-btn:active{transform:translateY(0)}.ord-drawer-tool-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ord-tool-btn{color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.ord-tool-btn:hover{background:var(--input-bg);border-color:#d1d5db;transform:translateY(-1px)}.ord-tool-btn.wa{color:#16a34a}.ord-tool-btn.wa:hover{background:#f0fdf4;border-color:#bbf7d0}.ord-tool-btn.duplicate:hover{background:var(--input-bg);color:#9333ea;border-color:#9333ea}.ord-tool-btn:active{transform:translateY(0)}.ord-mobile-pay-btn{color:#16a34a;cursor:pointer;background:#fff;border:1.5px solid #16a34a;border-radius:99px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.ord-mobile-pay-btn:hover{color:#fff;background:#16a34a}.ord-row.selected{background:var(--accent-soft)}.ord-row.selected:hover{background:#9333ea1f}.ord-bulk-bar{-webkit-backdrop-filter:blur(12px);color:#fff;z-index:1100;background:#111827d9;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) ordBulkIn;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}@keyframes ordBulkIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.ord-bulk-info{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.ord-bulk-count{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.ord-bulk-actions{align-items:center;gap:.5rem;display:flex}.ord-bulk-btn{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:99px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.ord-bulk-btn:hover{background:#4b5563}.ord-bulk-btn.cancel{color:var(--text-muted);background:0 0}.ord-bulk-btn.cancel:hover{color:#fff}.mobile-select-all-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.125rem;font-size:.9375rem;font-weight:700;display:flex}.ord-mobile-card{background:var(--bg-panel);border:1px solid var(--border-subtle);cursor:pointer;border-radius:14px;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.125rem;transition:box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:0 2px 4px #00000005}.ord-mobile-card-select{flex-shrink:0;justify-content:center;align-items:center;padding-top:.25rem;display:flex}.ord-mobile-card-content{flex:1;min-width:0}.ord-mobile-card.selected{border-color:var(--accent-primary);background:var(--accent-soft)}@media (width<=640px){.ord-bulk-bar{gap:.75rem;width:calc(100% - 2rem);max-width:480px;padding:.6rem 1rem;bottom:1rem}.ord-bulk-info{gap:.35rem}.ord-bulk-actions{flex:1;justify-content:space-between;gap:.35rem}.ord-bulk-btn{flex:1;justify-content:center;padding:.5rem .75rem}.ord-bulk-btn .bulk-btn-text{font-size:.7rem;display:inline}.ord-bulk-btn.cancel{flex:none;padding:.5rem}}@media (width<=400px){.ord-bulk-bar{gap:.5rem;padding:.5rem .75rem}.ord-bulk-btn .bulk-btn-text{display:none}.ord-bulk-btn{min-width:40px;padding:.5rem}}.ord-quick-pay-wrap{align-items:center;gap:.5rem;display:flex}.ord-quick-pay-btn{color:#059669;cursor:pointer;white-space:nowrap;background:#ecfdf5;border:1px solid #10b981;border-radius:99px;align-items:center;gap:.3rem;padding:.28rem .65rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.ord-quick-pay-btn:hover{color:#fff;background:#10b981;border-color:#10b981}.ord-quick-pay-btn.flashing{animation:.5s ease-out ordFlash}@keyframes ordFlash{0%{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 0 8px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.p-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.p-modal-content{background:var(--bg-panel);width:100%;max-width:500px;box-shadow:var(--shadow-lg,0 20px 40px -10px #0003);border-radius:20px;flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards pSlideUp;display:flex;overflow:hidden;transform:translateY(20px)}@keyframes pSlideUp{to{transform:translateY(0)}}.p-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.p-modal-header-left{align-items:center;gap:1rem;display:flex}.p-modal-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.p-modal-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:800}.p-modal-subtitle{color:var(--text-muted);margin:.1rem 0 0;font-size:.8125rem}.p-modal-close{background:var(--border-subtle);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.p-modal-close:hover{background:var(--border-main);color:var(--text-primary)}.p-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.p-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.p-form-group{margin-bottom:1.25rem}.p-form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:700;display:flex}.p-form-input{border:1px solid var(--border-main);width:100%;color:var(--text-primary);background:var(--input-bg);border-radius:12px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.p-form-input:focus{border-color:var(--accent-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-soft)}.p-form-input.error{border-color:#ef4444}.p-form-error{color:#ef4444;margin-top:.35rem;font-size:.75rem;font-weight:500}.p-form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.p-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.p-btn-secondary{border:1px solid var(--border-main);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.p-btn-secondary:hover{background:var(--bg-app);color:var(--text-primary)}.p-btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #9333ea40}.p-btn-primary:hover{background:var(--accent-hover,#7e22ce);transform:translateY(-1px)}@media (width<=480px){.p-form-row{grid-template-columns:1fr;gap:0}}.p-history-section{border-top:2px dashed var(--border-subtle);margin-top:2rem;padding-top:1.5rem}.p-history-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem;font-weight:800;display:flex}.p-history-list{flex-direction:column;gap:1rem;display:flex}.p-history-item{gap:.75rem;display:flex;position:relative}.p-history-indicator{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.p-history-indicator.up{color:#16a34a;background:#dcfce7}.p-history-indicator.down{color:#ef4444;background:#fee2e2}.p-history-details{flex:1}.p-history-main{justify-content:space-between;align-items:flex-start;margin-bottom:.15rem;display:flex}.p-history-reason{color:var(--text-primary);font-size:.875rem;font-weight:600}.p-history-change{font-size:.8125rem;font-weight:800}.p-history-change.pos{color:#16a34a}.p-history-change.neg{color:#ef4444}.p-history-meta{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}.p-history-loading,.p-history-empty{text-align:center;color:var(--text-muted);background:var(--bg-app);border-radius:12px;padding:1rem;font-size:.8125rem}.prod-container{flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.prod-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.prod-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.prod-subtitle{color:var(--text-secondary);font-size:.9375rem}.prod-btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #9333ea40}.prod-btn-primary:hover{background:var(--accent-hover,#7e22ce);transform:translateY(-1px)}.prod-toolbar{align-items:center;margin-bottom:.5rem;display:flex}.prod-search-wrapper{width:100%;max-width:400px;position:relative}.prod-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.prod-search-input{border:1px solid var(--border-main);width:100%;color:var(--text-primary);background:var(--input-bg);border-radius:12px;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.prod-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.prod-categories{scrollbar-width:none;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.prod-categories::-webkit-scrollbar{display:none}.prod-cat-pill{background:var(--input-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:99px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s}.prod-cat-pill:hover{background:var(--bg-app);color:var(--text-primary)}.prod-cat-pill.active{background:var(--text-primary);color:var(--bg-app);border-color:var(--text-primary)}.prod-list{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.prod-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.prod-card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.prod-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=480px){.prod-card{flex-direction:column;align-items:flex-start;gap:1rem}.prod-price-area{border-top:1px solid var(--border-subtle);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:.75rem}.prod-icon{width:36px;height:36px}}.prod-card-main{align-items:center;gap:1rem;display:flex}.prod-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.prod-info{flex-direction:column;gap:.25rem;display:flex}.prod-name{color:var(--text-primary);font-size:.9375rem;font-weight:700}.prod-meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.25rem;font-size:.75rem;display:flex}.prod-category{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.25rem;display:flex}.prod-stock-count{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:600}.prod-out-of-stock{color:#ef4444;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#ef444414;border-radius:6px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.prod-low-stock{color:#d97706;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#d9770614;border-radius:6px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.prod-price-area{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.prod-price{color:var(--text-primary);font-size:1.0625rem;font-weight:800}.prod-actions-row{align-items:center;gap:.5rem;display:flex}.prod-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:.4rem;transition:all .2s;display:flex}.prod-action-btn.edit:hover{color:#2563eb;background:#2563eb1a}.prod-action-btn.delete:hover{color:#ef4444;background:#ef44441a}.prod-empty{text-align:center;background:var(--bg-panel);border:1px dashed var(--border-main);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;padding:4rem 1rem;display:flex}.prod-empty-icon{color:var(--border-main);margin-bottom:1rem}.prod-empty-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.prod-empty-sub{color:var(--text-secondary);font-size:.875rem}.rc-card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:2rem;padding:1.75rem}.rc-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.rc-title{color:var(--text-primary);font-size:1rem;font-weight:700}.rc-subtitle{color:var(--text-secondary);margin-top:.15rem;font-size:.8125rem}.rc-period-tabs{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:10px;gap:2px;padding:3px;display:flex}.rc-period-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.35rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .18s}.rc-period-tab:hover{color:var(--text-primary)}.rc-period-tab.active{background:var(--bg-panel);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.rc-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.rc-big-rev{color:var(--text-primary);letter-spacing:-.04em;font-size:2rem;font-weight:800;line-height:1}.rc-trend{align-items:center;gap:.3rem;margin-top:.35rem;font-size:.8rem;font-weight:600;display:flex}.rc-trend.up{color:#16a34a}.rc-trend.down{color:#ef4444}.rc-hero-pills{flex-wrap:wrap;gap:.5rem;display:flex}.rc-hero-pill{background:var(--input-bg);border:1px solid var(--border-subtle);color:var(--text-muted);white-space:nowrap;border-radius:99px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.78rem;font-weight:600;display:flex}.rc-hero-pill.best{color:#92400e;background:#fef3c7;border-color:#fde68a}.rc-chart-wrap{width:100%;margin-bottom:1.5rem;position:relative}.rc-svg{width:100%;height:auto;display:block;overflow:visible}.rc-tooltip{color:#fff;pointer-events:none;z-index:20;background:#111827;border-radius:12px;min-width:160px;padding:.75rem 1rem;animation:.1s rcTTFade;position:absolute;box-shadow:0 8px 24px #0003}@keyframes rcTTFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rc-tt-date{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem}.rc-tt-rev{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.1rem;font-weight:800}.rc-tt-row{color:#d1d5db;align-items:center;gap:.4rem;margin-bottom:.2rem;font-size:.78rem;display:flex}.rc-tt-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rc-tt-dot.paid{background:#4ade80}.rc-tt-dot.unpaid{background:#fbbf24}.rc-tt-orders{color:#6b7280;border-top:1px solid #374151;margin-top:.4rem;padding-top:.4rem;font-size:.72rem}.rc-bottom{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:1.5rem;padding-top:1.25rem;display:flex}.rc-stat-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:.875rem 1.5rem;min-width:240px;display:grid}.rc-stat{flex-direction:column;gap:.125rem;display:flex}.rc-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.rc-stat-val{color:var(--text-primary);letter-spacing:-.02em;font-size:1.0625rem;font-weight:800}.rc-payment-section{border-left:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;min-width:180px;padding-left:1.5rem;display:flex}@media (width<=640px){.rc-payment-section{border-left:none;border-top:1px solid var(--border-subtle);width:100%;padding-top:1rem;padding-left:0}}.rc-payment-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;display:flex}.rc-donut-wrap{align-items:center;gap:1rem;display:flex}.rc-donut-svg{flex-shrink:0;width:88px;height:88px}.rc-donut-legend{flex-direction:column;gap:.45rem;display:flex}.rc-legend-row{align-items:center;gap:.4rem;font-size:.78rem;display:flex}.rc-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rc-legend-label{color:var(--text-primary);flex:1;font-weight:500}.rc-legend-pct{color:var(--text-primary);font-weight:700}.rc-outstanding-alert{color:#d97706;background:#d9770626;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.775rem;font-weight:600;display:flex}@media (width<=520px){.rc-card{padding:1.25rem}.rc-big-rev{font-size:1.6rem}.rc-stat-grid{grid-template-columns:repeat(2,1fr)}.rc-hero{flex-direction:column;align-items:flex-start}}.analytics-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding-bottom:2rem;display:flex}.analytics-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.analytics-subtitle{color:var(--text-secondary);font-size:.9375rem}.analytics-metrics-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.a-metric-card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.25rem}.a-metric-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.a-metric-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:700}.a-metric-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.a-metric-icon-wrap.purple{color:#9333ea;background:#9333ea1a}.a-metric-icon-wrap.blue{color:#2563eb;background:#2563eb1a}.a-metric-icon-wrap.green{color:#16a34a;background:#16a34a1a}.a-metric-value{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.a-metric-trend{align-items:center;gap:.4rem;font-size:.8125rem;font-weight:700;display:flex}.a-metric-trend.up{color:#16a34a}.a-metric-trend.down{color:#ef4444}.a-trend-text{color:var(--text-muted);font-weight:500}.analytics-chart-section{width:100%}.analytics-placeholder-card{background:var(--bg-panel);border:1px dashed var(--border-main);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem 2rem;display:flex}.a-card-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.a-card-text{color:var(--text-secondary);max-width:320px;font-size:.875rem}@media (width<=640px){.a-metric-value{font-size:1.5rem}}.analytics-container{position:relative}.analytics-container.is-locked{max-height:90vh;overflow:hidden}.analytics-container.is-locked>:not(.pro-overlay):not(.analytics-header){filter:blur(10px);pointer-events:none;opacity:.6}@keyframes proSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.performance-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width>=1024px){.performance-grid{grid-template-columns:1.5fr 1fr}}.performance-card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.5rem}.perf-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;display:flex}.perf-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.best-seller-list{flex-direction:column;gap:1rem;display:flex}.best-seller-item{background:var(--input-bg);border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;transition:transform .2s;display:flex}.best-seller-item:hover{background:var(--bg-app);transform:translate(4px)}.bs-info{flex-direction:column;display:flex}.bs-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.bs-category{color:var(--text-muted);font-size:.75rem}.bs-stats{text-align:right}.bs-qty{color:var(--accent-primary);font-size:.875rem;font-weight:700}.bs-revenue{color:#16a34a;font-size:.75rem;font-weight:600}.slow-movers-list{flex-direction:column;gap:.75rem;display:flex}.slow-mover-item{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.8125rem;display:flex}.slow-mover-item:last-child{border-bottom:none}.sm-name{font-weight:500}.sm-stock{color:#ef4444;font-weight:600}.perf-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.875rem}.settings-container{max-width:1000px;margin:0 auto;padding-bottom:5rem}.settings-grid{grid-template-columns:280px 1fr;gap:2.5rem;margin-top:2rem;display:grid}.settings-nav{flex-direction:column;gap:.5rem;height:fit-content;display:flex;position:sticky;top:2rem}.settings-nav-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.settings-nav-btn:hover,.settings-nav-btn.active{background:var(--accent-soft);color:var(--accent-primary)}.settings-content{flex-direction:column;gap:2rem;display:flex}.settings-card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:20px;padding:2rem}.settings-card-header{border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding-bottom:1.25rem}.settings-card-title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.settings-card-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.form-section{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.settings-input{border:1px solid var(--border-main);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:10px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.settings-input:focus{border-color:var(--accent-primary);background:var(--bg-surface);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.settings-textarea{resize:vertical;min-height:120px;line-height:1.6}.theme-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.theme-option{border:2px solid var(--border-subtle);cursor:pointer;background:var(--input-bg);border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.theme-option:hover{border-color:var(--border-main)}.theme-option.active{border-color:var(--accent-primary);background:var(--accent-soft)}.theme-preview{aspect-ratio:16/10;background:var(--border-main);border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000d}.theme-preview.light{background:#fff;border:1px solid #eee}.theme-preview.dark{background:#1f2937}.theme-preview.system{background:linear-gradient(135deg,#fff 50%,#1f2937 50%)}.theme-name{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.theme-option.active .theme-name{color:var(--accent-primary)}.toggle-group{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.toggle-info{flex-direction:column;flex:1;display:flex}.toggle-label{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.4}.toggle-desc{color:var(--text-muted);margin-top:.125rem;font-size:.8125rem;line-height:1.4}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-main);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--bg-surface);border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(20px)}.template-editor-group{grid-template-columns:1fr 1fr;align-items:flex-start;gap:2rem;display:grid}.template-edit-pane{flex-direction:column;gap:.5rem;display:flex}.template-preview-pane{flex-direction:column;gap:.75rem;padding-top:2rem;display:flex}.preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.wa-bubble{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-subtle);white-space:pre-wrap;max-width:100%;box-shadow:var(--shadow-sm);border-radius:0 16px 16px;padding:1rem;font-size:.9rem;line-height:1.5;position:relative}.wa-bubble:before{content:"";border-style:solid;border-width:0 8px 12px 0;border-color:transparent var(--border-subtle) transparent transparent;width:0;height:0;position:absolute;top:-1px;left:-8px}.tag-badge-btn{background:var(--accent-soft);color:var(--accent-primary);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.35rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600;transition:all .2s}.tag-badge-btn:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.template-notice-box{background:#9333ea0d;border:1px solid #9333ea1a;border-radius:16px;margin-top:2rem;padding:1.25rem}.template-notice-text{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.5;display:flex}.template-notice-text strong{color:var(--accent-primary)}@media (width<=900px){.template-editor-group{grid-template-columns:1fr;gap:1.5rem}.template-preview-pane{padding-top:0}}.settings-footer{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.save-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.5rem;font-weight:600;line-height:1;transition:all .2s;display:flex;box-shadow:0 4px 10px #9333ea33}.save-btn.saved{background:#16a34a;box-shadow:0 4px 10px #16a34a33}.save-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 15px #9333ea4d}.save-btn:active{transform:translateY(0)}.danger-zone{background:#ef44440d;border:1px solid #ef444433}.delete-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;padding:.75rem 1.25rem;font-weight:600;transition:all .2s}.delete-btn:hover{background:#fecaca}@media (width<=768px){.settings-grid{grid-template-columns:1fr;gap:1.5rem}.settings-nav{flex-direction:row;padding-bottom:.5rem;position:static;overflow-x:auto}.settings-nav-btn{white-space:nowrap;padding:.625rem 1rem}.theme-grid{grid-template-columns:1fr}}.settings-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out settingsFadeIn;display:flex;position:fixed;inset:0}.settings-modal{background:var(--bg-panel);border:1px solid var(--border-main);border-radius:24px;width:100%;max-width:440px;animation:.3s cubic-bezier(.16,1,.3,1) settingsSlideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.settings-modal-header{text-align:center;padding:2rem 2rem 1rem}.settings-modal-header h3{color:var(--text-primary);margin-top:1rem;font-size:1.5rem;font-weight:700}.settings-modal-header p{color:var(--text-secondary);margin-top:.5rem;font-size:.9375rem;line-height:1.5}.icon-circle,.danger-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.icon-circle{background:var(--accent-soft);color:var(--accent-primary)}.danger-icon-circle{color:#ef4444;background:#fee2e2}.settings-modal-body{flex-direction:column;gap:1.25rem;padding:1rem 2rem 1.5rem;display:flex}.settings-modal-footer{background:var(--bg-app);grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem 2rem 2rem;display:grid}.modal-btn{cursor:pointer;border:none;border-radius:12px;padding:.875rem;font-size:.9375rem;font-weight:600;transition:all .2s}.modal-btn.cancel{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-main)}.modal-btn.cancel:hover{background:var(--border-subtle)}.modal-btn.primary{background:var(--accent-primary);color:#fff}.modal-btn.primary:hover{background:var(--accent-hover)}.modal-btn.delete{color:#fff;background:#ef4444}.modal-btn.delete:hover:not(:disabled){background:#dc2626}.modal-btn.delete:disabled{opacity:.5;cursor:not-allowed}.modal-status-msg{border-radius:10px;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.modal-status-msg.error{color:#dc2626;background:#fee2e2}.modal-status-msg.success{color:#16a34a;background:#dcfce7}.modal-status-msg.loading{background:var(--bg-app);color:var(--text-secondary)}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes settingsSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.current-plan-card{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:20px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.plan-badge-row{justify-content:space-between;align-items:center;display:flex}.plan-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:.5rem 1rem;font-size:.75rem;font-weight:800}.plan-status-badge.free{background:var(--border-subtle);color:var(--text-secondary)}.plan-status-badge.trial{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.plan-status-badge.pro{background:var(--accent-soft);color:var(--accent-primary);border:1px solid var(--accent-soft)}.plan-days-left{color:#d97706;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:700;display:flex}.plan-info-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.plan-info-item{flex-direction:column;gap:.4rem;display:flex}.p-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.p-info-val{color:var(--text-primary);font-size:1.125rem;font-weight:700}.p-progress-bar{background:var(--border-subtle);border-radius:3px;height:6px;margin-top:.25rem;overflow:hidden}.p-progress-fill{background:var(--accent-primary);border-radius:3px;height:100%;transition:width .3s}.plan-upgrade-cta{background:linear-gradient(135deg,#9333ea14,#4f46e514);border:1px solid #9333ea26;border-radius:16px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.plan-upgrade-cta.trial{background:#f59e0b0d;border-color:#f59e0b33}.upgrade-cta-text h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.upgrade-cta-text p{color:var(--text-secondary);font-size:.875rem;line-height:1.4}@media (width<=640px){.plan-info-grid{grid-template-columns:1fr}.plan-upgrade-cta{text-align:center;flex-direction:column}}.debts-page{max-width:1200px;margin:0 auto;animation:.3s ease-out fadeIn}.debt-list-section{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;margin-top:1rem;box-shadow:0 4px 20px #00000008}.debt-section-header{border-bottom:1px solid var(--border-subtle);padding:1.5rem}.debt-search-wrap{width:100%;max-width:420px;position:relative}@media (width<=640px){.debt-search-wrap{max-width:100%}}.ord-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:.5rem;overflow-x:auto}.ord-table-wrapper::-webkit-scrollbar{height:6px}.ord-table-wrapper::-webkit-scrollbar-track{background:0 0}.ord-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:10px}.ord-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.debt-search-wrap .search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.debt-search-input{border:1px solid var(--border-main);background:var(--bg-app);border-radius:12px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.9rem;transition:all .2s}.debt-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.ord-table{border-collapse:collapse;width:100%}.ord-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.ord-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:1.25rem 1.5rem}.ord-row:last-child td{border-bottom:none}.ord-row{transition:background .2s}.ord-row:hover{background:var(--bg-app)}.cust-cell{align-items:center;gap:1rem;display:flex}.c-avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-primary);border-radius:10px;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.cust-name{color:var(--text-primary);margin-bottom:.15rem;font-size:.9375rem;font-weight:700;display:block}.cust-email{color:var(--text-muted);font-size:.8125rem;display:block}.debt-count-badge{background:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:10px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.debt-count-badge:hover{background:var(--bg-surface);border-color:var(--accent-primary);color:var(--accent-primary)}.debt-amount-text{color:#ef4444;font-size:1rem;font-weight:800}.debt-actions-cell{justify-content:flex-end;gap:.5rem;display:flex}.wa-action-btn{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #10b981;border-radius:99px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.wa-action-btn:hover{background:#d1fae5}.view-action-btn{background:var(--input-bg);border:1px solid var(--border-main);color:var(--text-primary);cursor:pointer;border-radius:99px;align-items:center;padding:.45rem 1.25rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.view-action-btn:hover{background:var(--bg-app);border-color:var(--accent-primary)}.debt-mobile-list{flex-direction:column;gap:1rem;padding:1rem;display:flex}.debt-mobile-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1rem}.debt-mobile-top{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.debt-amount-badge-mobile{color:#ef4444;background:#fee2e2;border-radius:6px;padding:.25rem .6rem;font-size:.8125rem;font-weight:800}.debt-mobile-mid{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);gap:1rem;margin-bottom:1rem;padding:.75rem 0;display:flex}.debt-stat{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.debt-mobile-actions{grid-template-columns:1fr;display:grid}.debt-mobile-actions .wa-action-btn{justify-content:center;padding:.75rem}.shimmer{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/800px 104px no-repeat;animation:2.5s ease-in-out infinite forwards shimmer;display:inline-block;position:relative}.skeleton-text{background:var(--border-subtle);border-radius:4px;height:12px}.skeleton-text.val{width:140px;height:32px}.skeleton-text.val.small{width:40px}.skeleton-text.name{width:120px;margin-bottom:.5rem}.skeleton-text.sub{width:80px}.skeleton-text.date{width:60px}.skeleton-text.amount{width:90px}.skeleton-avatar{background:var(--border-subtle);border-radius:10px;width:40px;height:40px}.skeleton-badge{background:var(--border-subtle);border-radius:8px;width:70px;height:24px}.skeleton-btn-group{background:var(--border-subtle);border-radius:8px;width:140px;height:32px;margin-left:auto}[data-theme=dark] .shimmer{background:#1e293b linear-gradient(90deg,#1e293b 0%,#334155 20%,#1e293b 40% 100%)}.desktop-only{display:none}@media (width>=900px){.desktop-only{display:block}.mobile-only{display:none}}.debts-page{position:relative}.debts-page.is-locked{max-height:90vh;overflow:hidden}.debts-page.is-locked>:not(.pro-overlay):not(.page-header){filter:blur(10px);pointer-events:none;opacity:.6}.pro-overlay{z-index:10;justify-content:center;align-items:flex-start;padding-top:4rem;display:flex;position:absolute;inset:100px 0 0}.pro-overlay-content{background:var(--bg-surface);border:1px solid var(--border-main);text-align:center;border-radius:24px;width:90%;max-width:480px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) proSlideUp;box-shadow:0 32px 64px #00000026}.pro-overlay-content h2{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.pro-overlay-content p{color:var(--text-secondary);margin-bottom:1.75rem;line-height:1.6}.pro-zap-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:99px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.3rem .75rem;font-size:.75rem;font-weight:800;display:inline-flex}.pro-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:12px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s;box-shadow:0 8px 24px #9333ea4d}.pro-upgrade-btn:hover{opacity:.95;transform:translateY(-2px)}.legal-page{background-color:var(--bg-surface);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.legal-nav{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.legal-nav .nav-brand{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;display:flex}.legal-nav .nav-logo-img{object-fit:contain;width:32px;height:32px}.legal-back-btn{color:var(--text-muted);font-size:.875rem;font-weight:600;transition:color .2s}.legal-back-btn:hover{color:var(--accent-primary)}.legal-container{flex:1;max-width:800px;margin:0 auto;padding:4rem 1.5rem}.legal-header{text-align:center;margin-bottom:3rem}.legal-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.legal-last-updated{color:var(--text-muted);font-size:.875rem}.legal-content{color:var(--text-secondary);font-size:1rem;line-height:1.7}.legal-content h2{color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.legal-content p{margin-bottom:1.25rem}.legal-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.legal-content li{margin-bottom:.5rem}.legal-footer{text-align:center;border-top:1px solid var(--border-subtle);color:var(--text-muted);padding:2rem;font-size:.875rem}