@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-black: #f3f4f6;--bg-dark: #ffffff;--bg-card: #ffffff;--text-white: #0b1020;--text-gray: #4b5563;--text-muted: #9ca3af;--brand-green: #5170ff;--brand-green-dim: #3245d8;--brand-glow: rgba(81, 112, 255, .25);--border-color: #e5e7eb;--container-width: 1200px;--hero-max-width: 1400px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-black);color:var(--text-white);line-height:1.5}.landing-page{background-color:var(--bg-black);min-height:100vh;overflow-x:hidden;width:100%}.btn-primary{background-color:var(--brand-green);color:#000;font-weight:600;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem}.btn-primary:hover{background-color:var(--brand-green-dim);transform:translateY(-1px);box-shadow:0 4px 12px var(--brand-glow)}.btn-secondary{background-color:transparent;color:var(--text-white);font-weight:500;border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--brand-green);background-color:#0f172a0a}.btn-text{background:none;border:none;color:var(--text-gray);font-weight:500;cursor:pointer;padding:.5rem 1rem}.btn-text:hover{color:var(--text-white)}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-full{width:100%;justify-content:center}.btn-white{background-color:var(--text-white);color:var(--bg-black);font-weight:700;border:none;padding:1rem 2.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-white:hover{background-color:#e5e5e5;transform:translateY(-2px)}.navbar{position:fixed;top:0;left:0;right:0;height:80px;z-index:1000;transition:background .3s ease;border-bottom:1px solid transparent}.navbar.scrolled{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.75rem}.logo-img{height:48px}.logo-text{font-weight:700;font-size:1.25rem;color:var(--text-white)}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-links a{color:var(--text-gray);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-white)}.nav-actions{display:flex;align-items:center;gap:1rem}.mobile-toggle{display:none;background:none;border:none;color:var(--text-white);cursor:pointer}.hero{padding:180px 4vw 120px;max-width:var(--hero-max-width);margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;min-height:90vh}.hero-content{position:relative;z-index:10}.badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:#5170ff1a;border:1px solid rgba(81,112,255,.2);border-radius:100px;font-size:.85rem;color:var(--brand-green);margin-bottom:2rem;font-weight:500}.badge-dot{width:6px;height:6px;background:var(--brand-green);border-radius:50%;box-shadow:0 0 8px var(--brand-green)}.hero-title{font-size:3.8rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.04em}.text-gradient{background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-gray);line-height:1.6;margin-bottom:3rem;max-width:540px}.hero-btns{display:flex;gap:1rem;margin-bottom:4rem}.hero-stats-row{display:flex;align-items:center;gap:2rem;border-top:1px solid var(--border-color);padding-top:2rem}.hero-stat{display:flex;flex-direction:column}.stat-val{font-size:1.5rem;font-weight:700;color:var(--text-white)}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-divider{width:1px;height:40px;background:var(--border-color)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-visual-image{max-width:115%;height:auto;display:block}.ui-header{height:24px;border-bottom:1px solid var(--border-color);margin-bottom:1rem;display:flex;align-items:center}.ui-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#333;margin-right:6px}.ui-body{display:flex;height:calc(100% - 40px);gap:1rem}.ui-sidebar{width:20%;height:100%;background:#ffffff08;border-radius:8px}.ui-content{flex:1;display:flex;flex-direction:column;gap:1rem}.ui-row{height:40px;background:#ffffff08;border-radius:6px;width:100%}.ui-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex:1}.ui-item{background:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.floating-badge{position:absolute;background:var(--bg-card);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 30px #00000080;font-size:.9rem;font-weight:500;z-index:20;color:var(--brand-green)}.badge-1{top:20%;right:-20px;animation:float 6s ease-in-out infinite}.badge-2{bottom:20%;left:-20px;animation:float 6s ease-in-out infinite 2s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.features{padding:120px 2rem;background-color:var(--bg-dark)}.section-container{max-width:var(--container-width);margin:0 auto}.section-header{text-align:center;max-width:700px;margin:0 auto 5rem}.section-header h2{font-size:3rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.03em}.section-header p{font-size:1.15rem;color:var(--text-gray);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}@media(max-width:1200px){.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.features-grid{grid-template-columns:minmax(0,1fr)}}.feature-card{background:var(--bg-card);padding:1.8rem;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--brand-green);box-shadow:0 10px 30px #5170ff14}.feature-icon-box{width:56px;height:56px;background:#ffffff08;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--brand-green);margin-bottom:1rem}.feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.6rem;color:var(--text-white)}.feature-card p{color:var(--text-gray);font-size:.95rem;line-height:1.5}.comparison{padding:120px 2rem;background:var(--bg-black)}.comparison-table-wrapper{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;padding:2rem}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:1.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.comparison-table th{font-size:1.1rem;font-weight:600;color:var(--text-white)}.comparison-table td{font-size:1rem;color:var(--text-gray)}.th-competitor,.td-competitor{color:var(--text-muted)!important}.th-us,.td-us{color:var(--brand-green)!important;font-weight:600;background:#5170ff08}.td-us.highlight{font-size:1.1rem;font-weight:700}.comparison-table tr:last-child td{border-bottom:none}.pricing{padding:120px 2rem;background:var(--bg-dark)}.contact{padding:120px 2rem;background:#f9fafb}.contact-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:flex-start}.contact-left h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.03em;color:var(--text-white)}.contact-left p{font-size:1.05rem;color:var(--text-gray);margin-bottom:2rem;max-width:520px}.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media(max-width:1024px){.contact-inner{grid-template-columns:minmax(0,1fr)}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.contact-cards{grid-template-columns:minmax(0,1fr)}}.contact-card{background:#fff;border-radius:14px;padding:1.5rem;border:1px solid var(--border-color)}.contact-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-white)}.contact-card p{font-size:.9rem;color:var(--text-gray);margin-bottom:.75rem}.contact-highlight{font-size:.95rem;font-weight:600;color:var(--brand-green);display:inline-block;max-width:100%;word-break:break-word;overflow-wrap:break-word}.contact-right{background:#fff;border-radius:18px;border:1px solid var(--border-color);padding:2rem;box-shadow:0 18px 40px #0f172a0f}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-field label{display:block;font-size:.85rem;font-weight:500;color:var(--text-gray);margin-bottom:.4rem}.form-field input,.form-field textarea{width:100%;border-radius:10px;border:1px solid var(--border-color);padding:.75rem .9rem;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;color:var(--text-white)}.form-field input:focus,.form-field textarea:focus{border-color:var(--brand-green);box-shadow:0 0 0 1px #5170ff59}.contact-note{margin-top:.75rem;font-size:.85rem;color:var(--text-muted);text-align:center}.pricing-card-wrapper{max-width:500px;margin:0 auto}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:3rem;text-align:center;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand-green)}.pricing-header h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-white)}.price-tag{display:flex;align-items:baseline;justify-content:center;margin-bottom:1rem;color:var(--text-white)}.currency{font-size:2rem;font-weight:500;margin-right:.25rem;color:var(--text-gray)}.amount{font-size:4.5rem;font-weight:800;line-height:1}.period{font-size:1.1rem;color:var(--text-gray);margin-left:.5rem}.price-sub{color:var(--brand-green);font-size:.95rem;font-weight:500;margin-bottom:2.5rem}.pricing-features-list{text-align:left;margin-bottom:3rem}.pf-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-gray)}.pf-check{color:var(--brand-green);flex-shrink:0}.pricing-cta .guarantee{margin-top:1rem;font-size:.85rem;color:var(--text-muted)}.cta-footer{padding:100px 2rem;text-align:center;background:linear-gradient(to bottom,#fff,#e5e7eb)}.cta-content h2{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.cta-content p{font-size:1.25rem;color:var(--text-gray);margin-bottom:3rem}.footer{border-top:1px solid var(--border-color);padding:80px 2rem 40px;background:#020617}.footer-container{max-width:var(--container-width);margin:0 auto;display:flex;justify-content:space-between;margin-bottom:4rem}.footer-brand p{color:var(--text-muted)}.footer-links{display:flex;gap:4rem}.fl-col h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:1.5rem}.fl-col a{display:block;color:#fff;text-decoration:none;margin-bottom:.75rem;transition:color .2s}.fl-col a:hover{color:var(--brand-green)}.footer-bottom{text-align:center;color:var(--text-muted);font-size:.9rem;padding-top:2rem;border-top:1px solid var(--border-color)}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center;padding:140px 2rem 100px;gap:3rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-stats-row{justify-content:center}.hero-visual{max-width:600px;margin:0 auto}.hero-visual-image{max-width:100%}}@media(max-width:768px){.hero-title{font-size:3rem}.hero{padding:120px 1.5rem 80px}.hero-btns{flex-direction:column;align-items:stretch}.hero-stats-row{flex-direction:column;align-items:flex-start;gap:1.25rem}.stat-divider{display:none}.features-grid{grid-template-columns:1fr}.comparison-table-wrapper{overflow-x:auto}.comparison-table th,.comparison-table td{padding:1rem}.nav-links{display:none}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:var(--bg-black);padding:2rem;border-bottom:1px solid var(--border-color)}.mobile-toggle{display:block}.mobile-auth-btn{display:block;width:100%;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-white);border-radius:8px;margin-top:1rem}.nav-actions .btn-text,.nav-actions .btn-primary{display:none}.footer-container{flex-direction:column;gap:3rem}.nav-container{padding:0 1.25rem}.pricing-card{padding:2rem 1.5rem}.amount{font-size:3rem}.cta-footer{padding:80px 1.5rem}.cta-content h2{font-size:2.2rem}.cta-content p{font-size:1.05rem}.features,.comparison,.pricing,.contact{padding:80px 1.5rem}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.hero-title{font-size:2.4rem}.hero-subtitle{font-size:1.05rem}.section-header h2{font-size:2.2rem}.pricing-card{padding:1.75rem 1.25rem}.footer{padding:60px 1.5rem 30px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--purple-light) 100%);padding:2rem;position:relative}.auth-back-button{position:absolute;top:20px;left:20px;z-index:10;padding:.625rem 1rem;border-radius:var(--radius-md);border:none;background:var(--white);color:var(--black);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease}.auth-back-button:hover{background:var(--gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-back-button:active{transform:translateY(0)}[data-theme=dark] .auth-back-button{background:var(--gray-800);color:var(--white)}[data-theme=dark] .auth-back-button:hover{background:var(--gray-700)}.auth-theme-toggle{position:absolute;top:20px;right:20px;z-index:10;width:44px;height:44px;border-radius:var(--radius-md);border:none;background:var(--white);color:var(--black);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.auth-theme-toggle:hover{background:var(--gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-theme-toggle:active{transform:translateY(0)}[data-theme=dark] .auth-theme-toggle{background:var(--gray-800);color:var(--white)}[data-theme=dark] .auth-theme-toggle:hover{background:var(--gray-700)}.auth-card{background:var(--white);border-radius:var(--radius-xl);padding:3rem;max-width:450px;width:100%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:100px;height:100px;margin:0 auto 1.5rem;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;position:relative}.auth-logo img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.auth-header h1{font-size:2rem;font-weight:700;color:var(--black);margin:0 0 .5rem;letter-spacing:-.5px}.auth-tagline{font-size:.875rem;color:var(--gray-600);margin:0}.auth-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--gray-100);padding:.25rem;border-radius:10px}.auth-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;font-weight:500;font-size:.875rem;color:var(--gray-600);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.auth-tab.active{background:var(--white);color:var(--purple);box-shadow:var(--shadow-sm)}.auth-tab:hover:not(.active){color:var(--black)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-size:.875rem;font-weight:500;color:var(--black)}.auth-form .input{border-radius:4px}.auth-submit{margin-top:.5rem;width:100%;padding:.875rem;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center}.auth-error{padding:.875rem;background:#ef44441a;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:.875rem;text-align:center}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0 1rem;color:var(--gray-500);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--gray-300)}.auth-divider span{padding:0 1rem;background:var(--white)}[data-theme=dark] .auth-divider span{background:var(--gray-800)}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{border-bottom-color:var(--gray-700)}.btn-google{background:var(--white);color:var(--black);border:1px solid var(--gray-300);display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-google:hover{background:var(--gray-50);border-color:var(--gray-400)}[data-theme=dark] .btn-google{background:var(--gray-800);color:var(--white);border-color:var(--gray-700)}[data-theme=dark] .btn-google:hover{background:var(--gray-700);border-color:var(--gray-600)}.business-settings-container{padding:1.5rem;background:var(--gray-50);min-height:calc(100vh - 64px)}.settings-layout{width:100%;max-width:1200px;display:grid;grid-template-columns:280px 1fr;gap:2rem;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;height:calc(100vh - 120px)}.settings-sidebar{background:var(--gray-50);border-right:1px solid var(--gray-200);padding:2rem 1.5rem;display:flex;flex-direction:column}.settings-sidebar-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:0 .5rem}.settings-icon-bg{width:44px;height:44px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #68d38833}.settings-sidebar-header h3{font-size:1.125rem;font-weight:700;color:var(--black);margin:0}.settings-sidebar-header p{font-size:.75rem;color:var(--gray-500);margin:0}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:none;background:transparent;border-radius:var(--radius-md);color:var(--gray-600);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.settings-nav-item:hover{background:var(--gray-100);color:var(--black)}.settings-nav-item.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:600}.settings-content{display:flex;flex-direction:column;background:var(--white);overflow:hidden}.settings-content-header{padding:2rem 2.5rem;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:flex-start}.settings-content-header h2{font-size:1.5rem;font-weight:700;color:var(--black);margin:0 0 .25rem}.settings-content-header p{font-size:.875rem;color:var(--gray-500);margin:0}.settings-form-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.tab-content-scroll{flex:1;overflow-y:auto;padding:2.5rem}.settings-section{max-width:800px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-grid-single{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1rem;color:var(--gray-400)}.input-with-icon .input{padding-left:2.75rem}.textarea-icon svg{top:1rem}.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.logo-upload-section{margin-top:.5rem}.logo-upload-label{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border:2px dashed var(--gray-300);border-radius:12px;background:var(--gray-50);cursor:pointer;transition:all .2s ease;color:var(--gray-500)}.logo-upload-label:hover{border-color:var(--primary);background:#68d3880d;color:var(--primary)}.logo-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-preview{height:180px;width:100%;object-fit:contain;background:var(--white);border-radius:12px;padding:1rem;border:1px solid var(--gray-200)}.btn-remove-logo{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:#fee2e2;color:#ef4444;border:none;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease}.btn-remove-logo:hover{background:#fecaca}.rewards-config{display:flex;flex-direction:column;gap:1.5rem}.reward-toggle-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200)}.reward-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600}.reward-info p{margin:0;font-size:.875rem;color:var(--gray-500)}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.template-option{border:2px solid var(--gray-200);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;background:var(--white)}.template-option:hover{border-color:var(--gray-300);transform:translateY(-2px)}.template-option.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.template-preview-wrapper{height:160px;overflow:hidden;background:var(--gray-50)}.template-preview-scaled{transform:scale(.28);transform-origin:top left;width:357%;height:357%;pointer-events:none}.template-name{padding:.75rem;text-align:center;font-size:.8125rem;font-weight:600;color:var(--gray-700);background:var(--white);border-top:1px solid var(--gray-100)}.template-selected-badge{position:absolute;top:.5rem;right:.5rem;background:var(--primary);color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;box-shadow:0 2px 4px #0000001a}.settings-footer{padding:1.5rem 2.5rem;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--gray-300);color:var(--gray-600);border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:var(--gray-100);color:var(--black)}.btn-save{padding:.75rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 12px #68d38833}.btn-save:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:0 6px 16px #68d3884d}.close-btn-minimal{background:transparent;border:none;color:var(--gray-400);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn-minimal:hover{background:var(--gray-100);color:var(--danger)}.mt-4{margin-top:1rem}@media(max-width:992px){.settings-layout{grid-template-columns:220px 1fr}}@media(max-width:768px){.settings-layout{grid-template-columns:1fr;height:auto}.settings-sidebar{border-right:none;border-bottom:1px solid var(--gray-200);padding:1.5rem}.settings-nav{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.settings-nav-item{white-space:nowrap}.branding-grid{grid-template-columns:1fr}}.debug-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:24px;box-shadow:0 1px 2px #0000000d}.debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.debug-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:#374151}.refresh-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px}.refresh-btn:hover{background:#f3f4f6;color:#374151}.refresh-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:16px}.status-item{display:flex;flex-direction:column;gap:4px}.status-item .label{font-size:12px;color:#6b7280;font-weight:500}.status-item .value{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.status-item.connected .value{color:#10b981}.status-item.error .value{color:#ef4444}.missing-tables-alert{background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;padding:16px;margin-top:16px}.alert-title{display:flex;align-items:center;gap:8px;color:#b91c1c;margin-bottom:8px}.alert-title h4{margin:0;font-size:14px;font-weight:600}.missing-tables-alert p{margin:0 0 8px;font-size:13px;color:#7f1d1d}.missing-tables-alert ul{margin:0 0 16px;padding-left:20px;font-size:13px;color:#7f1d1d}.fix-action{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.primary-btn{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.primary-btn:hover{background:#dc2626}.sql-viewer{margin-top:16px;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.sql-header{background:#f9fafb;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#374151}.copy-btn{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #d1d5db;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;color:#374151}.copy-btn:hover{background:#f3f4f6}.sql-viewer pre{margin:0;padding:12px;background:#1f2937;color:#e5e7eb;font-family:Menlo,Monaco,Courier New,monospace;font-size:11px;overflow-x:auto;max-height:300px}.chatbot-toggle-btn{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-light) 100%);color:var(--white);border:none;border-radius:var(--radius-full);box-shadow:0 4px 12px #8b5cf64d;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease}.chatbot-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.robot-btn{width:70px;height:70px;padding:0;border-radius:50%;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);box-shadow:0 6px 20px #2563eb66;position:fixed;bottom:24px;right:24px;z-index:1000;overflow:visible;animation:robotFloat 3s ease-in-out infinite}.robot-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #2563eb80;animation:robotWiggle .5s ease-in-out}@keyframes robotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes robotWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.robot-face{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);border-radius:50%;border:3px solid rgba(255,255,255,.3)}.robot-antenna{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:4px;height:16px;background:#fffc;border-radius:2px;animation:antennaBlink 2s ease-in-out infinite}.antenna-top{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:8px;height:8px;background:gold;border-radius:50%;box-shadow:0 0 8px #ffd70099;animation:antennaPulse 1.5s ease-in-out infinite}@keyframes antennaBlink{0%,to{opacity:1}50%{opacity:.6}}@keyframes antennaPulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.2);opacity:.8}}.robot-eyes{display:flex;gap:8px;margin-top:8px;margin-bottom:4px}.robot-eye{width:12px;height:12px;background:#fff;border-radius:50%;position:relative;animation:eyeBlink 3s ease-in-out infinite;box-shadow:0 0 4px #ffffff80}.robot-eye:after{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;background:var(--purple-dark);border-radius:50%;transition:all .3s ease}.robot-btn:hover .robot-eye:after{transform:translate(1px,1px)}@keyframes eyeBlink{0%,90%,to{height:12px}95%{height:2px}}.robot-mouth{width:20px;height:8px;border:2px solid rgba(255,255,255,.9);border-top:none;border-radius:0 0 20px 20px;margin-top:2px;animation:mouthMove 2s ease-in-out infinite}@keyframes mouthMove{0%,to{width:20px}50%{width:24px}}.robot-btn:hover .robot-mouth{animation:mouthSmile .3s ease-in-out}@keyframes mouthSmile{0%{width:20px;border-radius:0 0 20px 20px}to{width:24px;border-radius:0 0 24px 24px}}.chatbot-container{position:fixed;bottom:24px;right:24px;z-index:1000;width:400px;max-width:calc(100vw - 48px);height:600px;max-height:calc(100vh - 48px);background:var(--white);border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.chatbot-container.minimized{height:60px}.chatbot-header{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-light) 100%);color:var(--white);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.chatbot-header-left{display:flex;align-items:center;gap:.75rem}.chatbot-header-left h3{margin:0;font-size:1rem;font-weight:600}.chatbot-header-left p{margin:0;font-size:.75rem;opacity:.9}.chatbot-header-actions{display:flex;gap:.5rem}.chatbot-btn-icon{background:#fff3;border:none;color:var(--white);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.chatbot-btn-icon:hover{background:#ffffff4d}.chatbot-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:var(--gray-50)}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.chatbot-message{display:flex;gap:.75rem;align-items:flex-start}.chatbot-message.user{flex-direction:row-reverse}.chatbot-message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chatbot-message.assistant .chatbot-message-avatar{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-light) 100%);color:var(--white)}.chatbot-message.user .chatbot-message-avatar{background:var(--gray-200);color:var(--gray-700)}.chatbot-message-content{max-width:75%;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;line-height:1.5}.chatbot-message.assistant .chatbot-message-content{background:var(--white);color:var(--black);border:1px solid var(--gray-200);box-shadow:0 2px 4px #0000000d}.chatbot-message.user .chatbot-message-content{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-light) 100%);color:var(--white)}.chatbot-message-content p{margin:0;white-space:pre-wrap;word-wrap:break-word}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--gray-400);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chatbot-input-form{display:flex;gap:.5rem;padding:1rem;background:var(--white);border-top:1px solid var(--gray-200)}.chatbot-input{flex:1;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:24px;font-size:.875rem;background:var(--gray-50);color:var(--black);outline:none;transition:all .2s ease}.chatbot-input:focus{border-color:var(--purple);background:var(--white);box-shadow:0 0 0 3px #8b5cf61a}.chatbot-input:disabled{opacity:.6;cursor:not-allowed}.chatbot-send-btn{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-light) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.chatbot-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #8b5cf64d}.chatbot-send-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .chatbot-container{background:#0a0a0a;border:1px solid #404040}[data-theme=dark] .chatbot-messages{background:#141414}[data-theme=dark] .chatbot-message.assistant .chatbot-message-content{background:#1a1a1a;color:#fff;border-color:#404040}[data-theme=dark] .chatbot-message.user .chatbot-message-avatar{background:#404040;color:#fff}[data-theme=dark] .chatbot-input{background:#1a1a1a;color:#fff;border-color:#404040}[data-theme=dark] .chatbot-input:focus{background:#0a0a0a;border-color:var(--purple)}[data-theme=dark] .chatbot-input-form{background:#0a0a0a;border-top-color:#404040}@media(max-width:768px){.chatbot-container{width:calc(100vw - 24px);height:calc(100vh - 24px);bottom:12px;right:12px}.chatbot-toggle-btn{bottom:16px;right:16px;padding:.75rem 1rem;font-size:.8125rem}.robot-btn{width:60px;height:60px}.robot-eye{width:10px;height:10px}.robot-eye:after{width:5px;height:5px}.robot-mouth{width:18px;height:6px}}.dashboard-header{margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem;font-weight:700;color:var(--black);margin-bottom:.25rem}[data-theme=dark] .dashboard-header h1{color:#fff!important}.dashboard-header p{font-size:.875rem;color:var(--gray-500)}[data-theme=dark] .dashboard-header p{color:#fff!important}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{position:relative;background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 35%);border-radius:var(--radius-xl);padding:1rem;display:flex;align-items:center;gap:.75rem;overflow:hidden;border:1px solid rgba(148,163,184,.4);box-shadow:0 14px 35px #0f172a14;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}[data-theme=dark] .stat-card{background:radial-gradient(circle at top left,#3b82f633,#0f172a);border-color:#94a3b859;box-shadow:0 16px 40px #000000a6}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.18),transparent 45%,transparent 70%,rgba(37,99,235,.12));opacity:0;transition:opacity .2s ease;pointer-events:none}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a2e;border-color:#3b82f699}.stat-icon{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 0%,#bfdbfe66,#3b82f64d);color:var(--white);flex-shrink:0;box-shadow:0 10px 18px #2563eb38}[data-theme=dark] .stat-icon{background:radial-gradient(circle at 30% 0%,#93c5fd59,#2563eba6);box-shadow:0 10px 20px #11182799}.stat-content{flex:1;min-width:0}.stat-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);margin-bottom:.15rem;font-weight:600}[data-theme=dark] .stat-label{color:#e2e8f0e6!important}.stat-value{font-size:1.35rem;font-weight:700;color:var(--black);line-height:1.25}[data-theme=dark] .stat-value{color:#fff!important}.alerts-section{margin-bottom:1.5rem}.alerts-section h2{font-size:1rem;font-weight:600;color:var(--black);margin-bottom:.75rem}[data-theme=dark] .alerts-section h2{color:#fff!important}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.alert-card{background:var(--white);border:1px solid var(--gray-200);border-left-width:3px;border-radius:var(--radius-lg);padding:.75rem;display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .alert-card{background:#0a0a0a!important;border:1px solid #404040!important}.alert-label{font-size:.8125rem;color:var(--gray-700)}[data-theme=dark] .alert-label{color:#fff!important}.alert-value{font-size:1rem;font-weight:700;color:var(--black)}[data-theme=dark] .alert-value{color:#fff!important}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.dashboard-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem}[data-theme=dark] .dashboard-card{background:#0a0a0a!important;border:1px solid #404040!important}.dashboard-card h2{font-size:1rem;font-weight:600;color:var(--black);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}[data-theme=dark] .dashboard-card h2{color:#fff!important;border-bottom-color:#404040!important}.recent-list{display:flex;flex-direction:column;gap:.5rem}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--gray-50);border-radius:var(--radius-md);transition:all .2s ease}[data-theme=dark] .recent-item{background:transparent!important}.recent-item:hover{background:var(--gray-100)}[data-theme=dark] .recent-item:hover{background:#ffffff0d!important}.recent-item-info h4{font-weight:600;color:var(--black);margin-bottom:.25rem;font-size:.875rem}[data-theme=dark] .recent-item-info h4{color:#fff!important}.recent-item-info p{font-size:.75rem;color:var(--gray-500)}[data-theme=dark] .recent-item-info p{color:#fff!important}.stock-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.stock-badge.ok{background:#68d3881a;color:var(--success)}.stock-badge.low{background:#f59e0b1a;color:var(--warning)}.stock-badge.out{background:#ef44441a;color:var(--danger)}.empty-state{text-align:center;padding:1rem;color:var(--gray-500);font-style:italic;font-size:.875rem}[data-theme=dark] .empty-state{color:#fff!important}.status-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.status-processing{background:#3b82f61a;color:var(--info)}.earnings-summary{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:stretch}.earnings-card{position:relative;background:radial-gradient(circle at top,#0f172a05,#f8fafc);border-radius:var(--radius-xl);padding:1.25rem 1.4rem;display:flex;align-items:center;gap:1rem;flex:1;min-width:220px;border:1px solid rgba(148,163,184,.45);box-shadow:0 14px 35px #0f172a12;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}[data-theme=dark] .earnings-card{background:radial-gradient(circle at top,#2563eb42,#0f172a);border-color:#94a3b873;box-shadow:0 18px 40px #000000bf}.earnings-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #0f172a2e;border-color:#3b82f699}[data-theme=dark] .earnings-card:hover{border-color:#bfdbfebf}.earnings-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0f172a2e}.earnings-content{flex:1}.earnings-label{font-size:.75rem;color:var(--gray-500);margin-bottom:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .earnings-label{color:#fff!important}.earnings-value{font-size:1.5rem;font-weight:700;color:var(--black);margin:0}[data-theme=dark] .earnings-value{color:#fff!important}.invoices-button{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:var(--white);border:none;border-radius:8px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 12px #2563eb40}.invoices-button:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.invoices-button:active{transform:translateY(0)}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease}[data-theme=dark] .chart-card{background:#0a0a0a!important;border:1px solid #404040!important}.chart-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}[data-theme=dark] .chart-card:hover{border-color:var(--gray-600);box-shadow:var(--shadow-md)}.chart-header{margin-bottom:1.5rem}.chart-header h2{font-size:1.125rem;font-weight:600;color:var(--black);margin-bottom:.25rem}[data-theme=dark] .chart-header h2{color:#fff!important}.chart-header p{font-size:.875rem;color:var(--gray-500);margin:0}[data-theme=dark] .chart-header p{color:#fff!important}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-section{grid-template-columns:1fr}.earnings-summary{flex-direction:column}.invoices-button{width:100%;justify-content:center}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.inventory-header{margin-bottom:1.5rem}.inventory-header h1{font-size:1.5rem;font-weight:700;color:var(--black);margin-bottom:.25rem}.inventory-header p{font-size:.875rem;color:var(--gray-500)}.inventory-controls{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--white);transition:all .2s ease}.filter-box{display:flex;align-items:center;gap:.5rem;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:0 .75rem}.filter-box svg{color:var(--gray-400)}.filter-select{padding:.5rem 0;background:transparent;border:none;color:var(--black);font-size:.875rem;cursor:pointer;outline:none}.empty-inventory{display:flex;justify-content:center;padding:3rem 0}.table-container{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;overflow-x:auto;box-shadow:var(--shadow-sm)}.inventory-table{width:100%;border-collapse:collapse;min-width:900px}.inventory-table th{background:var(--gray-50);padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);white-space:nowrap}.inventory-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.inventory-table tr:last-child td{border-bottom:none}.inventory-table tr:hover{background-color:var(--gray-50)}.item-name-cell{display:flex;flex-direction:column;gap:.25rem}.item-name{font-weight:600;color:var(--black);font-size:.9375rem}.item-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sku-badge{font-size:.6875rem;color:var(--gray-600);background:var(--gray-100);padding:.125rem .375rem;border-radius:4px;font-family:monospace}.item-desc-text{font-size:.75rem;color:var(--gray-500);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-badge{display:inline-block;padding:.25rem .75rem;background:#8b5cf61a;color:var(--purple);border-radius:20px;font-size:.75rem;font-weight:600}.price-cell{display:flex;flex-direction:column;gap:.125rem}.selling-price{font-weight:600;color:var(--black)}.purchase-price{font-size:.75rem;color:var(--gray-500)}.stock-cell{width:200px}.stock-wrapper{display:flex;flex-direction:column;gap:.375rem}.stock-text{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.stock-status{font-weight:600}.stock-status.ok{color:var(--success)}.stock-status.low{color:var(--warning)}.stock-status.out{color:var(--danger)}.min-stock-text{font-size:.6875rem;color:var(--gray-400)}.stock-progress-bar{width:100%;height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.stock-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.stock-progress-fill.ok{background:var(--success)}.stock-progress-fill.low{background:var(--warning)}.location-info{display:flex;flex-direction:column;gap:.25rem}.info-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--gray-600)}.info-icon{font-size:1rem}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--black)}.action-btn.edit:hover{color:var(--primary);background:#68d3881a;border-color:var(--primary)}.action-btn.delete:hover{color:var(--danger);background:#ef44441a;border-color:var(--danger)}@media(max-width:1024px){.table-container{margin:0 -1rem;border-radius:0;border-left:none;border-right:none}}.customer-selector{position:relative;width:100%}.customer-selector-input-wrapper{position:relative;display:flex;align-items:center}.customer-selector-input{width:100%;padding:.375rem 4rem .375rem .5rem;font-size:.8125rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--black);outline:none;transition:all .2s ease}.customer-selector-input:focus{border-color:var(--purple);box-shadow:0 0 0 2px #8b5cf61a}.customer-selector-add-btn{position:absolute;right:2.25rem;background:var(--purple-50);border:1px solid var(--purple-100);color:var(--purple);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;width:24px;height:24px;transition:all .2s ease;border-radius:4px}.customer-selector-add-btn:hover{color:var(--white);background:var(--purple);border-color:var(--purple);transform:translateY(-1px)}.customer-selector-toggle{position:absolute;right:.5rem;background:none;border:none;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;transition:color .2s ease}.customer-selector-toggle:hover{color:var(--gray-700)}.customer-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;overflow-y:auto;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.customer-selector-list{padding:.5rem}.customer-selector-item{padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-bottom:.125rem}.customer-selector-item:hover{background:var(--gray-50)}.customer-selector-item-info{display:flex;flex-direction:column;gap:.125rem}.customer-selector-item-name{font-weight:500;color:var(--black);font-size:.875rem}.customer-selector-item-phone,.customer-selector-item-email{font-size:.75rem;color:var(--gray-600)}.customer-selector-add-option{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px;cursor:pointer;color:var(--purple);font-weight:500;font-size:.875rem;transition:all .2s ease;border-top:1px solid var(--gray-200);margin-top:.5rem}.customer-selector-add-option:hover{background:var(--purple-50)}.customer-selector-empty{padding:1.5rem;text-align:center;color:var(--gray-500);font-size:.875rem}.customer-selector-add-form{padding:1rem;max-height:400px;overflow-y:auto}.customer-selector-add-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.customer-selector-add-form-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--black)}.customer-selector-close-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px;transition:all .2s ease}.customer-selector-close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.customer-selector-form-group{margin-bottom:.5rem}.customer-selector-form-group label{display:block;margin-bottom:.125rem;font-size:.75rem;font-weight:500;color:var(--gray-700)}.customer-selector-form-input{width:100%;padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--gray-300);border-radius:4px;background:var(--white);color:var(--black);outline:none;transition:all .2s ease;font-family:inherit}.customer-selector-form-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf61a}.customer-selector-form-input textarea{resize:vertical;min-height:60px}.customer-selector-form-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.customer-selector-save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--purple);color:var(--white);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.customer-selector-save-btn:hover{background:var(--purple-dark);transform:translateY(-1px)}.customer-selector-cancel-btn{padding:.625rem 1rem;background:var(--gray-100);color:var(--gray-700);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.customer-selector-cancel-btn:hover{background:var(--gray-200)}[data-theme=dark] .customer-selector-input{background:#1a1a1a;color:#fff;border-color:#404040}[data-theme=dark] .customer-selector-input:focus{border-color:var(--purple);background:#0a0a0a}[data-theme=dark] .customer-selector-dropdown{background:#0a0a0a;border-color:#404040}[data-theme=dark] .customer-selector-item:hover{background:#ffffff0d}[data-theme=dark] .customer-selector-item-name{color:#fff}[data-theme=dark] .customer-selector-item-phone,[data-theme=dark] .customer-selector-item-email{color:#d4d4d4}[data-theme=dark] .customer-selector-add-option{border-top-color:#404040}[data-theme=dark] .customer-selector-add-option:hover{background:#8b5cf61a}[data-theme=dark] .customer-selector-empty{color:#d4d4d4}[data-theme=dark] .customer-selector-add-form-header{border-bottom-color:#404040}[data-theme=dark] .customer-selector-add-form-header h4{color:#fff}[data-theme=dark] .customer-selector-close-btn:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .customer-selector-form-input{background:#1a1a1a;color:#fff;border-color:#404040}[data-theme=dark] .customer-selector-form-input:focus{background:#0a0a0a;border-color:var(--purple)}[data-theme=dark] .customer-selector-form-group label{color:#d4d4d4}[data-theme=dark] .customer-selector-form-actions{border-top-color:#404040}[data-theme=dark] .customer-selector-cancel-btn{background:#262626;color:#fff}[data-theme=dark] .customer-selector-cancel-btn:hover{background:#404040}[data-theme=dark] .customer-selector-add-btn:hover{color:var(--purple);background:#8b5cf61a}.close-btn{background:none;border:none;color:var(--gray-600);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.form-section:last-of-type{margin-bottom:.75rem}.form-section h2{font-size:.75rem;font-weight:600;color:var(--gray-600);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.product-details-panel{margin-top:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.category-select-wrapper{display:flex;gap:.5rem;align-items:flex-start}.category-select-wrapper .input{flex:1}.add-category-btn{width:44px;height:44px;border-radius:6px;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.add-category-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.new-category-input{display:flex;gap:.5rem;align-items:center}.new-category-input .input{flex:1;padding:.75rem}.save-category-btn,.cancel-category-btn{width:36px;height:36px;border-radius:6px;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.save-category-btn:hover{background:#68d3881a;border-color:var(--success);color:var(--success)}.cancel-category-btn:hover{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.purchase-cost-display{font-size:1.25rem;font-weight:600;color:var(--success);padding:.75rem;background:#68d3881a;border-radius:6px;border:1px solid rgba(104,211,136,.2);text-align:center}@media(max-width:768px){.form{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.controls-bar{display:flex;gap:.75rem;margin-bottom:1.5rem}.order-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;transition:all .2s ease}.header-actions{display:flex;align-items:center;gap:.5rem}.quick-share-btn{width:32px;height:32px;border-radius:6px;border:1px solid rgba(139,92,246,.3);background:#8b5cf61a;color:var(--purple);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quick-share-btn:hover{background:#8b5cf633;border-color:var(--purple);transform:scale(1.1)}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.status-complete{background:#68d3881a;color:var(--success)}.status-badge.payment-credit{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.status-badge.status-pending{background:#f59e0b1a;color:var(--warning)}.action-btn.payment:hover{background:#68d3881a;border-color:var(--success);color:var(--success)}.add-item-section select,.add-item-section input{flex:1;min-width:120px;padding:.5rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--black)}.add-item-section select{flex:2;min-width:200px}.add-item-section input[type=number]{flex:1;min-width:80px;max-width:100px}.add-item-section .btn-primary{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap;min-width:auto;width:auto}.total-section{text-align:right;padding:.75rem;margin-top:.5rem;font-size:1rem;color:var(--black);border-top:2px solid var(--gray-200)}.total-breakdown{display:flex;flex-direction:column;gap:.5rem}.total-row.total-final{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--gray-300);font-size:1.125rem}.radio-group{display:flex;gap:2rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--gray-700)}.radio-label input[type=radio]{width:1rem!important;height:1rem!important;margin:0;cursor:pointer}.checkbox-group{margin-top:.5rem}.checkbox-label input[type=checkbox]{width:1rem!important;height:1rem!important;margin:0;cursor:pointer}.product-details-panel{margin-top:1.5rem;padding:1.5rem;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.product-details-panel h3{font-size:.9375rem;font-weight:600;color:var(--black);margin-bottom:1rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.item-name{font-weight:600;color:var(--black);margin-bottom:.25rem}.item-details-small{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--gray-600)}.item-details-small span{padding:.125rem .375rem;background:var(--gray-100);border-radius:4px}.search-box input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--white)}.filter-select{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:var(--white);cursor:pointer}.empty-card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:2rem;text-align:center;color:var(--gray-500)}.service-description{padding:.75rem;background:var(--gray-50);border-radius:6px;font-size:.8125rem;color:var(--gray-700);line-height:1.5}.form-grid .form-group input,.form-grid .form-group select{width:100%;padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--black)}.items-table th{padding:.375rem .5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.items-table td{padding:.375rem .5rem;vertical-align:middle;font-size:.8125rem}.summary-row{display:flex;justify-content:space-between;padding:.125rem 0;font-size:.8125rem}.add-item-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.item-search-wrapper{width:100%;position:relative}.item-search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.item-search-input-wrapper .search-icon{position:absolute;right:.75rem;color:var(--gray-500);pointer-events:none;z-index:1}.item-search-input{width:100%;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--black)}.item-search-input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf61a}.item-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;width:100%;background:var(--white);border:1px solid var(--gray-300);border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:300px;overflow-y:auto;z-index:1000;margin-top:0}.item-dropdown-option{padding:.5rem .75rem;cursor:pointer;border-bottom:1px solid var(--gray-200);transition:background-color .15s}.item-dropdown-option:last-child{border-bottom:none}.item-dropdown-name{font-weight:600;color:var(--black);margin-bottom:.25rem}.item-dropdown-details{font-size:.75rem;color:var(--gray-600)}.item-dropdown-empty{padding:1rem;text-align:center;color:var(--gray-500);font-size:.875rem}.add-item-section-row{display:flex;gap:.5rem;align-items:center}.add-item-section-row select,.add-item-section-row input{flex:1;min-width:120px;padding:.5rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--black)}.add-item-section-row select{flex:2;min-width:200px}.discount-input-group{display:flex;gap:.5rem}.discount-input-group input{flex:1}.discount-type-select{width:100px!important}.form-totals{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.total-row{display:flex;justify-content:space-between;width:100%;max-width:300px;font-size:.875rem;color:var(--gray-600)}.total-row.grand-total{font-size:1.125rem;font-weight:700;color:var(--black);margin-top:.5rem;padding-top:.5rem;border-top:2px solid var(--gray-100)}.total-row.discount{color:var(--danger)}.total-row.coins{color:var(--purple)}.product-details-panel{background:var(--gray-50);padding:1.25rem;border-radius:8px;border:1px solid var(--gray-200)}.item-price-cell{display:flex;flex-direction:column;gap:.25rem}.item-gst-info{font-size:.75rem;color:var(--gray-600)}.gst-amount-text{font-size:.875rem}.no-gst-text{font-size:.875rem;color:var(--gray-400)}.item-total-text{font-weight:600}.add-item-section-row input[type=number]{flex:1;min-width:80px;max-width:100px}.add-item-section-row .btn-primary{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap;min-width:auto;width:auto}.controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center;flex:1;min-width:0}.search-box input{width:100%;max-width:320px;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--white)}.action-btn{width:32px;height:32px;border:1px solid var(--gray-300);background:var(--white);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--gray-600)}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1.5rem}.customer-card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:1.25rem;transition:all .2s ease}.customer-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple)}.customer-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.customer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:1.125rem}.customer-info{flex:1;text-align:left}.customer-info h3{font-size:1rem;font-weight:600;color:var(--black);margin:0;text-align:left}.customer-company{font-size:.8125rem;color:var(--gray-500);margin:.25rem 0 0;text-align:left}.customer-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.customer-notes{padding:.75rem;background:var(--gray-50);border-radius:4px;margin-bottom:1rem}.customer-notes p{font-size:.8125rem;color:var(--gray-600);margin:0;line-height:1.5}.form-container{width:100%;background:var(--white);border-radius:8px;box-shadow:var(--shadow);box-sizing:border-box}.form{padding:.875rem}.form-grid .form-group{display:flex;flex-direction:column;gap:.375rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.75rem;font-weight:600;color:var(--gray-700);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.form-hint{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.dealers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1.5rem}.dealer-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.25rem;transition:all .2s ease}.dealer-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple)}.dealer-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.dealer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:1.125rem}.dealer-info{flex:1;text-align:left}.dealer-info h3{font-size:1rem;font-weight:600;color:var(--black);margin:0;text-align:left}.dealer-company{font-size:.8125rem;color:var(--gray-500);margin:.25rem 0 0;text-align:left}.dealer-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.dealer-notes{padding:.75rem;background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:1rem}.dealer-notes p{font-size:.8125rem;color:var(--gray-600);margin:0;line-height:1.5}.vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.vendor-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease}.vendor-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.vendor-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.vendor-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.vendor-info{flex:1}.vendor-info h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--black)}.vendor-company{margin:.25rem 0 0;font-size:.875rem;color:var(--gray-600)}.vendor-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.vendor-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.vendor-notes p{margin:0;font-size:.875rem;color:var(--gray-600);line-height:1.5}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1.5rem}.order-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.25rem;transition:all .2s ease}.order-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.order-id{font-size:1rem;font-weight:600;color:var(--black);margin:0 0 .25rem}.order-date{font-size:.75rem;color:var(--gray-500);display:flex;align-items:center;gap:.25rem;margin:0}.order-type-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.order-type-badge.sales{background:#8b5cf61a;color:var(--purple)}.order-type-badge.service{background:#10b9811a;color:var(--success)}.order-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.info-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600)}.info-row svg{color:var(--gray-400);flex-shrink:0}.form-container{width:100%;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);box-sizing:border-box}.form-group.medium-width{grid-column:span 2;max-width:500px}.search-wrapper{position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;right:.75rem;color:var(--gray-400);pointer-events:none;z-index:1}.search-input-wrapper input{padding-right:2.5rem}.dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);margin-top:.25rem;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-md)}.dropdown-item{padding:.5rem .75rem;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:background .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--gray-50)}.dropdown-item strong{display:block;font-size:.8125rem;color:var(--black);margin-bottom:.125rem}.dropdown-subtext{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.125rem}.search-box input{width:300px;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:var(--white)}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1.5rem}.employee-card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:1.25rem;transition:all .2s ease}.employee-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple)}.employee-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.employee-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:1.125rem}.employee-info h3{font-size:1rem;font-weight:600;color:var(--black);margin:0}.employee-position{font-size:.8125rem;color:var(--gray-500);margin:.25rem 0 0}.employee-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.tasks-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.task-card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:1.25rem;transition:all .2s ease}.task-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.task-title-row{display:flex;align-items:center;gap:.75rem;flex:1}.task-title-row h3{font-size:1rem;font-weight:600;color:var(--black);margin:0}.task-description{font-size:.875rem;color:var(--gray-600);margin:0 0 1rem;line-height:1.5}.task-details{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.task-detail{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--gray-600)}.task-detail svg{color:var(--gray-400)}.priority-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.priority-high{background:#ef44441a;color:var(--danger)}.priority-medium{background:#f59e0b1a;color:var(--warning)}.priority-low{background:#68d3881a;color:var(--success)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.controls{display:flex;gap:.75rem}.search-box{position:relative;display:flex;align-items:center}.search-box input{width:300px;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--white)}.search-box input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #68d3881a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{color:var(--gray-400);margin-bottom:1rem}.empty-state p{font-size:1rem;font-weight:600;color:var(--gray-600);margin-bottom:.5rem}.empty-state span{font-size:.875rem;color:var(--gray-500)}.card-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--gray-200)}.action-btn{width:32px;height:32px;border:1px solid var(--gray-300);background:var(--white);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--gray-600)}.action-btn:hover{background:var(--gray-50);border-color:var(--purple);color:var(--purple)}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1.5rem}.lead-card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:1.25rem;transition:all .2s ease}.lead-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple)}.lead-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.lead-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:1.125rem}.lead-info{flex:1}.lead-info h3{font-size:1rem;font-weight:600;color:var(--black);margin:0}.lead-company{font-size:.8125rem;color:var(--gray-500);margin:.25rem 0 0}.lead-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600)}.detail-item svg{color:var(--gray-400)}.lead-value{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#68d3881a;border-radius:4px;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:var(--success)}.lead-notes{padding:.75rem;background:var(--gray-50);border-radius:4px;margin-bottom:1rem}.lead-notes p{font-size:.8125rem;color:var(--gray-600);margin:0;line-height:1.5}.date-filter-box{display:flex;align-items:center;gap:.5rem;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:.25rem .5rem}.filter-input{border:none;font-size:.875rem;color:var(--black);background:transparent;outline:none;font-family:inherit;padding:.25rem}.expenses-container{padding:2rem}.expense-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem}.expense-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #E5E5E5}.expense-category{font-size:18px;font-weight:600;color:#0a0a0a}.expense-amount{font-size:20px;font-weight:700;color:#ef4444}.expense-description{color:#737373;margin-bottom:.5rem}.expense-date{font-size:12px;color:#a3a3a3}.form-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.form-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--gray-200)}.form-header h2{font-size:1rem;font-weight:600;color:var(--black);margin:0}.expense-form{padding:.875rem}.form-group{margin-bottom:.5rem}.form-group label{display:block;font-size:.65rem;font-weight:600;color:var(--gray-700);margin-bottom:.125rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:.375rem .5rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.8125rem;font-family:inherit;transition:border-color .2s;background:var(--white);color:var(--black);width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--success)}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}@media(max-width:768px){.expense-form{padding:1rem}.form-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--black);margin-bottom:.25rem}.page-header p{font-size:.875rem;color:var(--gray-500)}.controls-bar{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:.75rem;color:var(--gray-400);pointer-events:none}.search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--white)}.search-input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf61a}.filter-select{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--white);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--purple)}.form-content{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:.875rem}.empty-state{display:flex;justify-content:center;padding:3rem 0}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.order-card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:1rem;transition:all .2s ease}.tabs-container{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-200);overflow-x:auto;padding-bottom:.5rem;padding-top:.25rem;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{padding:.625rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap;font-size:.875rem;border:1px solid var(--gray-300);background:var(--gray-50);color:var(--gray-700)}.tab-button:hover{background:var(--gray-100);border-color:var(--gray-400);transform:translateY(-1px)}.tab-button.active-invoice{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 4px #0000001a}.tab-button.active-credit{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 2px 4px #0000001a}.tab-button.active-quotation{background:var(--info);color:#fff;border-color:var(--info);box-shadow:0 2px 4px #0000001a}.tab-button.active-supplier{background:var(--warning);color:#fff;border-color:var(--warning);box-shadow:0 2px 4px #0000001a}.tab-count{margin-left:.25rem;padding:.125rem .5rem;border-radius:12px;font-size:11px;font-weight:700;background:var(--gray-200);color:var(--gray-700)}.tab-button.active-invoice .tab-count,.tab-button.active-credit .tab-count,.tab-button.active-quotation .tab-count,.tab-button.active-supplier .tab-count{background:#ffffff4d;color:#fff}.order-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.order-id{font-size:.875rem;font-weight:600;color:var(--black);margin-bottom:.25rem}.order-date{font-size:.75rem;color:var(--gray-500);display:flex;align-items:center;gap:.25rem}.status-select{padding:.25rem .5rem;border-radius:4px;border:1px solid transparent;font-size:.75rem;font-weight:500;cursor:pointer}.status-select.status-pending{background:#f59e0b1a;color:var(--warning)}.status-select.status-complete{background:#68d3881a;color:var(--success)}.status-select.status-processing{background:#3b82f61a;color:var(--info)}.status-select.status-return{background:#ef44441a;color:var(--danger)}.card-body{display:flex;flex-direction:column;gap:.75rem}.order-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-label{color:var(--gray-500);display:flex;align-items:center;gap:.25rem}.info-value{color:var(--black);font-weight:500}.order-items{padding:.75rem;background:var(--gray-50);border-radius:6px;font-size:.8125rem}.items-header{font-weight:600;color:var(--black);margin-bottom:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.item-row{display:flex;justify-content:space-between;padding:.25rem 0;color:var(--gray-700)}.more-items{margin-top:.25rem;font-size:.75rem;color:var(--gray-500);font-style:italic}.order-remarks{padding:.5rem;background:var(--gray-50);border-radius:6px;font-size:.8125rem;color:var(--gray-700);border-left:2px solid var(--purple)}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--gray-200)}.order-total{display:flex;align-items:center;gap:.25rem;font-size:1rem;font-weight:700;color:var(--black)}.card-actions{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:500}.action-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.action-btn.delete:hover{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.action-btn.share{background:#8b5cf60d;border-color:#8b5cf64d;color:var(--purple)}.action-btn.share:hover{background:#8b5cf626;border-color:var(--purple);color:var(--purple);transform:scale(1.05)}.action-btn.view{background:#3b82f60d;border-color:#3b82f64d;color:var(--info)}.action-btn.view:hover{background:#3b82f626;border-color:var(--info);color:var(--info);transform:scale(1.05)}.form-header{margin-bottom:.5rem}.form-header h1{font-size:1.125rem;font-weight:700;color:var(--black)}.form-content{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:.875rem}.form-section{margin-bottom:.875rem}.form-section:last-of-type{margin-bottom:.5rem}.form-section h2,.section-title{font-size:.8125rem;font-weight:600;color:var(--black);margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--gray-200)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.form-grid .form-group{display:flex;flex-direction:column;gap:.125rem}.form-grid .form-group input,.form-grid .form-group select{width:100%;padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--gray-300);border-radius:4px;background:var(--white);color:var(--black)}.form-grid .form-group input:focus,.form-grid .form-group select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 2px #8b5cf61a}.form-group{display:flex;flex-direction:column;gap:.125rem}.form-group label{font-size:.65rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.add-item-section{display:flex;gap:.5rem;margin-bottom:1rem}.items-list{margin-top:1rem}.items-table thead{background:var(--gray-50)}.items-table th{padding:.375rem .5rem;text-align:left;font-weight:600;color:var(--gray-600);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.items-table td{padding:.375rem .5rem;vertical-align:middle}.input-sm{width:80px;padding:.375rem;font-size:.8125rem}.btn-remove{background:transparent;border:none;color:var(--danger);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#ef44441a;border-radius:4px}.invoice-totals{margin-top:.75rem;padding:.75rem;background:var(--gray-50);border-radius:6px}.total-row{display:flex;justify-content:space-between;padding:.125rem 0;font-size:.8125rem;color:var(--gray-700)}.total-final{margin-top:.375rem;padding-top:.375rem;border-top:2px solid var(--gray-300);font-size:.9375rem;font-weight:700}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding:1rem;border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 8px 8px}.empty-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem;text-align:center;color:var(--gray-500)}.reports-header{margin-bottom:2rem}.reports-header-content{display:flex;align-items:center;gap:1rem}.reports-icon{width:56px;height:56px;background:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--success)}.reports-header-content h1{font-size:2rem;font-weight:600;color:var(--black);margin:0 0 .25rem}.reports-header-content p{font-size:.9375rem;color:var(--gray-500);margin:0}.reports-content{margin-top:2rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.report-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem}.report-card:hover{border-color:var(--success);box-shadow:0 4px 12px #68d3881a;transform:translateY(-2px)}.report-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.report-card h3{font-size:1.25rem;font-weight:600;color:var(--black);margin:0}.report-card p{font-size:.9375rem;color:var(--gray-500);margin:0;line-height:1.6;flex:1}.report-btn{background:var(--gray-100);color:var(--black);border:none;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;margin-top:.5rem}.report-card:hover .report-btn{background:var(--success);color:var(--white)}.report-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.report-modal{background:var(--white);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--gray-200)}.report-modal-header h2{font-size:1.5rem;font-weight:600;color:var(--black);margin:0}.close-btn{background:none;border:none;font-size:2rem;color:var(--gray-500);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.report-modal-content{padding:2rem}.date-range-section{margin-bottom:2rem}.date-range-section>label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--black);margin-bottom:1rem}.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.date-inputs>div{display:flex;flex-direction:column;gap:.5rem}.date-inputs label{font-size:.875rem;color:var(--gray-600);font-weight:500}.date-inputs input{padding:.75rem;border:1px solid var(--gray-200);border-radius:8px;font-size:.9375rem;font-family:inherit;background:var(--gray-50);color:var(--black);transition:all .2s ease}.date-inputs input:focus{outline:none;border-color:var(--success);background:var(--white);box-shadow:0 0 0 3px #68d3881a}.form-hint{font-size:.8125rem;color:var(--gray-500);margin:.5rem 0 0}.report-info{background:var(--gray-50);border-radius:8px;padding:1rem;margin-bottom:2rem}.report-info p{font-size:.9375rem;color:var(--gray-600);margin:0;line-height:1.6}.report-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-primary{background:var(--success);color:var(--white);border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--purple-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--gray-100);color:var(--black);border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.reports-container{padding:1rem}.reports-grid{grid-template-columns:1fr}.report-modal{width:95%;max-height:95vh}.date-inputs{grid-template-columns:1fr}}.sidebar{width:240px;background:linear-gradient(180deg,var(--white) 0%,var(--gray-50) 100%);border-right:1px solid var(--gray-200);padding:1.5rem 1rem;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;box-shadow:2px 0 8px #00000005;z-index:20}.sidebar-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:2px solid var(--gray-200)}.logo-container{display:flex;align-items:center;gap:.875rem;padding:.5rem;border-radius:var(--radius-lg);transition:all .2s ease}.logo-container:hover{background:var(--gray-50)}.logo-circle{width:52px;height:52px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #8b5cf640;transition:transform .2s ease}.logo-container:hover .logo-circle{transform:scale(1.05)}.logo-circle span{font-size:1rem;font-weight:700;color:var(--white);letter-spacing:.5px}.sidebar-logo{font-size:1.125rem;font-weight:700;color:var(--black);margin-bottom:.25rem;letter-spacing:-.3px;line-height:1.2}.sidebar-tagline{font-size:.75rem;color:var(--gray-500);font-weight:400}.business-logo-img{width:48px;height:48px;border-radius:var(--radius-md);object-fit:contain;background:var(--white);padding:.25rem;box-shadow:0 4px 12px #8b5cf64d}.sidebar-user{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:0 2px 4px #00000005}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:var(--radius-md);background:var(--purple);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-action{width:100%;justify-content:flex-start}.sidebar-action.logout{color:var(--danger)}.sidebar-action.logout:hover{background:#ef44441a;color:var(--danger)}.sidebar-nav{display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto;min-height:0}.nav-section{display:flex;flex-direction:column;gap:.25rem}.nav-section-title{font-size:.6875rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;padding:0 .5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;position:relative}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--purple);border-radius:0 3px 3px 0;transition:height .2s ease}.nav-item:hover{background:var(--gray-100);color:var(--black);transform:translate(2px)}.nav-item.active{background:#8b5cf61f;color:var(--purple);font-weight:600}.nav-item.active:before{height:60%}.nav-item svg{flex-shrink:0}.sidebar-footer{margin-top:auto;border-top:2px solid var(--gray-200);display:flex;flex-direction:column;gap:.375rem;background:var(--white);margin-left:-1rem;margin-right:-1rem;padding:1.25rem 1rem .5rem}@media(max-width:1024px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}}.payment-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-modal{background:var(--white);border-radius:var(--radius-xl);padding:1.25rem;max-width:500px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}.payment-modal-header h2{font-size:1.125rem;font-weight:600;color:var(--black);display:flex;align-items:center;gap:.5rem;margin:0}.rupee-icon{font-size:20px;line-height:1;display:inline-flex;align-items:center;margin-right:8px}.payment-info{background:var(--gray-50);border-radius:var(--radius-lg);padding:.75rem;margin-bottom:.75rem}.info-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.8125rem}.info-row span{color:var(--gray-600)}.info-row strong{color:var(--black);font-weight:600}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}@media(min-width:480px){.payment-methods{grid-template-columns:repeat(4,1fr)}}.payment-method-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .25rem;border:1.5px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--white);text-align:center;min-height:80px;width:100%;box-sizing:border-box}.payment-method-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.payment-method-text{display:block;font-size:.75rem;font-weight:500;line-height:1.3;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.payment-method-option input[type=radio]{display:none}.payment-method-option:has(input:checked){border-color:var(--purple);background:#8b5cf60d;color:var(--purple)}.payment-method-option:hover{border-color:var(--purple)}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:var(--gray-700)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--purple)}.payment-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.document-type-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.document-type-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:2px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .2s ease;background:var(--white);text-align:center;position:relative}.document-type-option:hover{border-color:var(--purple-light);background:var(--gray-50)}.document-type-option.active{border-color:var(--purple);background:#8b5cf60d;box-shadow:0 4px 12px #8b5cf61a}.document-type-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.option-icon{margin-bottom:.5rem;color:var(--gray-400);transition:color .2s ease}.document-type-option.active .option-icon{color:var(--purple)}.option-text{display:flex;flex-direction:column;gap:.25rem}.option-title{font-size:.9375rem;font-weight:600;color:var(--black)}.option-desc{font-size:.75rem;color:var(--gray-500)}.document-type-option.active .option-title{color:var(--purple-dark)}.form-hint{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.5rem;font-style:italic}.share-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-modal{background:var(--white);border-radius:var(--radius-xl);padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.share-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--black);display:flex;align-items:center;gap:.5rem}.close-btn{background:transparent;border:none;color:var(--gray-500);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all .2s ease}.close-btn:hover{background:var(--gray-100);color:var(--black)}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.share-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--black)}.share-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-option.whatsapp:hover{border-color:#25d366;background:#25d3660d;color:#25d366}.share-option.email:hover{border-color:var(--purple);background:#8b5cf60d;color:var(--purple)}.share-option.sms:hover{border-color:var(--info);background:#3b82f60d;color:var(--info)}.share-option.copy:hover{border-color:var(--gray-600);background:var(--gray-50)}.share-option.download{border-color:var(--purple);color:var(--purple)}.share-option.download:hover{border-color:var(--purple);background:#8b5cf61a;color:var(--purple-dark)}.share-option:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.share-option svg{transition:transform .3s ease}.share-option:hover svg{transform:scale(1.1)}.share-info{padding:1rem;background:var(--gray-50);border-radius:8px;text-align:center}.share-info p{font-size:.875rem;color:var(--gray-600);margin:0}@media(max-width:480px){.share-modal{padding:1.5rem;width:100%;border-radius:var(--radius-lg)}.share-options{grid-template-columns:1fr}}.bill-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;overflow-y:auto}.bill-modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.bill-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e5e5;position:sticky;top:0;background:#fff;border-radius:12px 12px 0 0;z-index:10}.bill-modal-header h2{font-size:1.5rem;font-weight:700;color:var(--black);margin:0}.bill-modal-actions{display:flex;gap:.5rem}.bill-action-btn{background:transparent;border:1px solid #e5e5e5;border-radius:var(--radius-md);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-700);transition:all .2s}.bill-action-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.bill-document{padding:2rem;overflow-y:auto;flex:1}.bill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e5e5}.bill-company-info{flex:1}.bill-logo{max-width:160px;max-height:50px;margin-bottom:.5rem;object-fit:contain}.bill-company-name{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem;letter-spacing:-.3px}.bill-tagline{color:#737373;font-size:.75rem;margin:0}.bill-doc-info{text-align:right}.bill-doc-title{font-size:1.125rem;font-weight:600;color:var(--black);margin:0 0 .25rem}.bill-doc-number{color:#737373;font-size:.875rem;margin:0}.bill-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.bill-section{display:flex;flex-direction:column;gap:.5rem}.bill-section-right{text-align:right;align-items:flex-end}.bill-section-label{font-size:.625rem;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem}.bill-customer-name{font-size:.875rem;font-weight:600;color:var(--black);margin:0}.bill-customer-detail{font-size:.75rem;color:#737373;margin:.125rem 0}.bill-detail{font-size:.75rem;color:#525252;margin:.125rem 0}.bill-status{text-transform:capitalize;font-weight:600}.bill-items-section{margin-bottom:2rem}.bill-items-table{width:100%;border-collapse:collapse}.bill-items-table thead{border-bottom:1px solid #e5e5e5}.bill-items-table th{padding:.75rem .5rem;text-align:left;font-size:.625rem;font-weight:600;color:#525252;text-transform:uppercase;letter-spacing:.5px}.bill-items-table th:nth-child(2),.bill-items-table th:nth-child(3),.bill-items-table th:nth-child(4){text-align:right}.bill-items-table th:nth-child(2){text-align:center}.bill-items-table td{padding:.75rem .5rem;border-bottom:1px solid #f5f5f5}.bill-item-name{font-weight:600;color:var(--black);margin-bottom:.25rem}.bill-item-details{font-size:.7rem;color:#737373;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.bill-item-details span{padding:.125rem .375rem;background:#f5f5f5;border-radius:4px}.bill-item-qty{text-align:center;color:#525252}.bill-item-price,.bill-item-total{text-align:right;color:#525252}.bill-description-section{margin-bottom:2rem;padding:1rem;background:#f9f9f9;border-radius:6px}.bill-description-text{font-size:.875rem;color:#525252;line-height:1.6;margin:.5rem 0 0}.bill-totals-section{margin-bottom:2rem}.bill-totals-grid{display:flex;flex-direction:column;gap:.5rem;padding-left:60%}.bill-total-row{display:flex;justify-content:space-between;font-size:.875rem;color:#525252}.bill-total-row-discount{color:var(--success)}.bill-total-row-final{font-size:1.125rem;font-weight:700;color:var(--black);padding-top:.75rem;margin-top:.5rem;border-top:2px solid #e5e5e5}.bill-coins-section{margin-bottom:2rem;padding:1rem;background:#68d3881a;border-radius:6px}.bill-coins-info{font-size:.875rem;color:#525252;margin-bottom:.5rem}.bill-coins-info:last-child{margin-bottom:0}.bill-coins-earned{color:var(--success);font-weight:600}.bill-remarks-section{margin-bottom:2rem;padding:1rem;background:#f9f9f9;border-radius:6px}.bill-remarks-text{font-size:.875rem;color:#525252;line-height:1.6;margin:.5rem 0 0}.bill-footer-section{margin-bottom:2rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.bill-footer-text{font-size:.75rem;color:#737373;line-height:1.6;margin-bottom:.75rem}.bill-footer-text:last-child{margin-bottom:0}.bill-business-footer{padding-top:1.5rem;border-top:1px solid #e5e5e5;text-align:center;font-size:.75rem;color:#737373}.bill-business-footer p{margin:.25rem 0}@media(max-width:768px){.bill-modal-overlay{padding:1rem}.bill-modal-content{max-height:95vh}.bill-document{padding:1.5rem}.bill-header{flex-direction:column;gap:1.5rem}.bill-doc-info{text-align:left}.bill-details-grid{grid-template-columns:1fr;gap:1.5rem}.bill-section-right{text-align:left;align-items:flex-start}.bill-totals-grid{padding-left:0}.bill-items-table{font-size:.75rem}.bill-items-table th,.bill-items-table td{padding:.5rem .25rem}}.customer-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.customer-modal-content{width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--white);color:var(--black);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle:hover{background:var(--gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.theme-toggle:active{transform:translateY(0)}[data-theme=dark] .theme-toggle{background:var(--gray-800);color:var(--white)}[data-theme=dark] .theme-toggle:hover{background:var(--gray-700)}.backend-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--gray-50)}.backend-auth-wrapper{width:100%;max-width:420px}.backend-auth-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:1.75rem 1.5rem;box-shadow:var(--shadow-md)}.backend-auth-button{width:100%;margin-top:.75rem}.backend-shell{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.backend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.backend-header h1{font-size:1.35rem;font-weight:700;color:var(--black)}.backend-header p{color:var(--gray-600);font-size:.9rem}.backend-toolbar{display:flex;flex-direction:column;gap:.75rem}.backend-toolbar-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.backend-toolbar-row-secondary{border-top:1px solid var(--gray-200);padding-top:.75rem}.backend-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:var(--shadow-sm)}.backend-field{min-width:180px}.backend-field-search{flex:1}.backend-field-compact{width:120px}.backend-toolbar-actions{margin-left:auto}.backend-table-card{margin-top:.5rem}.table-wrapper{width:100%;overflow:auto}.backend-table{width:100%;border-collapse:collapse}.backend-table th,.backend-table td{text-align:left;border-bottom:1px solid var(--gray-200);padding:.5rem .75rem;font-size:.9rem;white-space:nowrap}.backend-table thead th{position:sticky;top:0;background:var(--white)}.backend-table th.sortable{cursor:pointer}.backend-table th.active{color:var(--black);font-weight:600}.backend-table tbody tr:nth-child(2n){background:var(--gray-50)}.backend-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.backend-subtitle{font-size:.8rem;color:var(--gray-500)}.backend-error{color:var(--danger)}.backend-error-inline{margin-top:.25rem}.backend-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.backend-pagination-summary{font-size:.8rem;color:var(--gray-600)}.backend-pagination-controls{display:flex;align-items:center;gap:.5rem}.backend-page-indicator{font-size:.8rem;color:var(--gray-600)}@media(max-width:768px){.backend-shell{padding:0}.backend-card{padding:.9rem 1rem}.backend-header{flex-direction:column;align-items:flex-start;gap:.25rem}.backend-toolbar-row{align-items:stretch}.backend-toolbar-actions{width:100%;display:flex;justify-content:flex-end}}*{margin:0;padding:0;box-sizing:border-box}:root{--purple: #3b82f6;--primary: var(--purple);--purple-light: #60a5fa;--purple-dark: #2563eb;--accent-green: #dbeafe;--success: #22c55e;--black: #0A0A0A;--black-light: #1A1A1A;--white: #FFFFFF;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}[data-theme=dark]{--purple: #60a5fa;--primary: var(--purple);--purple-light: #93c5fd;--purple-dark: #1d4ed8;--accent-green: #1e3a8a;--success: #22c55e;--black: #FFFFFF;--black-light: #E5E5E5;--white: #0A0A0A;--gray-50: #171717;--gray-100: #262626;--gray-200: #404040;--gray-300: #525252;--gray-400: #737373;--gray-500: #A3A3A3;--gray-600: #D4D4D4;--gray-700: #E5E5E5;--gray-800: #F5F5F5;--gray-900: #FAFAFA;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gray-50);min-height:100vh;color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}#root{min-height:100vh;width:100%}.app-layout{display:flex;min-height:100vh;position:relative}.app-main{flex:1;padding:2rem;background:var(--gray-50);min-height:100vh;width:100%;max-width:100%;box-sizing:border-box}.page-container,.inventory-list,.dashboard,.form-container,.reports-container,.business-settings-container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;box-sizing:border-box}.top-right-actions{position:fixed;top:1.25rem;right:1.5rem;z-index:1000;display:flex;align-items:center;gap:1rem}.quick-add-button{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:var(--white);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quick-add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.quick-add-button:active{transform:translateY(0)}[data-theme=dark] .quick-add-button{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:var(--white)}.global-add-button{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #8b5cf64d;transition:all .2s ease;white-space:nowrap}.global-add-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666;background:linear-gradient(135deg,var(--purple-dark) 0%,var(--purple) 100%)}.global-add-button:active{transform:translateY(0)}.global-add-button svg{flex-shrink:0}@media(max-width:768px){.global-add-button span{display:none}.global-add-button{padding:.625rem;width:44px;height:44px;justify-content:center}.app-layout{flex-direction:column}.app-main{padding:1rem}}.sidebar-toggle{position:fixed;top:1rem;left:1rem;z-index:30;width:40px;height:40px;border-radius:999px;border:none;background:var(--white);box-shadow:var(--shadow-md);display:none;align-items:center;justify-content:center;font-size:1.125rem;cursor:pointer}@media(max-width:1024px){.sidebar-toggle{display:flex}.top-right-actions{top:1rem;right:1rem}}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#5170ff,#3245d8);color:var(--white);border:none}.btn-primary:hover{background:linear-gradient(135deg,#3245d8,#5170ff);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--white);color:var(--black);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);color:var(--black)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;transition:all .2s ease;background:var(--white);color:var(--black)}.input::placeholder{color:var(--gray-500)}.input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #68d3881a}select.input,textarea.input{background:var(--white);color:var(--black)}select.input:focus,textarea.input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #68d3881a}.input.input-error{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441f}.error-text{display:block;font-size:.75rem;color:var(--danger);margin-top:.25rem}select,textarea{background:var(--white);color:var(--black)}.form-container{background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;margin-top:1rem;margin-bottom:2rem;border:1px solid var(--gray-200)}.form-header{padding:1.5rem 2rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.form-header h1{font-size:1.25rem;font-weight:600;color:var(--black);margin:0}.form-content{padding:2rem}.form-section{margin-bottom:2.5rem}.form-section h2{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-100)}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;font-size:.75rem;font-weight:600;color:var(--gray-500);margin-bottom:.5rem;transition:all .2s}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-size:.9375rem;transition:all .2s ease;background:var(--gray-50);color:var(--black)}.input:focus{background:var(--white);border-color:var(--purple);box-shadow:0 0 0 4px #68d3881a;outline:none}.items-list{margin-top:1.5rem;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.items-table{width:100%;border-collapse:collapse;font-size:.875rem}.items-table th{background:var(--gray-50);padding:1rem;text-align:left;font-weight:600;color:var(--gray-600);border-bottom:1px solid var(--gray-200)}.items-table td{padding:1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.items-table tr:last-child td{border-bottom:none}.items-table tr:hover td{background:var(--gray-50)}@media(max-width:768px){.items-list{overflow-x:auto}.items-table{min-width:640px}}.form-actions{padding:1.5rem 2rem;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.btn{padding:.75rem 1.5rem;font-weight:600;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#5170ff,#3245d8);box-shadow:0 2px 4px #5170ff40}.btn-primary:hover{background:linear-gradient(135deg,#3245d8,#5170ff);transform:translateY(-1px);box-shadow:0 4px 12px #5170ff59}.item-search-wrapper{margin-bottom:2rem;position:relative}.item-search-input-wrapper{position:relative}.item-search-input-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-400)}.item-search-input{padding-left:3rem!important;height:3.5rem;font-size:1rem;border-radius:12px;background:var(--white);border:2px solid var(--gray-200)}.item-search-input:focus{border-color:var(--purple)}.item-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;margin-top:.5rem;box-shadow:var(--shadow-lg);z-index:100;max-height:300px;overflow-y:auto}.item-dropdown-option{padding:1rem;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:background .2s}.item-dropdown-option:hover{background:var(--gray-50)}.item-dropdown-name{font-weight:600;color:var(--black)}.item-dropdown-details{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.add-item-section-row{display:grid;grid-template-columns:100px 1fr auto auto;gap:1rem;align-items:end;background:var(--gray-50);padding:1.5rem;border-radius:12px;border:1px dashed var(--gray-300)}@media(max-width:768px){.add-item-section-row{grid-template-columns:1fr;align-items:stretch}}.form-totals{margin-top:2rem;padding:2rem;background:var(--gray-50);border-radius:12px;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.total-row{display:flex;justify-content:space-between;width:300px;font-size:.9375rem}.total-row.grand-total{font-size:1.5rem;font-weight:700;color:var(--purple-dark);padding-top:1rem;border-top:2px solid var(--gray-200);margin-top:.5rem}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);color:var(--black)}table,td,th,.inventory-card,.customer-card,.employee-card,.lead-card,.task-card,.order-card,.invoice-card{color:var(--black)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-pending{background:#f59e0b1a;color:var(--warning)}.status-complete{background:#68d3881a;color:var(--success)}.status-return{background:#ef44441a;color:var(--danger)}.status-processing{background:#3b82f61a;color:var(--info)}