@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css);:root{--shadow-purple-tint-hover:0 5px 15px #8b5cf64d}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.floating-chatbot-trigger{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;bottom:24px;box-shadow:0 8px 32px #667eea4d;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:1000}.floating-chatbot-trigger:hover{box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.chatbot-badge{background:#ff4757;border:2px solid #fff;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:-4px;top:-4px}.floating-chatbot{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;bottom:24px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:1000}.floating-chatbot.minimized{height:60px}.chatbot-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px}.chatbot-header-info{align-items:center;display:flex;gap:12px}.chatbot-header-info h4{font-size:16px;font-weight:600;margin:0}.chatbot-status{font-size:12px;opacity:.9}.chatbot-header-controls{align-items:center;display:flex;gap:8px}.chatbot-control-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chatbot-control-btn.active,.chatbot-control-btn:hover{background:#ffffff4d}.chatbot-control-btn.close:hover{background:#ff4757cc}.chatbot-messages{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-track{background:#0000}.chatbot-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.message{animation:messageSlide .3s ease-out;display:flex;gap:12px;max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.message.bot .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.user .message-avatar{background:#e2e8f0;color:#64748b}.message-content{flex:1 1}.message-text{word-wrap:break-word;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;font-size:14px;line-height:1.5;padding:12px 16px}.message.user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-time{color:#94a3b8;font-size:11px;margin-top:4px;text-align:right}.message.bot .message-time{text-align:left}.typing-indicator{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:4px;padding:12px 16px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#cbd5e0;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.cursor{animation:blink 1s infinite;background:#667eea;display:inline-block;height:1em;margin-left:2px;width:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message{animation:slideIn .3s ease-out}.message.streaming .message-text{border-right:2px solid #667eea}.typing-indicator{position:relative}.typing-indicator:before{animation:pulse 1s infinite;background:#cbd5e0;border-radius:50%;content:"";height:4px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.message.bot .message-text.product-result{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #10b981;font-weight:500}.message.bot .message-text.product-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444;font-weight:500}.message.bot .message-text{position:relative}.message.bot .message-text:before{content:"🏢";font-size:12px;opacity:.7;position:absolute;right:-8px;top:-8px}.chatbot-input{background:#fff;border-top:1px solid #e2e8f0;padding:16px}.input-container{align-items:flex-end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:8px;padding:8px;transition:border-color .2s ease}.input-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-container textarea{background:#0000;border:none;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:80px;min-height:20px;outline:none;resize:none}.input-container textarea::placeholder{color:#94a3b8}.input-controls{align-items:center;display:flex;gap:4px}.input-control-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.input-control-btn:hover:not(:disabled){background:#e2e8f0;color:#475569}.input-control-btn:disabled{cursor:not-allowed;opacity:.5}.input-control-btn.listening{animation:pulse 1.5s infinite;background:#fef2f2;color:#dc2626}.input-control-btn.speaking{animation:pulse 1.5s infinite;background:#f0f9ff;color:#0284c7}.input-control-btn.send{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.input-control-btn.send:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:480px){.floating-chatbot{height:calc(100vh - 100px);left:16px;width:calc(100vw - 32px)}.floating-chatbot,.floating-chatbot-trigger{bottom:16px;right:16px}}.login-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.login-modal-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:flex;height:600px;max-height:90vh;max-width:90vw;overflow:hidden;padding:0;position:relative;width:900px}.divider{margin:7px 0}.login-form{display:flex;flex:1 1;flex-direction:column;gap:8px}.form-options{align-items:center;display:flex;justify-content:space-between;margin:0 0 3px}.forgot-password-btn{background:none;border:none;color:#007bbf;cursor:pointer;font-size:13px;text-decoration:none;transition:color .2s ease}.forgot-password-btn:hover{color:#005a8b;text-decoration:underline}@media (max-width:768px){.login-modal-container{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:80vh;max-height:80vh;position:relative;width:95vw}.login-modal-container:before{background-image:var(--modal-bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(8px);left:0;position:absolute;right:0;top:0;z-index:1}.login-modal-container:after{background:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.modal-image-section{display:none}.modal-form-section{background:#0000;flex:1 1;max-height:80vh;order:1;overflow-y:auto;padding:15px;position:relative;z-index:3}.form-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:15px 18px}.bottom-overlay,.overlay-card,.overlay-content{display:none}.form-title{font-size:20px}.form-options{align-items:flex-start;flex-direction:column;gap:12px}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #00000026;position:fixed;right:20px;top:20px;z-index:10}}@media (max-width:480px){.login-modal-container{border-radius:0;height:100vh;width:100vw}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #0003;height:36px;position:fixed;right:15px;top:15px;width:36px;z-index:10}.modal-form-section{max-height:100vh;overflow-y:auto;padding:12px}.form-content{overflow-y:auto;padding:12px 14px}.social-buttons{gap:6px}.social-btn{padding:8px}}.signup-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.signup-modal-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:flex;height:650px;max-height:90vh;max-width:90vw;overflow:hidden;padding:0;position:relative;width:900px}.top-left-shape{width:75px}.bottom-right-shape{height:55px;width:95px}.bottom-right-shape:before{width:60px}.overlay-content{padding:40px 30px}.modal-logo{flex-direction:column;margin-bottom:16px;text-align:center}.logo-text{font-size:24px;line-height:1.2;margin:0}.modal-tagline{font-size:14px;line-height:1.4;text-align:center}.auth-toggle{display:flex;gap:0;margin-bottom:19px}.toggle-btn{background:#0000;border:1px solid #1a1a1a;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;margin-left:5px;padding:10px 20px;transition:all .2s ease}.toggle-btn.active{background:#1a1a1a;border:1px solid #1a1a1a;color:#fff}.toggle-btn:not(.active):hover{background:#f5f5f5;border:1px solid #1a1a1a;color:#1a1a1a}.form-title{font-size:28px;line-height:1.2;margin:0 0 8px}.form-subtitle{font-size:15px}.social-buttons{display:flex;gap:10px;margin-bottom:7px}.social-btn{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:10px;transition:all .2s ease}.social-btn:hover{background:#f8fcff;border-color:#007bbf}.x-icon{font-size:16px;font-weight:700}.divider{margin:2px 0;position:relative;text-align:center}.divider:before{background:#e5e5e5;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#666;font-size:13px;padding:0 12px;position:relative}.signup-form{display:flex;flex:1 1;flex-direction:column;gap:8px}.modal-form-group{margin-bottom:.5rem}.modal-form-group input::placeholder{color:#0000}.form-check{align-items:center;display:flex;gap:6px;margin:0 0 3px}.form-check input[type=checkbox]{accent-color:#007bbf;height:14px;width:14px}.form-check label{color:#666;cursor:pointer;font-size:13px}.submit-btn{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;font-size:16px;justify-content:center;min-height:48px;padding:16px 24px;width:100%}.submit-btn:hover{background:#333;box-shadow:0 4px 12px #1a1a1a4d;transform:translateY(-1px)}@media (max-width:768px){.signup-modal-container{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:80vh;max-height:80vh;position:relative;width:95vw}.signup-modal-container:before{background-image:var(--modal-bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(8px);left:0;position:absolute;right:0;top:0;z-index:1}.signup-modal-container:after{background:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.modal-image-section{display:none}.modal-form-section{background:#0000;flex:1 1;max-height:80vh;order:1;overflow-y:auto;padding:15px;position:relative;z-index:3}.form-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:15px 18px}.bottom-overlay,.overlay-card,.overlay-content{display:none}.form-title{font-size:20px}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #00000026;position:fixed;right:20px;top:20px;z-index:10}}@media (max-width:480px){.signup-modal-container{border-radius:0;height:100vh;width:100vw}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #0003;height:36px;position:fixed;right:15px;top:15px;width:36px;z-index:10}.modal-form-section{max-height:100vh;overflow-y:auto;padding:12px}.form-content{overflow-y:auto;padding:12px 14px}.social-buttons{gap:6px}.social-btn{padding:8px}}.form-footer{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px;text-align:center}.form-footer p{color:#64748b;font-size:14px;font-weight:400;line-height:1.5;margin:0}.form-footer .link-btn{background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-left:4px;padding:4px 8px;text-decoration:none;transition:all .2s ease}.form-footer .link-btn:hover{background:#667eea1a;color:#5a67d8;transform:translateY(-1px)}.form-footer .link-btn:active{transform:translateY(0)}.field-error{color:#ef4444;display:block;font-size:12px;font-weight:500;margin-top:4px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px}.form-options{margin:16px 0}.form-options .form-check{gap:8px;justify-content:flex-start;margin-bottom:16px}.form-options .form-check label{color:#64748b;cursor:pointer;font-size:13px;line-height:1.4}.form-options .form-check input[type=checkbox]{accent-color:#667eea;flex-shrink:0;height:16px;margin:0;width:16px}@media (max-width:768px){.form-footer{margin-top:16px;padding-top:16px}.form-footer .link-btn,.form-footer p{font-size:13px}}@media (max-width:480px){.form-footer{margin-top:14px;padding-top:14px}.form-footer .link-btn,.form-footer p{font-size:12px}}.email-verification-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.email-verification-modal-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:flex;height:600px;max-height:90vh;max-width:90vw;overflow:hidden;padding:0;position:relative;width:900px}.form-subtitle,.form-title{text-align:center}.form-subtitle{margin:0 0 30px}.verification-form{align-items:center;display:flex;flex-direction:column;gap:20px}.otp-container{display:flex;gap:12px;justify-content:center;margin-bottom:10px}.otp-input{background:#fafafa;border:2px solid #e5e5e5;border-radius:12px;font-size:20px;font-weight:600;height:56px;outline:none;text-align:center;transition:all .2s ease;width:48px}.otp-input:focus{box-shadow:0 0 0 3px #007bbf1a}.otp-input:focus,.otp-input:not(:placeholder-shown){background:#fff;border-color:#007bbf}.verification-actions{margin:0;text-align:center}.submit-btn{min-width:140px;padding:12px 24px}@media (max-width:768px){.email-verification-modal-container{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:80vh;max-height:80vh;position:relative;width:95vw}.email-verification-modal-container:before{background-image:var(--modal-bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(8px);left:0;position:absolute;right:0;top:0;z-index:1}.email-verification-modal-container:after{background:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.modal-image-section{display:none}.modal-form-section{background:#0000;flex:1 1;max-height:80vh;order:1;overflow-y:auto;padding:15px;position:relative;z-index:3}.form-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:15px 18px}.bottom-overlay,.overlay-card,.overlay-content{display:none}.form-title{font-size:20px}.otp-container{gap:8px}.otp-input{font-size:18px;height:48px;width:40px}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #00000026;position:fixed;right:20px;top:20px;z-index:10}}@media (max-width:480px){.email-verification-modal-container{border-radius:0;height:100vh;width:100vw}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #0003;height:36px;position:fixed;right:15px;top:15px;width:36px;z-index:10}.modal-form-section{max-height:100vh;overflow-y:auto;padding:12px}.form-content{overflow-y:auto;padding:12px 14px}.otp-container{gap:6px}.otp-input{font-size:16px;height:44px;width:36px}}.forgot-password-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.forgot-password-modal-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:flex;height:600px;max-height:90vh;max-width:90vw;overflow:hidden;padding:0;position:relative;width:900px}.auth-modal .modal-header{margin-bottom:20px!important}.form-subtitle{margin:0 0 25px}.forgot-password-form{display:flex;flex-direction:column;gap:15px}.modal-form-group{margin-bottom:3px}.modal-form-group input{padding:12px 14px}.back-to-login{margin-top:15px;text-align:left}.back-btn{align-items:center;background:none;border:none;color:#007bbf;cursor:pointer;display:flex;font-size:13px;gap:4px;text-decoration:none;transition:color .2s ease}.back-btn:hover{color:#005a8b;text-decoration:underline}.success-content{flex-direction:column;gap:15px;text-align:center}.success-content,.success-icon{align-items:center;display:flex}.success-icon{background:#10b981;border-radius:50%;height:64px;justify-content:center;margin-bottom:10px;width:64px}.success-icon svg{color:#fff}.success-content .form-title{margin-bottom:8px;text-align:center}.success-content .form-subtitle{margin-bottom:15px;text-align:center}.email-instructions{color:#888;font-size:12px;line-height:1.4;margin-bottom:20px}.success-actions{display:flex;flex-direction:column;gap:10px;max-width:200px;width:100%}.resend-btn{background:none;border:none;color:#007bbf;cursor:pointer;font-size:13px;padding:8px;text-decoration:none;transition:color .2s ease}.resend-btn:hover{color:#005a8b;text-decoration:underline}@media (max-width:768px){.forgot-password-modal-container{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:80vh;max-height:80vh;position:relative;width:95vw}.forgot-password-modal-container:before{background-image:var(--modal-bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(8px);left:0;position:absolute;right:0;top:0;z-index:1}.forgot-password-modal-container:after{background:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.modal-image-section{display:none}.modal-form-section{background:#0000;flex:1 1;max-height:80vh;order:1;overflow-y:auto;padding:15px;position:relative;z-index:3}.form-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:15px 18px}.bottom-overlay,.overlay-card,.overlay-content{display:none}.form-title{font-size:20px}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #00000026;position:fixed;right:20px;top:20px;z-index:10}}@media (max-width:480px){.forgot-password-modal-container{border-radius:0;height:100vh;width:100vw}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #0003;height:36px;position:fixed;right:15px;top:15px;width:36px;z-index:10}.modal-form-section{max-height:100vh;overflow-y:auto;padding:12px}.form-content{overflow-y:auto;padding:12px 14px}}.reset-password-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.reset-password-modal-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:flex;height:620px;max-height:90vh;max-width:90vw;overflow:hidden;padding:0;position:relative;width:900px}.modal-close-btn{background:#ffffffe6;border-radius:50%;height:40px;right:20px;top:20px;transition:all .2s ease;width:40px}.modal-close-btn:hover{background:#fff;transform:scale(1.1)}.modal-image-section{align-items:center;background:#fff;display:flex;flex:1.2 1;justify-content:center;overflow:hidden;padding:15px;position:relative}.modal-image{border-radius:16px;height:100%;object-fit:cover;width:100%}.image-overlay{background:#0000;border-radius:16px;bottom:15px;left:15px;position:absolute;right:15px;top:15px}.decorative-shape{background:#fff;box-shadow:0 2px 8px #00000026;position:absolute;z-index:10}.top-left-shape{border-radius:0 0 8px 0;height:55px;left:-15px;top:-15px;width:95px}.top-left-shape:after{background:#fff;border-radius:0 0 8px 0;content:"";height:31px;left:15px;position:absolute;top:54px;width:40px}.bottom-right-shape{border-radius:8px 0 0 0;bottom:-15px;height:40px;right:-15px;width:80px}.bottom-right-shape:before{background:#fff;border-radius:8px 0 0 0;content:"";height:32px;position:absolute;right:15px;top:-31px;width:30px}.overlay-content{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:30px;position:absolute;right:0;top:0;z-index:2}.overlay-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000026;max-width:280px;padding:24px}.overlay-card h3{color:#fff;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px;text-shadow:0 1px 3px #0000004d}.overlay-card p{color:#ffffffe6;font-size:14px;line-height:1.4;margin:0;text-shadow:0 1px 2px #0003}.bottom-overlay{align-self:flex-end;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 6px 24px #0003;max-width:280px;padding:24px}.bottom-overlay h3{color:#fff;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px;text-shadow:0 1px 3px #0000004d}.bottom-overlay p{color:#ffffffd9;font-size:14px;line-height:1.4;margin:0;text-shadow:0 1px 2px #0003}.modal-form-section{background:#fff;flex:1 1;padding:20px}.form-content,.modal-form-section{box-sizing:border-box;display:flex;flex-direction:column}.form-content{height:100%;max-height:100%;overflow-y:auto;padding:20px 24px 15px}.auth-modal .modal-header{background:#0000!important;border:none!important;margin-bottom:15px!important;margin-top:15px;padding:0!important;text-align:center!important}.auth-modal .modal-header,.modal-logo{align-items:center;justify-content:center}.modal-logo{display:flex;gap:8px;margin-bottom:6px}.modal-logo-image{background-color:initial;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;margin:0 auto;object-fit:contain;width:150px}.logo-text{color:#1a1a1a;font-size:22px;font-weight:700}.modal-tagline{color:#666;font-size:13px;margin:0}.form-main{display:flex;flex:1 1;flex-direction:column;justify-content:center}.form-title{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 6px;text-align:left}.form-subtitle{color:#666;font-size:13px;line-height:1.4;margin:0 0 20px}.reset-password-form{display:flex;flex-direction:column;gap:12px}.modal-form-group{margin-bottom:8px;position:relative}.modal-form-group input{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;box-sizing:border-box;font-size:13px;padding:12px 40px 12px 14px;transition:all .2s ease;width:100%}.modal-form-group input:focus{background:#fff;border-color:#007bbf;box-shadow:0 0 0 3px #007bbf1a;outline:none}.modal-form-group input:focus+label,.modal-form-group input:not(:placeholder-shown)+label{background:#fff;color:#007bbf;font-size:11px;left:12px;padding:0 4px;top:-8px}.modal-form-group label{background:#0000;color:#999;font-size:13px;font-weight:400;left:14px;pointer-events:none;position:absolute;top:12px;transition:all .2s ease}.modal-form-group input::placeholder{color:#999;opacity:.7}.password-toggle{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:2}.password-requirements{background:#f8f9fa;border-radius:8px;margin:8px 0;padding:12px}.requirements-list{grid-gap:6px;display:grid;font-size:12px;gap:6px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.requirements-list li{align-items:center;display:flex;gap:6px;transition:color .2s ease}.requirements-list li.met{color:#10b981}.requirements-list li.unmet{color:#ef4444}.requirements-list li svg{flex-shrink:0}.submit-btn{background:#1a1a1a;border-radius:6px;color:#fff;font-size:13px;font-weight:600;margin-top:8px;padding:12px 20px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}@media (max-width:768px){.reset-password-modal-container{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:80vh;max-height:80vh;position:relative;width:95vw}.reset-password-modal-container:before{background-image:var(--modal-bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(8px);left:0;position:absolute;right:0;top:0;z-index:1}.reset-password-modal-container:after{background:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.modal-image-section{display:none}.modal-form-section{background:#0000;flex:1 1;max-height:80vh;order:1;overflow-y:auto;padding:15px;position:relative;z-index:3}.form-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:15px 18px}.bottom-overlay,.overlay-card,.overlay-content{display:none}.form-title{font-size:20px}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #00000026;position:fixed;right:20px;top:20px;z-index:10}}@media (max-width:480px){.reset-password-modal-container{border-radius:0;height:100vh;width:100vw}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #0003;height:36px;position:fixed;right:15px;top:15px;width:36px;z-index:10}.modal-form-section{max-height:100vh;overflow-y:auto;padding:12px}.form-content{overflow-y:auto;padding:12px 14px}}.contact-sales-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.contact-sales-modal-container{animation:slideUp .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-sales-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);margin:0;overflow:hidden;padding:0;position:relative}.contact-sales-header-content{align-items:center;display:flex;justify-content:space-between;padding:2rem;position:relative;z-index:2}.contact-sales-header-left{align-items:center;display:flex;gap:1rem}.contact-sales-header-icon{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.contact-sales-header-text h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.contact-sales-header-text p{color:#ffffffe6;font-size:.9rem;margin:0}.contact-sales-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.contact-sales-close-btn:hover{background:#fff3;transform:scale(1.05)}.contact-sales-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.contact-sales-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.contact-sales-form-group{position:relative}.contact-sales-form-label{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.contact-sales-label-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:flex;height:20px;justify-content:center;width:20px}.contact-sales-input-container{position:relative}.contact-sales-form-input{background:#fff;border:2px solid #e5e7eb;border-radius:0;box-sizing:border-box;font-size:1rem;padding:1rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.contact-sales-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.contact-sales-form-input.error{border-color:#ef4444}.contact-sales-form-select{background:#fff;border:2px solid #e5e7eb;border-radius:0;box-sizing:border-box;cursor:pointer;font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.contact-sales-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.contact-sales-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:0;box-sizing:border-box;font-family:inherit;font-size:1rem;min-height:120px;padding:1rem 1.25rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.contact-sales-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.contact-sales-error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}.contact-sales-character-count{color:#6b7280;font-size:.75rem;margin-top:.25rem;text-align:right}.contact-sales-submit-section{display:flex;flex-direction:column;gap:1rem}.contact-sales-submit-info{align-items:center;background:#f9fafb;border-radius:12px;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;padding:1rem}.contact-sales-submit-buttons{display:flex;gap:1rem;justify-content:flex-end}.contact-sales-cancel-btn{background:#fff;border:2px solid #e5e7eb;border-radius:0;color:#6b7280;cursor:pointer;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.contact-sales-cancel-btn:hover{border-color:#d1d5db;color:#374151}.contact-sales-submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.contact-sales-submit-btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.contact-sales-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-sales-success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.contact-sales-success h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.contact-sales-success p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.contact-sales-modal-container{margin:1rem;max-width:95vw}.contact-sales-header-content{padding:1.5rem}.contact-sales-header-text h2{font-size:1.25rem}.contact-sales-form{padding:1.5rem}.contact-sales-form-row{gap:1.5rem;grid-template-columns:1fr}.contact-sales-submit-buttons{flex-direction:column}.contact-sales-cancel-btn,.contact-sales-submit-btn{padding:1rem 1.5rem}}.feature-card{border:1px solid #0000000d!important;transition:all .3s ease}.feature-card:hover{box-shadow:0 20px 40px #0000001a!important;transform:translateY(-10px)}.feature-icon{transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-overlay{transition:all .3s ease;z-index:0}.feature-card:hover .feature-overlay{opacity:.05!important;transform:scale(1.1)}.feature-card .text-center{position:relative;z-index:1}.bg-gradient{background:linear-gradient(135deg,var(--bs-primary) 0,var(--bs-primary) 100%)!important}.bg-primary.bg-gradient{background:linear-gradient(135deg,#0d6efd,#0a58ca)!important}.bg-success.bg-gradient{background:linear-gradient(135deg,#198754,#146c43)!important}.bg-info.bg-gradient{background:linear-gradient(135deg,#0dcaf0,#0aa2c0)!important}.bg-warning.bg-gradient{background:linear-gradient(135deg,#ffc107,#cc9a06)!important}.bg-danger.bg-gradient{background:linear-gradient(135deg,#dc3545,#b02a37)!important}.bg-secondary.bg-gradient{background:linear-gradient(135deg,#6c757d,#565e64)!important}@media (max-width:768px){.feature-card{margin-bottom:2rem}.feature-overlay{display:none}.feature-icon{height:60px!important;width:60px!important}.feature-icon i{font-size:1.5rem!important}}@media (max-width:576px){.feature-card{padding:1.5rem!important}.feature-card h4{font-size:1.2rem}.feature-card p{font-size:.9rem}}:root{--primary:#8b5cf6;--secondary:#a855f7;--primary-gradient:linear-gradient(135deg,#8b5cf6,#a855f7)}.wow{visibility:hidden}.animated{animation-duration:1s;animation-fill-mode:both;visibility:visible}.animate-fade-in{animation:fadeIn .8s ease-in-out}.animate-slide-up{animation:slideInUp .8s ease-out}.animate-slide-down{animation:slideInDown .8s ease-out}.animate-slide-left{animation:slideInLeft .8s ease-out}.animate-slide-right{animation:slideInRight .8s ease-out}.animate-zoom-in{animation:zoomIn .6s ease-out}.animate-bounce-in{animation:bounceIn 1s ease-out}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}.animate-delay-7{animation-delay:.7s}.animate-delay-8{animation-delay:.8s}.animate-delay-9{animation-delay:.9s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fa,.fab,.far,.fas{font-feature-settings:normal;display:inline-block;font-family:Font Awesome\ 5 Free!important;font-style:normal;font-variant:normal;font-weight:900!important;line-height:1;text-rendering:auto}.fab{font-family:Font Awesome\ 5 Brands!important}.bi,.fab{font-weight:400!important}.bi{font-family:bootstrap-icons!important}.service-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);background:var(--primary-gradient);border-radius:0;display:flex;height:70px;justify-content:center;margin:0 auto 30px;transition:all .3s ease;width:70px}.service-icon i{color:#fff;font-size:30px;transition:all .3s ease}.service-item:hover .service-icon{box-shadow:0 10px 30px #8b5cf64d;transform:scale(1.1)}.feature-icon-tecnvirons{font-size:14px;margin-right:10px}.feature-icon-tecnvirons.fa-check{color:#28a745}.feature-icon-tecnvirons.fa-times{color:#dc3545}.pricing-icon-tecnvirons{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);background:var(--primary-gradient);border-radius:0;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.pricing-icon-tecnvirons i{color:#fff;font-size:24px}.team-social a{transition:all .3s ease}.team-social a:hover{box-shadow:0 5px 15px #8b5cf64d;transform:translateY(-3px)}.navbar .bi,.navbar .fa{font-size:18px}.back-to-top{align-items:center!important;bottom:30px!important;display:flex!important;justify-content:center!important;left:auto!important;position:fixed!important;right:30px!important;transition:all .3s ease;z-index:99}.back-to-top:hover{box-shadow:0 5px 15px #8b5cf64d;transform:translateY(-3px)}.back-to-top i{align-items:center;display:flex;justify-content:center}.spinner{animation:sk-rotateplane 1.2s ease-in-out infinite;background:#8b5cf6;background:var(--primary);margin:100px auto}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}#spinner{opacity:0;transition:opacity .5s ease-out,visibility 0s linear .5s;visibility:hidden;z-index:99999}#spinner.show{opacity:1;transition:opacity .5s ease-out,visibility 0s linear 0s;visibility:visible}.fw-bold,h1,h2{font-weight:800!important}.fw-semi-bold,h3,h4{font-weight:700!important}.fw-medium,h5,h6{font-weight:600!important}.btn{font-family:Nunito,sans-serif;transition:.5s}.btn,.btn-danger,.btn-dark,.btn-info,.btn-light,.btn-outline-dark,.btn-outline-light,.btn-outline-primary,.btn-outline-secondary,.btn-primary,.btn-secondary,.btn-success,.btn-warning{border-radius:0!important}.btn-primary,.btn-secondary{box-shadow:inset 0 0 0 50px #0000;color:#fff}.btn-primary:hover{box-shadow:inset 0 0 0 0 #8b5cf6;box-shadow:inset 0 0 0 0 var(--primary)}.btn-secondary:hover{box-shadow:inset 0 0 0 0 #a855f7;box-shadow:inset 0 0 0 0 var(--secondary)}.btn-square{height:36px;width:36px}.btn-sm-square{height:30px;width:30px}.btn-lg-square{height:48px;width:48px}.btn-lg-square,.btn-sm-square,.btn-square{padding-left:0;padding-right:0;text-align:center}.tecnvirons-website,.tecnvirons-website-layout{font-family:Nunito,sans-serif}.tecnvirons-website-layout{min-height:100vh}.tecnvirons-website *{font-family:Nunito,sans-serif}.navbar-dark .navbar-nav .nav-link{color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:600;margin-left:25px;outline:none;padding:35px 0;position:relative;text-decoration:none;transition:all .3s ease}.sticky-top.navbar-dark .navbar-nav .nav-link{color:#1f2937;color:var(--dark);padding:20px 0}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link:hover{color:#8b5cf6;color:var(--primary);transform:translateY(-2px)}.navbar-dark .navbar-brand h1{color:#fff}.navbar-dark .navbar-toggler{border-color:#8b5cf6!important;border-color:var(--primary)!important;color:#8b5cf6!important;color:var(--primary)!important}@media (max-width:991.98px){.sticky-top.navbar-dark{background:#fff;position:relative}.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link.show,.sticky-top.navbar-dark .navbar-nav .nav-link{color:#1f2937;color:var(--dark);padding:10px 0}.navbar-dark .navbar-brand h1{color:#8b5cf6;color:var(--primary)}}.dropdown-submenu>.dropdown-item:after,.dropdown-toggle:after{display:none!important}.dropdown-menu{background:#fff;border:none;border-radius:8px;box-shadow:0 10px 30px #00000026;margin-top:10px;min-width:220px;padding:10px 0}.dropdown-item{background:none;border:none;color:#333;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s ease}.dropdown-item:focus,.dropdown-item:hover{background:#8b5cf6;background:var(--primary);color:#fff;transform:translateX(5px)}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{border-radius:8px;left:100%;margin-left:-1px;margin-top:-6px;top:0}.dropdown-submenu:hover>.dropdown-menu{display:block}@media (max-width:991.98px){.dropdown-menu{background-color:#fffffff2;padding:0;position:static!important}.dropdown-menu,.dropdown-submenu>.dropdown-menu{border:none;box-shadow:none;float:none;margin-top:0;width:auto}.dropdown-submenu>.dropdown-menu{background-color:#f8f9fa;display:block!important;padding-left:20px;position:static}.dropdown-item{border-bottom:1px solid #eee;padding:10px 15px}.dropdown-submenu .dropdown-item{font-size:14px;padding:8px 15px}}@media (min-width:992px){.navbar-dark{border-bottom:1px solid #ffffff1a;left:0;position:absolute;top:0;width:100%;z-index:999}.sticky-top.navbar-dark{background:#fff;position:fixed}.navbar-dark .navbar-nav .nav-link:before{background:#8b5cf6;background:var(--primary);bottom:-1px;content:"";height:2px;left:50%;position:absolute;transition:.5s;width:0}.navbar-dark .navbar-nav .nav-link.active:before,.navbar-dark .navbar-nav .nav-link:hover:before{left:0;width:100%}.navbar-dark .navbar-nav .nav-link.nav-contact:before{display:none}.sticky-top.navbar-dark .navbar-brand h1{color:#8b5cf6;color:var(--primary)}}#header-carousel,#header-carousel .carousel-item{min-height:100vh}#header-carousel .carousel-item img{min-height:100vh;object-fit:cover}.carousel-caption{background:#091e3eb3;bottom:0;left:0;right:0;top:0;z-index:1}@media (max-width:768px){#header-carousel,#header-carousel .carousel-item{min-height:60vh}#header-carousel .carousel-item img{min-height:60vh;object-fit:cover}.carousel-caption{padding-bottom:20px;padding-top:80px}}@media (max-width:576px){#header-carousel,#header-carousel .carousel-item{min-height:60vh}#header-carousel .carousel-item img{min-height:60vh;object-fit:cover}.carousel-caption h5{font-size:14px;font-weight:500!important}.carousel-caption h1{font-size:30px;font-weight:600!important}}.carousel-control-next,.carousel-control-prev{width:10%}.carousel-control-next-icon,.carousel-control-prev-icon{height:3rem;width:3rem}@media (max-width:991.98px){.navbar-collapse .navbar-nav .nav-item.nav-link,.navbar-collapse .navbar-nav button.nav-item.nav-link{justify-content:flex-start!important;margin-left:0!important;padding-left:0!important;text-align:left!important}.navbar-collapse .navbar-nav button.nav-item.nav-link{background:none!important;border:none!important;display:block!important;width:100%!important}}@media (max-width:768px){.carousel-caption .btn-outline-light,.carousel-caption .btn-outline-light:hover,.carousel-caption .btn-primary,.carousel-caption .btn-primary:hover{color:#fff!important}}.btn-primary:hover{color:#fff!important}.section-title:before{background:#8b5cf6;background:var(--primary);border-radius:2px;bottom:0;content:"";height:5px;left:0;position:absolute;width:150px}.section-title.text-center:before{left:50%;margin-left:-75px}.section-title.section-title-sm:before{height:3px;width:90px}.section-title:after{animation:section-title-run 5s linear infinite;background:#fff;bottom:0;content:"";height:5px;position:absolute;width:6px}.section-title.section-title-sm:after{height:3px;width:4px}.section-title.text-center:after{animation:section-title-run-center 5s linear infinite}.section-title.section-title-sm:after{animation:section-title-run-sm 5s linear infinite}@keyframes section-title-run-center{0%{left:50%;margin-left:-75px}50%{left:50%;margin-left:45px}to{left:50%;margin-left:-75px}}@keyframes section-title-run-sm{0%{left:0}50%{left:85px}to{left:0}}.service-item{display:flex;flex-direction:column;height:350px;justify-content:space-between;padding:30px;position:relative;transition:all .3s ease}.service-item .service-icon{align-items:center;background:#8b5cf6;background:var(--primary);border-radius:2px;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-bottom:20px;transform:rotate(-45deg);width:60px}.service-item .service-icon i{transform:rotate(45deg)}.service-item a.btn{flex-shrink:0;height:60px;margin:20px auto 0;opacity:0;position:relative;transform:translateY(20px);transition:all .3s ease;width:60px}.service-item:hover a.btn{opacity:1;transform:translateY(0)}.service-item:hover{box-shadow:0 10px 30px #8b5cf633;transform:translateY(-5px)}.pricing-scroll-container{margin:0 -15px;overflow-x:auto;padding:20px 0}.pricing-cards-wrapper{display:flex;gap:30px;min-width:-webkit-max-content;min-width:max-content;padding:0 15px}.pricing-card-enhanced{background:#fff;border-radius:0;box-shadow:0 10px 30px #8b5cf61a;flex:0 0 300px;overflow:hidden;position:relative;transition:all .3s ease}.pricing-card-enhanced:hover{box-shadow:0 20px 40px #8b5cf633;transform:translateY(-10px)}.pricing-card-enhanced.popular-plan{border:3px solid #8b5cf6;border:3px solid var(--primary);transform:scale(1.05)}.pricing-card-enhanced.popular-plan:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{background:#8b5cf6;background:var(--primary);color:#fff;font-size:12px;font-weight:600;padding:8px 40px;position:absolute;right:-30px;text-transform:uppercase;top:20px;transform:rotate(45deg);z-index:2}.pricing-header-enhanced{border-bottom:1px solid #f0f0f0;padding:40px 30px 20px;text-align:center}.pricing-icon-enhanced{align-items:center;background:#8b5cf6;background:var(--primary);border-radius:0;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.pricing-body-enhanced{padding:30px}.pricing-features-enhanced{margin:30px 0}.pricing-features-enhanced .d-flex{border-bottom:1px solid #f8f9fa;padding:10px 0}.pricing-features-enhanced .d-flex:last-child{border-bottom:none}@media (max-width:768px){.pricing-cards-wrapper{gap:20px}.pricing-card-enhanced{flex:0 0 280px}.pricing-card-enhanced.popular-plan{transform:none}.pricing-card-enhanced.popular-plan:hover{transform:translateY(-10px)}}.pricing-scroll-container::-webkit-scrollbar{height:8px}.pricing-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0}.pricing-scroll-container::-webkit-scrollbar-thumb{background:#8b5cf6;background:var(--primary);border-radius:0}.pricing-scroll-container::-webkit-scrollbar-thumb:hover{background:#a855f7;background:var(--secondary)}.testimonial-carousel{position:relative}.testimonial-carousel .owl-dots{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:25px}.testimonial-carousel .owl-dot{background:#ddd;border-radius:0;cursor:pointer;display:inline-block;height:12px;position:relative;transition:all .3s ease;width:12px}.testimonial-carousel .owl-dot.active{background:#8b5cf6;background:var(--primary);transform:scale(1.2)}.testimonial-carousel .owl-dot:hover{background:#a855f7;background:var(--secondary)}.testimonial-carousel .owl-item.center{position:relative;z-index:2}.testimonial-carousel .owl-item .testimonial-item{opacity:.7;transform:scale(.9);transition:all .4s ease}.testimonial-carousel .owl-item.center .testimonial-item{background:#fff!important;border:2px solid #8b5cf6;border:2px solid var(--primary);box-shadow:0 10px 40px #8b5cf626;opacity:1;transform:scale(1)}.testimonial-item{border-radius:0;margin:10px;overflow:hidden}.team-item,.team-social{transition:.5s}.team-social{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.team-social a.btn{margin:100px 3px 0;opacity:0;position:relative}.team-item:hover{box-shadow:0 0 30px #ddd}.team-item:hover .team-social{background:#091e3eb3}.team-item:hover .team-social a.btn:first-child{margin-top:0;opacity:1;transition:.3s 0s}.team-item:hover .team-social a.btn:nth-child(2){margin-top:0;opacity:1;transition:.3s .05s}.team-item:hover .team-social a.btn:nth-child(3){margin-top:0;opacity:1;transition:.3s .1s}.team-item:hover .team-social a.btn:nth-child(4){margin-top:0;opacity:1;transition:.3s .15s}.blog-item .blog-img img,.team-item .team-img img{transition:.5s}.blog-item:hover .blog-img img,.team-item:hover .team-img img{transform:scale(1.15)}@media (min-width:991.98px){.facts{margin-top:-75px;position:relative;z-index:1}}html{-ms-overflow-style:none;overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar{display:none}.bg-header{background:linear-gradient(#091e3eb3,#091e3eb3);background-size:cover}.link-animated a{color:#6f42c1!important;transition:.5s}.link-animated a:hover{color:#6f42c1!important;padding-left:10px}.footer-link:hover,.footer-menu a{text-decoration:none}.footer-menu a{transition:all .3s ease}.footer-menu a:hover{color:#8b5cf6!important;color:var(--primary)!important;text-decoration:underline}@media (min-width:767.98px){.footer-about{margin-bottom:-75px}}.footer .btn.btn-social{align-items:center;border:1px solid #fff;border-radius:0;color:#f3f4f6!important;color:var(--light)!important;display:flex;height:35px;justify-content:center;margin-right:5px;transition:.3s;width:35px}.footer .btn.btn-social:hover{background-color:#8b5cf6;background-color:var(--primary);border-color:#8b5cf6;border-color:var(--primary);color:#8b5cf6!important;color:var(--primary)!important}.footer .text-light,.footer h1,.footer h3,.footer p{color:#fff!important}.bg-dark{background-color:#1f2937!important}.footer .form-control{background-color:#ffffff1a;border:1px solid #fff3}.footer .form-control::placeholder{color:#ffffffb3!important}.footer .btn-dark{background-color:#8b5cf6!important;background-color:var(--primary)!important;border-color:#8b5cf6!important;border-color:var(--primary)!important;color:#fff!important}.footer .btn-dark:hover{background-color:#a855f7!important;background-color:var(--secondary)!important;border-color:#a855f7!important;border-color:var(--secondary)!important}.footer .copyright{background-color:#061429!important}.footer-link{text-decoration:none;transition:all .3s ease}.footer-link:hover{transform:translateX(5px)}.footer-link:hover,.footer-link:hover i{color:#8b5cf6!important;color:var(--primary)!important}.footer-about .bg-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7)!important;background:var(--primary-gradient)!important}.btn-primary.btn-square{background:linear-gradient(135deg,#8b5cf6,#a855f7);background:var(--primary-gradient);border-color:#8b5cf6;border-color:var(--primary);transition:all .3s ease}.btn-primary.btn-square:hover{box-shadow:0 5px 15px #8b5cf64d;transform:translateY(-2px)}.footer .copyright p{color:#fff!important}.footer .copyright a{color:#f3f4f6!important;color:var(--light)!important;text-decoration:none}.footer .copyright a:hover{color:#8b5cf6!important;color:var(--primary)!important}.footer a{color:#fff!important;text-decoration:none}.footer a:hover{color:#8b5cf6!important;color:var(--primary)!important}.container-fluid.bg-dark *,.container-fluid.bg-dark .link-animated a,.container-fluid.bg-dark .section-title h3,.container-fluid.bg-dark .text-light,.container-fluid.bg-dark a,.container-fluid.bg-dark h1,.container-fluid.bg-dark h2,.container-fluid.bg-dark h3,.container-fluid.bg-dark h4,.container-fluid.bg-dark h5,.container-fluid.bg-dark h6,.container-fluid.bg-dark p,.footer-about p,footer .link-animated a{color:#fff!important}.container-fluid.bg-dark .link-animated a:hover,footer .link-animated a:hover{color:#8b5cf6!important;color:var(--primary)!important}.blog-detail .link-animated a{color:#6f42c1!important}.blog-detail .link-animated a:hover{color:#6f42c1!important;padding-left:10px}.container-fluid.bg-dark .section-title h3,.container-fluid.bg-dark .section-title-sm h3,.container-fluid.bg-dark h3,.container-fluid.bg-dark h3.text-light,footer .mb-0,footer .section-title h3,footer .section-title-sm h3,footer h3,footer p{color:#fff!important}.container-fluid.bg-dark .text-primary{color:#8b5cf6!important;color:var(--primary)!important}.container-fluid.bg-dark .btn-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7)!important;background:var(--primary-gradient)!important;border-color:#8b5cf6!important;border-color:var(--primary)!important;color:#fff!important}.container-fluid.bg-dark .btn-primary:hover{background:#a855f7!important;background:var(--secondary)!important;border-color:#a855f7!important;border-color:var(--secondary)!important;box-shadow:0 5px 15px #8b5cf64d;transform:translateY(-2px)}.footer .form-control{background-color:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important}.footer .form-control::placeholder{color:#fffc!important}.footer .form-control:focus{background-color:#ffffff26!important;border-color:#8b5cf6!important;border-color:var(--primary)!important;box-shadow:0 0 0 .2rem #8b5cf640!important;color:#fff!important}.container-fluid.bg-dark .section-title h3.text-light,.container-fluid.bg-dark .section-title.section-title-sm h3.text-light,.footer .section-title h3,footer .section-title h3.text-light,footer h3.text-light{color:#fff!important}.pricing-icon-square .fa-phone,.service-item .service-icon .fa-phone{transform:scaleX(-1)}.footer .d-flex p{color:#fff!important}.footer .btn-square{transition:all .3s ease}.footer .btn-square:hover{box-shadow:0 5px 15px #8b5cf64d;transform:translateY(-3px)}.bg-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7)!important;background:var(--primary-gradient)!important}.text-primary{color:#8b5cf6!important;color:var(--primary)!important}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7)!important;border-color:#8b5cf6!important;border-color:var(--primary)!important;transition:all .3s ease}.btn-primary:hover{background:#a855f7!important;background:var(--secondary)!important;border-color:#a855f7!important;border-color:var(--secondary)!important}.wow.fadeInUp{animation-name:fadeInUp}.wow.fadeInDown{animation-name:fadeInDown}.wow.fadeInLeft{animation-name:fadeInLeft}.wow.fadeInRight{animation-name:fadeInRight}.wow.zoomIn{animation-name:zoomIn}.blog-option-link{background-color:#8b5cf6!important;background-color:var(--primary)!important;border-radius:0!important;transition:all .3s ease!important}.blog-option-link,.blog-option-link:hover{color:#fff!important;text-decoration:none!important}.blog-option-link:hover{background-color:#a855f7!important;background-color:var(--secondary)!important;box-shadow:0 3px 10px #8b5cf64d!important;transform:translateX(3px)!important}.wow.slideInUp{animation-name:slideInUp}.wow.slideInDown{animation-name:slideInDown}.wow.slideInLeft{animation-name:slideInLeft}.wow.slideInRight{animation-name:slideInRight}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-40px,0)}to{opacity:1;transform:translateZ(0)}}.pricing-scroll-container-square{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0;overflow-x:auto;overflow-y:hidden;padding:20px 40px;scroll-behavior:smooth;scrollbar-width:none}.pricing-scroll-container-square::-webkit-scrollbar{display:none}.pricing-cards-wrapper-square{display:flex;gap:0;min-width:-webkit-max-content;min-width:max-content}.pricing-card-square{background:#fff;border:none;border-radius:0;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:750px;max-width:300px;min-width:300px;overflow:hidden;padding:25px 20px;position:relative;transition:all .3s ease}.pricing-card-square:before{background:linear-gradient(135deg,#8b5cf6,#a855f7);background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.pricing-card-square:hover:before{transform:scaleX(1)}.pricing-card-square:hover{border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 8px 25px #8b5cf633;transform:translateY(-5px)}.pricing-card-square.popular{border-color:#8b5cf6;border-color:var(--primary);z-index:2}.pricing-card-square.popular:before{transform:scaleX(1)}.popular-badge-square{background:linear-gradient(135deg,#8b5cf6,#a855f7);background:var(--primary-gradient);border-radius:4px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;font-size:11px;font-weight:600;left:50%;letter-spacing:.5px;padding:6px 16px;position:absolute;text-transform:uppercase;top:-8px;transform:translateX(-50%)}.pricing-header-square{margin-bottom:20px;text-align:center}.pricing-icon-square{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);background:var(--primary-gradient);border-radius:8px;display:flex;height:60px;justify-content:center;margin:0 auto 15px;transition:all .3s ease;width:60px}.pricing-icon-square i{color:#fff;font-size:24px}.pricing-card-square:hover .pricing-icon-square{box-shadow:0 4px 15px #8b5cf64d;transform:scale(1.05)}.pricing-name-square{color:#1f2937;color:var(--dark);font-size:20px;font-weight:700;margin-bottom:10px}.credit-display-square{margin-bottom:10px}.credit-amount-square{color:#8b5cf6;color:var(--primary);display:block;font-size:28px;font-weight:800;line-height:1}.credit-label-square{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pricing-description-square{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 15px}.pricing-features-square{flex:1 1;margin-bottom:15px}.feature-item-square{align-items:center;display:flex;margin-bottom:8px;padding:4px 0;transition:all .2s ease}.feature-item-square:hover{background:#8b5cf60d;border-radius:4px;padding-left:6px}.feature-icon-square{font-size:14px;font-weight:700;margin-right:10px;text-align:center;width:16px}.feature-item-square.enabled .feature-icon-square{color:#374151}.feature-item-square.disabled .feature-icon-square{color:#9ca3af}.feature-text-square{color:#1f2937;color:var(--dark);font-size:13px;font-weight:500}.feature-item-square.disabled .feature-text-square{color:#9ca3af;text-decoration:line-through}.pricing-cta-square{align-items:center;border:2px solid #0000;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.5px;margin-top:auto;padding:12px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.pricing-cta-square.primary{background:linear-gradient(135deg,#8b5cf6,#a855f7);background:var(--primary-gradient);border-color:#8b5cf6;border-color:var(--primary);color:#fff}.pricing-cta-square.primary:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}.pricing-cta-square.outline{background:#0000;border-color:#8b5cf6;border-color:var(--primary);color:#8b5cf6;color:var(--primary)}.pricing-cta-square.outline:hover{background:linear-gradient(135deg,#8b5cf6,#a855f7);background:var(--primary-gradient);box-shadow:0 4px 15px #8b5cf64d;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.pricing-scroll-container-square{padding:15px 20px}.pricing-cards-wrapper-square{gap:0}.pricing-card-square{height:700px;max-width:260px;min-width:260px;padding:20px 15px}.pricing-icon-square{height:50px;width:50px}.pricing-icon-square i{font-size:20px}.credit-amount-square{font-size:24px}.pricing-name-square{font-size:18px}.feature-text-square{font-size:12px}.feature-item-square{margin-bottom:6px}}.navbar-logo{border-radius:0;transition:all .3s ease}.navbar-logo:hover{box-shadow:0 4px 15px #8b5cf633;transform:scale(1.05)}.footer-logo{transition:all .3s ease}.footer-logo:hover{box-shadow:0 4px 15px #fff3}.modal-overlay{z-index:9999}.modal{animation:modalFadeIn .3s ease-out;border-radius:8px;box-shadow:0 10px 25px #0003;width:100%}.modal-small{max-width:28rem}.modal-medium{max-width:32rem}.modal-large{max-width:42rem}.modal-xlarge{max-width:56rem}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{margin-bottom:0;padding:20px 24px 0}.modal-header-flex{align-items:center;display:flex;justify-content:space-between}.modal-title{color:#1f2937;font-size:1.125rem}.modal-close-btn{border-radius:4px;color:#9ca3af;padding:4px;transition:color .2s ease}.modal-close-btn:hover{color:#4b5563}.modal-header.text-center .modal-logo{text-align:center}.modal-header.text-center .logo-text{display:block;text-align:center}.modal-header.text-center .modal-tagline{margin:0 auto;text-align:center}:root{--accent-violet:#a855f7;--shadow-sm:0 2px 4px #8b5cf614;--shadow-md:0 4px 8px #8b5cf61a;--shadow-lg:0 8px 16px #8b5cf61f;--shadow-xl:0 12px 24px #8b5cf626;--shadow-purple-tint:0 10px 30px #8b5cf61a;--shadow-hover-lift:0 10px 30px #8b5cf64d;--sidebar-width-expanded:280px;--sidebar-width-collapsed:80px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-2xl:0;--radius-full:0;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body{background-color:#f8f8f8;background-color:var(--bg-secondary)}body,h1,h2,h3,h4,h5,h6{color:#333;color:var(--text-dark)}h1,h2,h3,h4,h5,h6,p{margin-bottom:var(--spacing-md)}p{color:#666;color:var(--text-light)}a{color:#8b5cf6;color:var(--accent-purple);transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#a855f7;color:var(--accent-violet)}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 1rem;padding:0 var(--spacing-md)}.container-sm{max-width:640px}.container-lg{margin:0 auto;max-width:1400px;padding:0 1rem;padding:0 var(--spacing-md)}.section{padding:4rem 0;padding:var(--spacing-3xl) 0}.section-sm{padding:3rem 0;padding:var(--spacing-2xl) 0}.section-lg{padding:4rem 0;padding:var(--spacing-3xl) 0}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.gap-6{gap:1.5rem;gap:var(--spacing-lg)}.gap-8{gap:2rem;gap:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--spacing-xs)}.m-2{margin:.5rem;margin:var(--spacing-sm)}.m-4{margin:1rem;margin:var(--spacing-md)}.m-6{margin:1.5rem;margin:var(--spacing-lg)}.m-8{margin:2rem;margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-6{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-8{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-8{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:1.5rem;padding:var(--spacing-lg)}.p-8{padding:2rem;padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-1{padding-top:.25rem;padding-top:var(--spacing-xs)}.pt-2{padding-top:.5rem;padding-top:var(--spacing-sm)}.pt-4{padding-top:1rem;padding-top:var(--spacing-md)}.pt-6{padding-top:1.5rem;padding-top:var(--spacing-lg)}.pt-8{padding-top:2rem;padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem;padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.pb-4{padding-bottom:1rem;padding-bottom:var(--spacing-md)}.pb-6{padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.pb-8{padding-bottom:2rem;padding-bottom:var(--spacing-xl)}.text-left{text-align:left}.text-primary{color:#333;color:var(--text-dark)}.text-light,.text-secondary{color:#666;color:var(--text-light)}.text-white{color:#fff;color:var(--text-white)}.font-normal{font-weight:400}.font-extrabold{font-weight:800}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8f8f8;background-color:var(--bg-secondary)}.bg-accent{background-color:#8b5cf6;background-color:var(--accent-purple)}.bg-dark{background-color:#8b5cf6;background-color:var(--primary-purple-dark)}.border{border:1px solid #eee;border:1px solid var(--border-color)}.border-0{border:0}.border-t{border-top:1px solid #eee;border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid #eee;border-left:1px solid var(--border-color)}.border-r{border-right:1px solid #eee;border-right:1px solid var(--border-color)}.rounded-2xl,.rounded-full,.rounded-sm,.rounded-xl{border-radius:0}.shadow-sm{box-shadow:0 2px 4px #8b5cf614;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 8px #8b5cf61a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 16px #8b5cf61f}.shadow-xl{box-shadow:0 12px 24px #8b5cf626;box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.btn{border:1px solid #0000;gap:var(--spacing-sm);letter-spacing:.5px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .3s ease}.btn:disabled{opacity:.6}.btn-primary{color:var(--text-white)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #8b5cf64d;box-shadow:var(--shadow-hover-lift);color:#fff;color:var(--text-white)}.btn-outline{border:1px solid #eee;border:1px solid var(--border-color);color:#333;color:var(--text-dark)}.btn-outline:hover:not(:disabled){background-color:#f8f8f8;background-color:var(--bg-secondary);border-color:#8b5cf6;border-color:var(--accent-purple);color:#8b5cf6;color:var(--accent-purple);transform:translateY(-1px)}.btn-ghost{background-color:initial;border-color:#0000;color:#666;color:var(--text-light)}.btn-ghost:hover:not(:disabled){background-color:#f8f8f8;background-color:var(--bg-secondary);color:#333;color:var(--text-dark)}.btn-sm{padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl)}.card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #eee;border:1px solid var(--border-color);box-shadow:0 10px 30px #8b5cf61a;box-shadow:var(--shadow-purple-tint);overflow:hidden;transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 10px 30px #8b5cf64d;box-shadow:var(--shadow-hover-lift);transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg)}.card-header h3{margin-bottom:0}.card-body,.card-footer{padding:1.5rem;padding:var(--spacing-lg)}.card-footer{background-color:#f8f8f8;background-color:var(--bg-secondary);border-top:1px solid #eee;border-top:1px solid var(--border-color)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-sm)}.form-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #eee;border:1px solid var(--border-color);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 1px #8b5cf6;box-shadow:0 0 0 1px var(--accent-purple)}.form-input:disabled{background-color:#f8f8f8;background-color:var(--bg-secondary);cursor:not-allowed}.form-textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #eee;border:1px solid var(--border-color);border-radius:0;font-family:Nunito,sans-serif;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.form-textarea:focus{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 0 0 1px #8b5cf6;box-shadow:0 0 0 1px var(--accent-purple)}.form-select{background-color:#fff;background-color:var(--bg-primary);border:1px solid #eee;border:1px solid var(--border-color);border-radius:0;color:#333;color:var(--text-dark);font-family:Nunito,sans-serif;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease;transition:border-color var(--transition-fast)}.form-select:focus{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 0 0 1px #8b5cf6;box-shadow:0 0 0 1px var(--accent-purple);outline:none}.alert{border:1px solid;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.alert-error{background-color:#fef2f2;border-color:#ef4444;border-color:var(--error-red);color:#ef4444;color:var(--error-red)}.alert-warning{color:#d97706}.alert-info{color:#1d4ed8}.loading-spinner{animation:none!important;color:#333;color:var(--text-dark);flex-direction:column;padding:2rem;transform:none!important}.spinner{animation:spinOnly 1s linear infinite;border:2px solid #eee;border-top-color:#8b5cf6;border:2px solid var(--border-color);border-top-color:var(--accent-purple);display:inline-block;height:20px;position:relative;width:20px}.loading-spinner p{animation:none!important;color:#666;color:var(--text-light);font-size:.875rem;font-weight:500;margin-top:1rem;position:static;text-align:center;transform:none!important}@keyframes spinOnly{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner *{animation:none!important}.loading-spinner .spinner{animation:spinOnly 1s linear infinite!important}@media (max-width:640px){.container{padding:0 .5rem;padding:0 var(--spacing-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hidden-sm{display:none}.block-sm{display:block}}@media (max-width:768px){.hidden-md{display:none}.block-md{display:block}.flex-col-md{flex-direction:column}.flex-row-md{flex-direction:row}}@media (max-width:1024px){.hidden-lg{display:none}.block-lg{display:block}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.card{border:1px solid #ccc!important;box-shadow:none!important}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.btn:focus,.form-input:focus,.form-select:focus{outline:2px solid #8b5cf6;outline:2px solid var(--accent-purple);outline-offset:2px}::-webkit-scrollbar-track{background:#f8f8f8}::-webkit-scrollbar-thumb{background:#8b5cf6;background:var(--accent-purple);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#8b5cf6;background:var(--primary-purple-dark)}:root{--yellow-50:#fefce8;--yellow-100:#fef3c7;--yellow-200:#fde68a;--yellow-300:#fcd34d;--yellow-400:#fbbf24;--yellow-500:#f59e0b;--yellow-600:#d97706;--yellow-700:#b45309;--yellow-800:#92400e;--yellow-900:#78350f;--sky-50:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--primary-color:var(--sky-500);--primary-light:var(--sky-400);--primary-dark:var(--sky-600);--secondary-color:var(--green-500);--secondary-light:var(--green-400);--secondary-dark:var(--green-600);--accent-color:var(--yellow-400);--accent-light:var(--yellow-300);--accent-dark:var(--yellow-500);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-light:var(--gray-500);--text-muted:var(--gray-400);--bg-secondary:var(--gray-50);--bg-accent:var(--sky-50);--bg-yellow-light:var(--yellow-50);--bg-green-light:var(--green-50);--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-dark:var(--gray-400);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--gradient-primary:linear-gradient(135deg,var(--sky-500) 0%,var(--sky-600) 100%);--gradient-secondary:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);--gradient-accent:linear-gradient(135deg,var(--yellow-400) 0%,var(--yellow-500) 100%);--gradient-hero:linear-gradient(135deg,var(--sky-50) 0%,var(--yellow-50) 50%,var(--green-50) 100%);--gradient-card:linear-gradient(145deg,#ffffffe6,#f8fafccc);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}:after,:before{box-sizing:border-box}html{font-size:16px}body{background-color:#fff;background-color:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;overflow-x:hidden;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-4)}h1{font-size:3rem;font-size:var(--font-size-5xl);letter-spacing:-.05em}h2{font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700}h3{font-size:var(--font-size-2xl)}h3,h4{font-weight:600}h4{font-size:var(--font-size-xl)}p{color:#4b5563;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--space-4)}a{color:#0ea5e9;color:var(--primary-color);text-decoration:none;transition:.15s ease-in-out;transition:var(--transition-fast)}a:hover{color:#0284c7;color:var(--primary-dark)}.btn{border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:var(--space-2);line-height:1.5;min-height:48px;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-normal);white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.3s ease-in-out;transition:var(--transition-normal);width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff}.btn-secondary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.btn-outline{background:#0000;border-color:#0ea5e9;border-color:var(--primary-color);color:#0ea5e9;color:var(--primary-color)}.btn-outline:hover{background:#0ea5e9;background:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);min-height:56px;padding:var(--space-4) var(--space-8)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);min-height:40px;padding:var(--space-2) var(--space-4)}.landing-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2 50%,#f0f9fff2);border-bottom:1px solid #e2e8f04d;box-shadow:0 4px 24px #0000000f;left:0;padding:.25rem 0;padding:var(--space-1) 0;position:fixed;right:0;top:0;transition:all .3s ease-in-out;transition:all var(--transition-normal);z-index:1000}.landing-header.scrolled{background:linear-gradient(135deg,#fffffffa,#f8fafcfa 50%,#f0f9fffa);border-bottom-color:#e2e8f099;box-shadow:0 8px 40px #0000001f}.header-container{height:80px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1.5rem;padding:0 var(--space-6)}.header-container,.logo{align-items:center;display:flex}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;position:relative;text-decoration:none;transition:.3s ease-in-out;transition:var(--transition-normal)}.logo:hover{transform:scale(1.05)}.logo-icon{color:#0ea5e9;color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(14,165,233,.3));height:40px;margin-right:.75rem;margin-right:var(--space-3);width:40px}.nav-menu{align-items:center;display:flex;gap:2rem;gap:var(--space-8);list-style:none}.nav-link{border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative;text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.nav-link:hover{background:#0ea5e914;color:#0ea5e9;color:var(--primary-color);transform:translateY(-1px)}.nav-link:after{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out;transition:all var(--transition-normal);width:0}.nav-link:hover:after{width:100%}.header-actions{align-items:center;display:flex;gap:1rem;gap:var(--space-4)}.header-actions .nav-link{background:#0000;border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);font-weight:600;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .3s ease-in-out;transition:all var(--transition-normal)}.header-actions .nav-link:hover{background:#0ea5e91a;border-color:#0ea5e933;color:#0284c7;color:var(--primary-dark)}.header-actions .btn{border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.header-actions .btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.mobile-menu-toggle{border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:none;flex-direction:column;padding:.75rem;padding:var(--space-3);transition:.3s ease-in-out;transition:var(--transition-normal);z-index:1001}.mobile-menu-toggle:hover{background:#0ea5e91a}.mobile-menu-toggle span{background:#111827;background:var(--text-primary);border-radius:9999px;border-radius:var(--radius-full);height:3px;margin:3px 0;transition:.3s ease-in-out;transition:var(--transition-normal);width:28px}.mobile-menu-toggle.active span:first-child{background:#0ea5e9;background:var(--primary-color);transform:rotate(-45deg) translate(-6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:translateX(20px)}.mobile-menu-toggle.active span:nth-child(3){background:#0ea5e9;background:var(--primary-color);transform:rotate(45deg) translate(-6px,-6px)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000c,#0f172ae6);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease-in-out;transition:all var(--transition-normal);visibility:hidden;z-index:999}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border-left:1px solid #e2e8f099;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);height:100%;padding:2rem;padding:var(--space-8);position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;transition:transform var(--transition-normal);width:320px}.mobile-menu.active .mobile-menu-content{transform:translateX(0)}.mobile-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:1rem;padding-bottom:var(--space-4)}.mobile-menu-close{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:9999px;border-radius:var(--radius-full);color:#ef4444;cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);height:40px;justify-content:center;transition:.3s ease-in-out;transition:var(--transition-normal);width:40px}.mobile-menu-close:hover{background:#ef444433;transform:scale(1.1)}.mobile-nav{list-style:none;margin-bottom:2rem}.mobile-nav li{margin-bottom:1rem}.mobile-nav a{border-bottom:1px solid var(--border-color);color:#111827;color:var(--text-primary);display:block;font-weight:500;padding:1rem 0;text-decoration:none;transition:color .3s ease}.mobile-nav a:hover{color:#0ea5e9;color:var(--primary-color)}.mobile-actions{display:flex;flex-direction:column;gap:1rem}.hero-section{align-items:center;background:#fff;display:flex;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.hero-container{margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;text-align:center;z-index:2}.hero-title{animation:fadeInUp 1s ease-out;color:#1e293b;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 4px #0000001a,0 4px 8px #0000000d,0 8px 16px #00000008;z-index:3}.hero-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 4px #3b82f64d,0 4px 8px #8b5cf633,0 8px 16px #06b6d41a}.hero-subtitle{animation:fadeInUp 1s ease-out .2s both;color:#1e293b;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;position:relative;text-shadow:0 2px 4px #00000026,0 4px 8px #0000001a,0 8px 16px #0000000d;z-index:3}.hero-actions{animation:fadeInUp 1s ease-out .4s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-btn{align-items:center;border-radius:50px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.hero-btn,.hero-btn-primary{border:none;position:relative}.hero-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);box-shadow:0 4px 14px #3b82f666,0 8px 25px #8b5cf64d,0 12px 35px #06b6d433;color:#fff;z-index:3}.hero-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#0891b2);box-shadow:0 8px 25px #3b82f680,0 12px 35px #8b5cf666,0 16px 45px #06b6d44d;color:#fff;transform:translateY(-3px)}.hero-btn-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:2px solid #3b82f633;box-shadow:0 4px 14px #0000001a,0 2px 8px #0000000d;color:#1e293b;font-weight:600;position:relative;z-index:3}.hero-btn-secondary:hover{background:#fff;border-color:#3b82f666;box-shadow:0 8px 25px #00000026,0 4px 12px #00000014;color:#1e293b;transform:translateY(-3px)}.hero-features{animation:fadeInUp 1s ease-out .6s both;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.hero-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 2px 8px #0000000d;color:#64748b;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-shadow:0 1px 2px #0000000d;z-index:3}.hero-feature-icon{color:#3b82f6;filter:drop-shadow(0 1px 2px rgba(59,130,246,.3));height:20px;width:20px}.floating-element{animation:float 6s ease-in-out infinite;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a 50%,#06b6d41a);border:1px solid #ffffff4d;border-radius:50%;position:absolute}.floating-element:first-child{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.floating-element:nth-child(2){animation-delay:2s;height:120px;right:10%;top:60%;width:120px}.floating-element:nth-child(3){animation-delay:4s;bottom:20%;height:60px;left:20%;width:60px}.features-section{background:linear-gradient(135deg,#fff,#f9fafb 50%,#f0f9ff);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-accent) 100%);overflow:hidden;padding:6rem 0;padding:var(--space-24) 0;position:relative}.features-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23e0f2fe' fill-opacity='.3' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.section-container{margin:0 auto;max-width:1400px;padding:0 1.5rem;padding:0 var(--space-6);position:relative;z-index:2}.section-header{margin-bottom:5rem;margin-bottom:var(--space-20);position:relative;text-align:center}.section-header:after{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);bottom:-var(--space-8);content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#0ea5e9);background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.875rem,5vw,3rem);font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.section-subtitle{color:#4b5563;color:var(--text-secondary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:400;line-height:1.6;margin:0 auto;max-width:700px}.features-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-top:1rem;margin-top:var(--space-4)}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);cursor:pointer;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.feature-card:before{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out;transition:transform var(--transition-normal)}.feature-card:after{background:radial-gradient(circle,#0ea5e91a 0,#0000 70%);content:"";height:100%;opacity:0;position:absolute;right:-50%;top:-50%;transition:opacity .3s ease-in-out;transition:opacity var(--transition-normal);width:100%}.feature-card:hover{border-color:#0ea5e94d;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-12px) scale(1.02)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover:after{opacity:1}.feature-header{align-items:center;display:flex;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6);position:relative;z-index:2}.feature-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;height:64px;overflow:hidden;padding:1rem;padding:var(--space-4);position:relative;transition:.3s ease-in-out;transition:var(--transition-normal);width:64px}.feature-icon:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(-45deg);transition:.5s ease-in-out;transition:var(--transition-slow);width:200%}.feature-card:hover .feature-icon:before{animation:shimmer 1.5s ease-in-out;opacity:1}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(-45deg)}to{transform:translateX(100%) translateY(100%) rotate(-45deg)}}.feature-title{color:#111827;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2);position:relative;z-index:2}.feature-description{color:#4b5563;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.7;position:relative;z-index:2}.how-it-works-section{background:#fff;margin-top:-2rem;overflow:hidden;padding:4rem 0 6rem;position:relative}.steps-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:4rem}.step-card{position:relative;text-align:center}.step-number{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:80px;z-index:2}.step-number.bg-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.step-number.bg-secondary{background:linear-gradient(135deg,#22c55e,#059669);background:linear-gradient(135deg,var(--secondary-color),#059669)}.step-number.bg-accent{background:linear-gradient(135deg,#fbbf24,#7c3aed);background:linear-gradient(135deg,var(--accent-color),#7c3aed)}.step-title{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.step-description{color:#4b5563;color:var(--text-secondary);line-height:1.6}.pricing-section{background:linear-gradient(135deg,#f9fafb,#fff 50%,#fefce8);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 50%,var(--bg-yellow-light) 100%);overflow:hidden;padding:6rem 0;padding:var(--space-24) 0;position:relative}.pricing-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10S0 14.5 0 20s4.5 10 10 10 10-4.5 10-10zm10 0c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z' fill='%23fbbf24' fill-opacity='.1'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.pricing-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-left:auto;margin-right:auto;margin-top:4rem;margin-top:var(--space-16);max-width:1200px}.pricing-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:2px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);cursor:pointer;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.pricing-card:before{background:linear-gradient(135deg,#0ea5e90d,#22c55e0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;transition:opacity var(--transition-normal)}.pricing-card.popular{background:linear-gradient(145deg,#fff,#f0f9fff2);border-color:#0ea5e9;border-color:var(--primary-color);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:scale(1.05)}.pricing-card.popular:after{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;content:"Most Popular";font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;left:0;letter-spacing:.05em;padding:.75rem;padding:var(--space-3);position:absolute;right:0;text-align:center;text-transform:uppercase;top:0}.pricing-card:hover{border-color:#0ea5e966;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-12px) scale(1.02)}.pricing-card:hover:before{opacity:1}.pricing-card.popular:hover{transform:scale(1.05) translateY(-12px)}.pricing-header{margin-bottom:2rem;margin-bottom:var(--space-8);position:relative;text-align:center;z-index:2}.pricing-card.popular .pricing-header{padding-top:2rem;padding-top:var(--space-8)}.pricing-name{color:#111827;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem;margin-bottom:var(--space-3)}.pricing-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-size:var(--font-size-5xl);font-weight:900;line-height:1;margin-bottom:.5rem;margin-bottom:var(--space-2)}.pricing-period{font-weight:600}.pricing-description,.pricing-period{color:#4b5563;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base)}.pricing-description{line-height:1.6}.pricing-description,.pricing-features{margin-bottom:2rem;margin-bottom:var(--space-8);position:relative;z-index:2}.pricing-features{list-style:none}.pricing-feature{align-items:center;border-bottom:1px solid #e2e8f080;color:#4b5563;color:var(--text-secondary);display:flex;font-size:1rem;font-size:var(--font-size-base);gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.5rem 0;padding:var(--space-2) 0;transition:.3s ease-in-out;transition:var(--transition-normal)}.pricing-feature:hover{color:#111827;color:var(--text-primary);padding-left:.5rem;padding-left:var(--space-2)}.pricing-feature:last-child{border-bottom:none}.pricing-feature-icon{color:#22c55e;color:var(--secondary-color);flex-shrink:0;height:20px;width:20px}.pricing-cta{border-radius:8px;display:block;font-weight:600;padding:1rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.pricing-cta.primary{background:#0ea5e9;background:var(--primary-color);color:#fff}.pricing-cta.primary:hover{background:#0284c7;background:var(--primary-dark);transform:translateY(-2px)}.pricing-cta.disabled{background:#f3f4f6!important;border-color:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important}.pricing-cta.disabled:hover{background:#f3f4f6!important;box-shadow:none!important;transform:none!important}.pricing-cta.outline{background:#0000;border:2px solid #0ea5e9;border:2px solid var(--primary-color);color:#0ea5e9;color:var(--primary-color)}.pricing-cta.outline:hover{background:#0ea5e9;background:var(--primary-color);color:#fff;transform:translateY(-2px)}.testimonials-section{background:linear-gradient(135deg,#f0fdf4,#fff 50%,#f0f9ff);background:linear-gradient(135deg,var(--bg-green-light) 0,var(--bg-primary) 50%,var(--bg-accent) 100%);overflow:hidden;padding:6rem 0;padding:var(--space-24) 0;position:relative}.testimonials-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30c0-8.3-6.7-15-15-15S0 21.7 0 30s6.7 15 15 15 15-6.7 15-15zm15 0c0-8.3-6.7-15-15-15s-15 6.7-15 15 6.7 15 15 15 15-6.7 15-15z' fill='%2316a34a' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.testimonials-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-left:auto;margin-right:auto;margin-top:4rem;margin-top:var(--space-16);max-width:1200px}.testimonial-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);cursor:pointer;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.testimonial-card:before{color:#22c55e;color:var(--secondary-color);content:'"';font-family:Georgia,serif;font-size:5rem;font-weight:700;left:1.5rem;left:var(--space-6);opacity:.15;position:absolute;top:-var(--space-4);z-index:1}.testimonial-card:after{background:radial-gradient(circle,#22c55e1a 0,#0000 70%);content:"";height:100%;opacity:0;position:absolute;right:-50%;top:-50%;transition:opacity .3s ease-in-out;transition:opacity var(--transition-normal);width:100%}.testimonial-card:hover{border-color:#22c55e4d;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-8px) scale(1.02)}.testimonial-card:hover:after{opacity:1}.testimonial-text{color:#111827;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-style:italic;font-weight:500;line-height:1.8;margin-bottom:1.5rem;margin-bottom:var(--space-6);position:relative;z-index:2}.testimonial-author{align-items:center;border-top:2px solid #22c55e33;display:flex;gap:1rem;gap:var(--space-4);padding-top:1rem;padding-top:var(--space-4);position:relative;z-index:2}.testimonial-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-secondary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;height:48px;justify-content:center;width:48px}.testimonial-info{flex:1 1}.testimonial-name{color:#111827;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:700}.testimonial-business,.testimonial-name{margin-bottom:.25rem;margin-bottom:var(--space-1)}.testimonial-business{color:#4b5563;color:var(--text-secondary);font-weight:600}.testimonial-business,.testimonial-location{font-size:.875rem;font-size:var(--font-size-sm)}.testimonial-location{align-items:center;color:#22c55e;color:var(--secondary-color);display:flex;font-weight:500;gap:.25rem;gap:var(--space-1)}.testimonial-location:before{content:"📍";font-size:.75rem;font-size:var(--font-size-xs)}.cta-section{background:#fff;margin-top:-2rem;overflow:hidden;padding:4rem 0 6rem;position:relative}.cta-container{position:relative;text-align:center;z-index:2}.cta-title{color:#1e293b;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a,0 4px 8px #0000000d}.cta-subtitle{color:#475569;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-shadow:0 1px 2px #0000000d}.cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);box-shadow:0 4px 14px #3b82f666,0 8px 25px #8b5cf64d;color:#fff}.cta-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#0891b2);box-shadow:0 8px 25px #3b82f680,0 12px 35px #8b5cf666;color:#fff;transform:translateY(-3px)}.cta-btn-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:2px solid #3b82f633;box-shadow:0 4px 14px #0000001a;color:#1e293b}.cta-btn-secondary:hover{background:#fff;border-color:#3b82f666;box-shadow:0 8px 25px #00000026;color:#1e293b;transform:translateY(-3px)}.footer{background:linear-gradient(135deg,#111827,#1f2937 50%,#111827);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 50%,var(--gray-900) 100%);color:#fff;overflow:hidden;padding:6rem 0 2rem;padding:var(--space-24) 0 var(--space-8);position:relative}.footer:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 40c0-11-9-20-20-20S0 29 0 40s9 20 20 20 20-9 20-20zm20 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z' fill='%230ea5e9' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1400px;padding:0 1.5rem;padding:0 var(--space-6);position:relative;z-index:2}.footer-grid{grid-gap:3rem;grid-gap:var(--space-12);align-items:start;display:grid;gap:3rem;gap:var(--space-12);grid-template-columns:1.5fr 1.2fr 1fr 1fr;margin-bottom:3rem;margin-bottom:var(--space-12)}.footer-company-section,.footer-offices-section{max-width:100%}.office-card:hover{box-shadow:0 4px 16px #0000001f!important;transform:translateY(-2px)}.footer-contact-card a:hover{background:#ffffff40!important;transform:translateY(-1px)}.footer-brand{margin-bottom:2rem;margin-bottom:var(--space-8)}.footer-logo{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;margin-bottom:1.5rem;margin-bottom:var(--space-6);transition:.3s ease-in-out;transition:var(--transition-normal)}.footer-logo:hover{transform:scale(1.05)}.footer-description{color:#fffc;font-size:1rem;font-size:var(--font-size-base);line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.footer-grid h3,.footer-section h3{color:#fff;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:.5rem;padding-bottom:var(--space-2);position:relative}.footer-section h3:after{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-links{list-style:none}.footer-link{margin-bottom:.75rem;margin-bottom:var(--space-3)}.footer-link a{align-items:center;color:#ffffffb3;display:flex;font-size:1rem;font-size:var(--font-size-base);gap:.5rem;gap:var(--space-2);padding:.25rem 0;padding:var(--space-1) 0;text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.footer-link a:hover{color:#fff;padding-left:.5rem;padding-left:var(--space-2);transform:translateX(4px)}.footer-bottom{align-items:center;border-top:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;padding-top:2rem;padding-top:var(--space-8)}.footer-copyright{color:#ffffffb3;font-size:.875rem;font-size:var(--font-size-sm)}.footer-social{display:flex;gap:1rem;gap:var(--space-4)}.footer-social a{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;border-radius:var(--radius-full);color:#ffffffb3;display:flex;height:40px;justify-content:center;transition:all .3s ease-in-out;transition:all var(--transition-normal);width:40px}.footer-social a:hover{background:#0ea5e9;background:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #0ea5e94d}50%{box-shadow:0 0 30px #0ea5e999}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}@media (max-width:1024px){.header-container,.section-container{padding:0 1rem;padding:0 var(--space-4)}.footer-grid{gap:2rem;gap:var(--space-8);grid-template-columns:1fr 1fr}.footer-company-section,.footer-offices-section{max-width:100%}.footer-contact-card{margin-top:1.5rem!important}}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-toggle{display:flex}.header-container{height:70px;padding:0 1rem;padding:0 var(--space-4)}.hero-actions{gap:1rem;gap:var(--space-4)}.hero-actions,.hero-features{align-items:center;flex-direction:column}.features-grid{gap:1.5rem;gap:var(--space-6)}.features-grid,.pricing-grid,.steps-grid{grid-template-columns:1fr}.pricing-grid{gap:1.5rem;gap:var(--space-6)}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}.testimonials-grid{gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr}.cta-actions{align-items:center;flex-direction:column}.footer-grid{gap:2rem;gap:var(--space-8);grid-template-columns:1fr;text-align:center}.footer-company-section{order:1}.footer-offices-section{order:2}.footer-contact-card{margin-top:1.5rem!important;padding:1.25rem!important}.office-card{text-align:left!important}.footer-bottom{flex-direction:column;gap:1rem;gap:var(--space-4);text-align:center}.floating-element{display:none}.section-title{font-size:1.875rem;font-size:var(--font-size-3xl)}.section-subtitle{font-size:1rem;font-size:var(--font-size-base)}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.feature-card,.pricing-card{padding:1.5rem}.cta-btn,.hero-btn{font-size:.875rem;padding:.875rem 1.5rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#0ea5e9;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0284c7;background:var(--primary-dark)}.hero-graph-bg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.graph-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000;animation:graphLineGrow 2.5s cubic-bezier(.4,0,.2,1) forwards;opacity:.25}.graph-line-1{stroke:#3b82f6;animation-delay:.1s;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3)) drop-shadow(0 4px 8px rgba(59,130,246,.2))}.graph-line-2{stroke:#8b5cf6;animation-delay:.4s;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3)) drop-shadow(0 4px 8px rgba(139,92,246,.2))}.graph-line-3{stroke:#06b6d4;animation-delay:.7s;filter:drop-shadow(0 2px 4px rgba(6,182,212,.3)) drop-shadow(0 4px 8px rgba(6,182,212,.2))}@keyframes graphLineGrow{to{stroke-dashoffset:0}}.pricing-grid-redesigned{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1600px;padding:0 1rem}.pricing-card-redesigned{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #0000;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;height:100%;min-height:600px;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.pricing-card-redesigned:before{background:linear-gradient(135deg,#6366f11a,#a855f71a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.pricing-card-redesigned:hover:before{opacity:1}.pricing-card-redesigned:hover{border-color:#6366f1;box-shadow:0 30px 60px #00000026;transform:translateY(-8px)}.pricing-card-redesigned.popular{background:linear-gradient(145deg,#fffbeb,#fef3c7);border-color:#f59e0b;transform:scale(1.05)}.pricing-card-redesigned.popular:before{background:linear-gradient(135deg,#f59e0b33,#fbbf2433)}.pricing-card-redesigned.free-plan{background:linear-gradient(145deg,#f9fafb,#f3f4f6);border-color:#6b7280}.popular-badge-redesigned{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 4px 12px #f59e0b66;color:#fff;font-size:.875rem;font-weight:700;left:50%;padding:.5rem 1.5rem;position:absolute;top:-10px;transform:translateX(-50%);z-index:10}.pricing-header-redesigned{margin-bottom:2rem;position:relative;text-align:center;z-index:2}.pricing-icon-redesigned{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 8px 20px #6366f14d;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.pricing-card-redesigned.popular .pricing-icon-redesigned{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 20px #f59e0b4d}.pricing-card-redesigned.free-plan .pricing-icon-redesigned{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 8px 20px #6b72804d}.pricing-name-redesigned{color:#1f2937;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.credit-display-redesigned{margin-bottom:1rem}.credit-amount-redesigned{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.5rem;font-weight:900;line-height:1.1;overflow-wrap:break-word;text-align:center;word-break:break-word}.pricing-card-redesigned.popular .credit-amount-redesigned{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.pricing-card-redesigned.free-plan .credit-amount-redesigned{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b7280,#4b5563);-webkit-background-clip:text;background-clip:text}.credit-label-redesigned{color:#6b7280;font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pricing-amount-redesigned{margin-bottom:1rem}.price-redesigned{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;font-weight:800;text-align:center}.pricing-card-redesigned.popular .price-redesigned{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d97706,#f59e0b);-webkit-background-clip:text;background-clip:text}.pricing-description-redesigned{color:#6b7280;font-size:.95rem;line-height:1.5;margin-bottom:0}.pricing-features-redesigned{display:flex;flex-direction:column;flex-grow:1;margin-bottom:2rem;position:relative;z-index:2}.pricing-feature-redesigned{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem;min-height:40px;padding:.5rem 0}.pricing-feature-redesigned.disabled{opacity:.4}.pricing-feature-redesigned.disabled .pricing-feature-icon-redesigned{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #9ca3af4d}.pricing-feature-icon-redesigned{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 2px 8px #10b9814d;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.pricing-feature-redesigned span{color:#374151;font-size:.95rem;font-weight:500}.pricing-cta-redesigned{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.02em;padding:1rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease;width:100%;z-index:2}.pricing-cta-redesigned.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d;color:#fff}.pricing-cta-redesigned.primary:hover{box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.pricing-cta-redesigned.outline{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.pricing-cta-redesigned.outline:hover{box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.pricing-cta-redesigned.disabled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;cursor:not-allowed;opacity:.7}.contact-sales-modal{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 50px #00000026;margin:0 auto;max-width:700px;overflow:hidden}.modal-header-enhanced{margin:0;overflow:hidden;padding:0;position:relative}.header-background{background:linear-gradient(135deg,#667eea,#764ba2)}.header-pattern{animation:patternFloat 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 80%,#ffffff1a 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes patternFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}.header-content{justify-content:space-between;padding:2rem;position:relative;z-index:2}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.header-icon-container{position:relative}.header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;height:60px;width:60px}.header-icon,.icon-sparkle{align-items:center;color:#fff;display:flex;justify-content:center}.icon-sparkle{animation:sparkle 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;height:24px;position:absolute;right:-8px;top:-8px;width:24px}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}.header-text{color:#fff}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.header-subtitle{font-size:1rem;font-weight:400;margin:0;opacity:.9}.close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#fff3;transform:scale(1.05)}.close-button:disabled{cursor:not-allowed;opacity:.5}.enhanced-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{gap:1.5rem;grid-template-columns:1fr}}.form-group-enhanced{position:relative}.form-label-enhanced{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.label-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:flex;height:20px;justify-content:center;width:20px}.input-container{position:relative}.form-input-enhanced{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:1rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.form-input-enhanced:focus{box-shadow:0 0 0 4px #667eea1a;outline:none}.form-input-enhanced.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.input-border{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.form-input-enhanced:focus+.input-border{opacity:.1}.error-message{align-items:center;color:#ef4444;display:flex;font-size:.875rem;gap:.25rem;margin-top:.5rem}.error-message:before{content:"⚠";font-size:.75rem}.contact-sales-success{background:linear-gradient(135deg,#fff,#f0fdf4);padding:3rem 2rem;text-align:center}.success-animation{margin-bottom:2rem}.success-checkmark{align-items:center;animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}@keyframes successPulse{0%,to{box-shadow:0 0 0 0 #10b98166;transform:scale(1)}50%{box-shadow:0 0 0 20px #10b98100;transform:scale(1.05)}}.checkmark{stroke-width:3;color:#fff;height:40px;width:40px}.success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#065f46,#10b981);-webkit-background-clip:text;background-clip:text;color:#065f46;font-size:2rem;font-weight:700;margin-bottom:1rem}.success-message{color:#374151;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.success-features{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.success-feature{flex-direction:column;gap:.5rem}.feature-icon,.success-feature{align-items:center;display:flex}.feature-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;font-size:1.25rem;height:40px;justify-content:center;width:40px}.success-feature span{color:#374151;font-size:.875rem;font-weight:600}.success-close-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 auto;padding:1rem 2rem;transition:all .3s ease}.success-close-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.textarea-enhanced{font-family:inherit;min-height:120px;resize:vertical}.textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.character-count{color:#6b7280;margin-left:auto}.error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;gap:.75rem;padding:1rem}.error-alert,.error-icon{align-items:center;display:flex}.error-icon{background:#ef4444;border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;height:24px;justify-content:center;width:24px}.error-alert p{color:#dc2626;font-size:.875rem;font-weight:500;margin:0}.submit-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.submit-info{background:#ffffffb3;border:1px solid #667eea1a;border-radius:12px;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.info-icon,.submit-info{align-items:center;display:flex}.info-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;flex-shrink:0;font-size:.875rem;height:24px;justify-content:center;width:24px}.submit-info span{color:#4b5563;font-size:.875rem;line-height:1.4}.submit-buttons{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-content{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;position:relative;z-index:2}.btn-icon{height:18px;width:18px}.btn-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:hover:not(:disabled) .btn-shine{left:100%}@media (max-width:768px){.contact-sales-modal{margin:1rem auto;max-width:95vw}.header-content{padding:1.5rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.9rem}.enhanced-form{padding:1.5rem}.submit-buttons{flex-direction:column}.btn-content,.cancel-btn{padding:1rem 1.5rem}.success-features{flex-direction:column;gap:1rem}.success-feature{flex-direction:row;gap:.75rem}}@media (max-width:1400px){.pricing-grid-redesigned{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.pricing-grid-redesigned{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.pricing-card-redesigned.popular{transform:none}}@media (max-width:768px){.hero-graph-bg{height:100%;min-height:320px}.graph-line{stroke-width:4;opacity:.3}.pricing-grid-redesigned{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.pricing-card-redesigned{padding:1.5rem}.credit-amount-redesigned{font-size:2.5rem}}:root{--text-black:#000;--text-gray:#6b7280;--text-dark:#1f2937;--bg-white:#fff;--bg-gray-light:#f9fafb;--bg-gray:#e5e7eb;--border-gray:#e5e7eb;--border-gray-dark:#6b7280;--success:#10b981;--danger:#ef4444}.enhanced-availability-manager{background:#fff;background:var(--bg-white);border-radius:0;font-family:Nunito,sans-serif!important;padding:0}.enhanced-availability-manager .availability-header{border-radius:0;margin-bottom:2rem}.enhanced-availability-manager .availability-header h3{border-radius:0;color:#1f2937!important;color:var(--text-dark)!important;font-size:1.5rem!important;font-weight:700!important;margin:0 0 .5rem!important}.enhanced-availability-manager .availability-header p{border-radius:0;color:#6b7280!important;color:var(--text-gray)!important;font-size:.875rem!important;margin:0!important}.enhanced-availability-manager .quick-actions{display:flex;flex-wrap:wrap;gap:.75rem}.enhanced-availability-manager .quick-action-btn{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important;border:2px solid #667eea!important;border:2px solid var(--primary)!important;border-radius:0!important;box-shadow:0 4px 15px #667eea4d!important;color:#fff!important;color:var(--text-white)!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:600!important;gap:.5rem!important;min-height:48px;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.enhanced-availability-manager .quick-action-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;box-shadow:0 8px 25px #667eea66!important;transform:translateY(-2px)!important}.enhanced-availability-manager .day-card{background:#fff!important;background:var(--bg-white)!important;border:2px solid #e5e7eb!important;border:2px solid var(--border-gray)!important;border-radius:0!important;box-shadow:0 2px 8px #0000001a!important;margin-bottom:1.5rem!important;padding:1.5rem!important;transition:all .3s ease!important}.enhanced-availability-manager .day-card:hover{border-color:#667eea!important;border-color:var(--primary)!important;box-shadow:0 8px 25px #667eea26!important;transform:translateY(-2px)!important}.enhanced-availability-manager .day-card.available{background:#10b98105!important;border-color:#10b981!important;border-color:var(--success)!important}.enhanced-availability-manager .day-card.selected{background:#667eea0d!important;border-color:#667eea!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #667eea1a!important}.enhanced-availability-manager .day-header{align-items:center!important;border-radius:0!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;margin-bottom:1rem!important;padding:.5rem!important;transition:all .2s ease!important}.enhanced-availability-manager .day-header:hover{background:#f9fafb!important;background:var(--bg-gray-light)!important}.enhanced-availability-manager .day-info{align-items:center!important;display:flex!important;gap:.75rem!important}.enhanced-availability-manager .day-checkbox{align-items:center!important;background:#fff!important;background:var(--bg-white)!important;border:2px solid #6b7280!important;border:2px solid var(--border-gray-dark)!important;border-radius:0!important;color:#fff!important;color:var(--text-white)!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;height:24px!important;justify-content:center!important;transition:all .2s ease!important;width:24px!important}.enhanced-availability-manager .day-checkbox.checked{background:#10b981!important;background:var(--success)!important;border-color:#10b981!important;border-color:var(--success)!important}.enhanced-availability-manager .day-title{border-radius:0;color:#1f2937!important;color:var(--text-dark)!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important}.enhanced-availability-manager .day-title.inactive{color:#6b7280!important;color:var(--text-gray)!important}.enhanced-availability-manager .add-slot-btn{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important;border:none!important;border-radius:0!important;box-shadow:0 2px 8px #667eea33!important;color:#fff!important;color:var(--text-white)!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:600!important;gap:.5rem!important;min-height:40px;padding:.5rem 1rem!important;transition:all .3s ease!important}.enhanced-availability-manager .add-slot-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;box-shadow:0 4px 15px #667eea4d!important;transform:translateY(-1px)!important}.enhanced-availability-manager .time-slots{display:flex!important;flex-direction:column!important;gap:1rem!important}.enhanced-availability-manager .time-slot{grid-gap:1rem!important;align-items:center!important;background:#f9fafb!important;background:var(--bg-gray-light)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-gray)!important;border-radius:0!important;display:grid!important;gap:1rem!important;grid-template-columns:1fr auto!important;padding:1rem!important;transition:all .2s ease!important}.enhanced-availability-manager .time-slot:hover{border-color:#667eea!important;border-color:var(--primary)!important;box-shadow:0 4px 12px #0000001a!important}.enhanced-availability-manager .slot-fields{grid-gap:.75rem!important;display:grid!important;gap:.75rem!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.enhanced-availability-manager .field-group{display:flex!important;flex-direction:column!important;gap:.25rem!important}.enhanced-availability-manager .field-label{border-radius:0;color:#1f2937!important;color:var(--text-dark)!important;font-size:.75rem!important;font-weight:600!important;margin:0!important}.enhanced-availability-manager .field-input,.enhanced-availability-manager .field-select{background:#fff!important;background:var(--bg-white)!important;border:2px solid #e5e7eb!important;border:2px solid var(--border-gray)!important;border-radius:0!important;color:#1f2937!important;color:var(--text-dark)!important;font-family:Nunito,sans-serif!important;font-size:.875rem!important;padding:.5rem!important;transition:all .2s ease!important;width:100%!important}.enhanced-availability-manager .field-input:focus,.enhanced-availability-manager .field-select:focus{border-color:#667eea!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.enhanced-availability-manager .remove-slot-btn{align-items:center!important;background:#ef4444!important;background:var(--danger)!important;border:none!important;border-radius:0!important;color:#fff!important;color:var(--text-white)!important;cursor:pointer!important;display:flex!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;padding:.5rem!important;transition:all .2s ease!important}.enhanced-availability-manager .remove-slot-btn:hover{background:#dc2626!important;transform:scale(1.05)!important}.enhanced-availability-manager .unavailable-state{color:#6b7280!important;color:var(--text-gray)!important;padding:2rem!important;text-align:center!important}.enhanced-availability-manager .unavailable-icon{color:#6b7280!important;color:var(--text-gray)!important;margin:0 auto .5rem!important;opacity:.5!important}.enhanced-availability-manager .action-buttons{align-items:center!important;background:#f9fafb!important;background:var(--bg-gray-light)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-gray)!important;border-radius:0!important;display:flex!important;justify-content:space-between!important;margin-top:2rem!important;padding:1.5rem!important}.enhanced-availability-manager .reset-btn{align-items:center!important;background:#0000!important;border:2px solid #e5e7eb!important;border:2px solid var(--border-gray)!important;border-radius:0!important;color:#6b7280!important;color:var(--text-gray)!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:600!important;gap:.5rem!important;min-height:48px;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.enhanced-availability-manager .reset-btn:hover{background:#f9fafb!important;background:var(--bg-gray-light)!important;border-color:#6b7280!important;border-color:var(--text-gray)!important}.enhanced-availability-manager .save-btn{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important;border:none!important;border-radius:0!important;box-shadow:0 4px 15px #667eea4d!important;color:#fff!important;color:var(--text-white)!important;cursor:pointer!important;display:inline-flex!important;font-size:1rem!important;font-weight:600!important;gap:.5rem!important;min-height:48px;padding:.75rem 2rem!important;transition:all .3s ease!important}.enhanced-availability-manager .save-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;box-shadow:0 8px 25px #667eea66!important;transform:translateY(-2px)!important}.enhanced-availability-manager .save-btn:disabled{background:#6b7280!important;background:var(--text-gray)!important;box-shadow:none!important;cursor:not-allowed!important}.enhanced-availability-manager .loading-container{align-items:center!important;display:flex!important;justify-content:center!important;padding:3rem!important}.enhanced-availability-manager .loading-content{text-align:center!important}.enhanced-availability-manager .loading-spinner{animation:spin 1s linear infinite!important;border:4px solid #e5e7eb!important;border-top:4px solid #667eea!important;border:4px solid var(--bg-gray)!important;border-radius:50%!important;border-top-color:var(--primary)!important;height:40px!important;margin:0 auto 1rem!important;width:40px!important}.enhanced-availability-manager .loading-text{color:#6b7280!important;color:var(--text-gray)!important;font-size:1rem!important;margin:0!important}@media (max-width:768px){.enhanced-availability-manager .availability-header h3{font-size:1.25rem!important}.enhanced-availability-manager .quick-actions{flex-direction:column!important;gap:.5rem!important}.enhanced-availability-manager .quick-action-btn{font-size:.75rem!important;justify-content:center!important;padding:.625rem 1rem!important;width:100%!important}.enhanced-availability-manager .day-card{margin-bottom:1rem!important;padding:1rem!important}.enhanced-availability-manager .day-title{font-size:1.125rem!important}.enhanced-availability-manager .slot-fields{gap:.5rem!important;grid-template-columns:1fr!important}.enhanced-availability-manager .time-slot{gap:.75rem!important;grid-template-columns:1fr!important}.enhanced-availability-manager .action-buttons{align-items:stretch!important;flex-direction:column!important;gap:1rem!important}.enhanced-availability-manager .reset-btn,.enhanced-availability-manager .save-btn{justify-content:center!important;width:100%!important}}@media (max-width:480px){.enhanced-availability-manager .day-header{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important}.enhanced-availability-manager .day-info{width:100%!important}.enhanced-availability-manager .add-slot-btn{justify-content:center!important;padding:.75rem!important;width:100%!important}.enhanced-availability-manager .field-input,.enhanced-availability-manager .field-select{font-size:1rem!important;padding:.75rem!important}.enhanced-availability-manager .remove-slot-btn{margin-top:.5rem!important;min-height:48px!important;width:100%!important}}.credit-usage-container{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #0000;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:2rem;padding:2rem}.credit-usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.credit-usage-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.5rem;font-weight:800;margin:0}.time-filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.time-filter-select:hover{border-color:#6366f1}.time-filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.error-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{color:#6366f1}.error-state{color:#dc3545}.retry-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.retry-button:hover{box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.credit-balance-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.balance-card{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #0000;border-radius:16px;box-shadow:0 8px 20px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.balance-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-4px)}.balance-card.current{background:linear-gradient(145deg,#ecfdf5,#d1fae5);border-color:#10b981}.balance-card.purchased{background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-color:#6366f1}.balance-card.used{background:linear-gradient(145deg,#fffbeb,#fef3c7);border-color:#f59e0b}.balance-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.balance-card.current .balance-icon{background:linear-gradient(135deg,#10b981,#059669)}.balance-card.purchased .balance-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.balance-card.used .balance-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.balance-info h4{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.balance-amount{color:#1f2937;display:block;font-size:2rem;font-weight:900;line-height:1}.balance-label{color:#6b7280;font-size:.875rem;font-weight:500}.usage-breakdown{margin-bottom:2rem}.usage-breakdown h4{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.breakdown-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.breakdown-item{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.breakdown-item:hover{border-color:#6366f1;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.breakdown-item svg{color:#6366f1;flex-shrink:0}.breakdown-label{color:#374151;flex-grow:1;font-weight:500}.breakdown-amount{color:#1f2937;font-size:1.1rem;font-weight:700}.usage-history h4{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.no-transactions{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-transactions svg{margin-bottom:1rem;opacity:.5}.history-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.history-body{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.history-body::-webkit-scrollbar{width:6px}.history-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.history-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.history-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.history-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.history-header,.history-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 100px 100px;padding:1rem 1.5rem}.history-row{align-items:center;border-top:1px solid #f3f4f6;transition:all .3s ease}.history-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.history-date{color:#6b7280;font-size:.875rem}.history-operation{align-items:center;color:#374151;display:flex;font-weight:500;gap:.5rem}.history-operation svg{color:#6366f1}.history-credits{font-weight:700;text-align:right}.history-credits.debit{color:#dc3545}.history-credits.credit{color:#10b981}.history-balance{color:#1f2937;font-weight:600;text-align:right}@media (max-width:768px){.credit-usage-container{padding:1.5rem}.credit-usage-header{align-items:flex-start;flex-direction:column;gap:1rem}.breakdown-grid,.credit-balance-cards{grid-template-columns:1fr}.history-header,.history-row{gap:.5rem;grid-template-columns:1fr}.history-header{display:none}.history-row{align-items:flex-start;display:flex;flex-direction:column;padding:1rem}.history-operation{font-weight:600;order:-1}.history-balance,.history-credits{text-align:left}}.profile-container-card{background-color:#fff;box-sizing:border-box;max-width:100%;min-height:calc(100vh - 60px);overflow-x:auto}.profile-container-card:hover{box-shadow:0 4px 12px #8b5cf626}.profile-section{background-color:var(--background-light);padding:20px}.profile-section .section-header .header-content{align-items:flex-start;display:flex}.profile-section .section-header .header-text h2{color:var(--text-dark);font-size:1.8rem;font-weight:800;line-height:1.2;font:nunito;margin:0;padding:0 0 .5rem;position:relative}.profile-page-container{background-color:var(--background-light);box-sizing:border-box;max-width:100%;min-height:calc(100vh - 60px);overflow-x:auto;padding:10px}@media (max-width:768px){.profile-page-container{padding:8px}}.profile-section{background:#fff;border:1px solid var(--divider-color);border-radius:0;margin-bottom:20px;padding:10px 15px 20px;transition:all .3s ease-in-out}.profile-section:hover{box-shadow:0 10px 30px #8b5cf61a;transform:translateY(-2px)}.profile-section .section-header{align-items:center;border-bottom:1px solid var(--divider-color);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;text-align:left!important}.profile-section .header-content{align-items:center;display:inline-flex;gap:6px;min-width:0}.profile-section .header-icon{align-items:center;background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));border-radius:0;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.profile-section .header-icon svg{color:#fff;height:18px;width:18px}.profile-section .header-text{align-items:flex-start;display:flex;flex-direction:column;min-width:0;text-align:left!important}.profile-section .header-text h2{font-size:1.8rem;font-weight:800;line-height:1.2;font:nunito;margin:0;padding-bottom:.5rem;position:relative;text-align:left!important}.profile-section .header-text h2:before{background:var(--primary-gradient);bottom:0;content:"";height:3px;left:0;max-width:150px;position:absolute;right:0}.profile-section .header-text h2:after{animation:section-title-run 5s linear infinite;background:#fff;bottom:0;content:"";height:3px;left:0;position:absolute;width:6px}.profile-section .header-text p{color:var(--text-light);font-size:.9rem;margin:6px 0 0;text-align:left!important}.profile-section .header-actions{border-radius:0!important;margin-left:auto}.btn-primary.btn-cancel:hover{background:var(--error-red)}.btn-secondary{align-items:center;border-radius:0;display:inline-flex;gap:8px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease-in-out}.btn-secondary:hover{background:var(--accent-purple)!important;box-shadow:0 5px 15px #8b5cf633;transform:translateY(-1px)}.btn-secondary:hover svg{animation:spin 1.5s linear infinite}.profile-section .section-header .header-text h2:before{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));bottom:0;content:"";height:3px;left:0;max-width:150px;position:absolute;right:0}.profile-section .section-header .header-text h2:after{animation:section-title-run 5s linear infinite;background:#fff;bottom:0;content:"";height:3px;left:0;position:absolute;width:6px}.profile-section .section-header .header-text p{color:var(--text-light);font-size:.9rem;margin:0}.profile-content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:1024px){.profile-content-grid{grid-template-columns:320px 1fr}.profile-left-column,.profile-right-column{display:flex;flex-direction:column;gap:20px}}.profile-card{background-color:#fff;border:1px solid #e9ecef;border-radius:0;box-shadow:0 1px 3px #00000005;transition:all .3s ease-in-out}.profile-card:hover{border-color:var(--accent-purple)}.profile-card .card-header{align-items:center;border-bottom:1px solid var(--divider-color);display:flex;gap:10px;padding:15px}.profile-card .card-header .card-icon svg{color:var(--primary-purple-dark);height:20px;width:20px}.profile-card .card-header h3{color:var(--text-dark);font-size:1.2rem;font-weight:700;margin:0}.profile-card.image-card{text-align:center}.profile-image-section{padding:15px}.profile-image-container{align-items:center;background-color:var(--background-light);border:3px solid var(--divider-color);border-radius:0;box-shadow:0 4px 8px #0000000d;display:flex;height:150px;justify-content:center;margin:0 auto 20px;overflow:hidden;width:150px}.profile-image-container .profile-img-preview{height:100%;object-fit:cover;width:100%}.profile-image-container svg{color:var(--text-light);height:48px;width:48px}.image-upload-section label{align-items:center;background-color:initial;border:1px solid var(--accent-purple);border-radius:0;color:var(--primary-purple-dark);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:8px 15px;transition:all .3s ease-in-out}.image-upload-section label:hover{background-color:var(--primary-purple-dark);color:#fff}.image-upload-section p{color:var(--text-light);font-size:.8rem;margin-top:10px}.profile-card.main-card{flex-grow:1}.profile-card.main-card .profile-form,.profile-card.main-card .profile-info{padding:15px}.profile-form .form-group{margin-bottom:15px;position:relative}.profile-form input[type=email],.profile-form input[type=tel],.profile-form input[type=text],.profile-form textarea{background-color:initial;border:none;border-bottom:2px solid var(--divider-color);border-radius:0!important;color:var(--text-dark);font-family:Nunito,sans-serif;font-size:1rem;padding:12px 4px;position:relative;transition:all .3s ease-in-out;width:100%;z-index:2}.form-group:after{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));bottom:0;content:"";height:2px;left:50%;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:0;z-index:1}.form-group:has(input:focus):after,.form-group:has(textarea:focus):after,.profile-form input:focus~.form-group:after,.profile-form textarea:focus~.form-group:after{border-radius:0!important;left:0;width:100%}.form-group .floating-label{align-items:center;color:var(--text-light);display:flex;font-size:1rem;gap:6px;left:4px;pointer-events:none;position:absolute;top:12px;transition:all .2s ease-out;z-index:3}.form-group .floating-label svg{transition:all .2s ease-out}.profile-form input:focus,.profile-form textarea:focus{background-color:#8b5cf608;border-bottom-color:#0000;border-radius:0!important;outline:none}.profile-form input:focus~.floating-label,.profile-form input:not(:placeholder-shown)~.floating-label,.profile-form textarea:focus~.floating-label,.profile-form textarea:not(:placeholder-shown)~.floating-label{border-radius:0!important;color:var(--accent-purple);font-size:.8rem;font-weight:600;left:0;top:-12px}.profile-form input:focus~.floating-label svg,.profile-form input:not(:placeholder-shown)~.floating-label svg,.profile-form textarea:focus~.floating-label svg,.profile-form textarea:not(:placeholder-shown)~.floating-label svg{border-radius:0!important;height:14px;width:14px}.profile-form .form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}@media (min-width:768px){.profile-form .form-grid{grid-template-columns:1fr 1fr}}.profile-form textarea{resize:vertical}.profile-form .form-actions{border-top:1px solid var(--divider-color);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px}.profile-info .info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}@media (min-width:768px){.profile-info .info-grid{grid-template-columns:repeat(2,1fr)}.profile-info .info-item.full-width{grid-column:span 2}}.profile-info .info-item{background-color:#fff;border:1px solid var(--divider-color);overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.profile-info .info-item:hover{border-color:var(--accent-purple);box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.profile-info .info-item .info-icon{align-items:center;background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));border-radius:0;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.profile-info .info-icon svg{color:#fff;height:20px;width:20px}.profile-info .info-content label{color:var(--text-light);display:block;font-size:.8rem;margin-bottom:2px}.profile-info .info-content span{color:var(--text-dark);display:block;font-size:1.05rem;font-weight:600}.profile-info .info-content span.description-text{font-weight:400;line-height:1.6;white-space:pre-wrap}.profile-card.settings-card .settings-content{display:flex;flex-direction:column;gap:15px;padding:15px}.settings-content .setting-item{align-items:center;border-bottom:1px solid var(--divider-color);display:flex;justify-content:space-between;padding-bottom:15px}.settings-content .setting-item:last-child{border-bottom:none;padding-bottom:0}.settings-content .setting-info{align-items:center;display:flex;gap:15px}.settings-content .setting-icon svg{color:var(--accent-purple);height:18px;width:18px}.settings-content .setting-text h4{color:var(--text-dark);font-size:1rem;font-weight:600;margin:0}.settings-content .setting-text p{color:var(--text-light);font-size:.85rem;margin:0}.profile-card.phone-card .phone-number-content{padding:15px}.assigned-number-display .number-badge{align-items:center;background-color:var(--background-light);border:1px solid var(--divider-color);border-radius:0;display:flex;gap:15px;margin-bottom:20px;padding:15px}.assigned-number-display .number-badge svg{color:var(--accent-purple);height:28px;width:28px}.assigned-number-display .number-info .number{color:var(--text-dark);display:block;font-size:1.2rem;font-weight:800;letter-spacing:1px}.assigned-number-display .number-info .status{align-items:center;border-radius:0;color:#10b981;display:flex;font-size:.85rem;font-weight:600;gap:5px}.assigned-number-display .number-info .status svg{color:#10b981;height:14px;width:14px}.no-number{text-align:center}.no-number-icon svg{color:var(--error-red);height:40px;margin:0 auto;width:40px}.no-number-content h4{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:5px;margin-top:10px}.no-number-content p{color:var(--text-light);font-size:.9rem;margin-bottom:0}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border-radius:0!important;display:inline-flex;font-family:Nunito,sans-serif;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase;transition:border-color .3s ease-in-out}.btn-danger:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px)}.btn-primary:hover{box-shadow:var(--shadow-purple-tint-hover)}.btn-secondary{background-color:initial!important;border:1px solid var(--accent-purple);color:var(--accent-purple)}.btn-danger{border:1px solid var(--error-red);color:var(--error-red)}.btn-danger:hover{background-color:#ef44441a;box-shadow:0 5px 15px #ef44441a}@media (max-width:768px){.profile-section .section-header{align-items:flex-start;flex-direction:column}}.logs-table-container .status.completed{background-color:#dcfce7;color:#166534}.logs-table-container .status.missed{background-color:#fee2e2;color:#991b1b}.logs-table-container .status.in-progress{background-color:#fef3c7;color:#92400e}.profile-page-container .loading-state{align-items:center;display:flex;justify-content:center;min-height:300px;padding:40px}.profile-page-container .loading-state .spinner-large{animation:spin 1s linear infinite;border:4px solid var(--divider-color);border-radius:0;border-top-color:var(--accent-purple);height:48px;width:48px}.profile-page-container .loading-state .loading-text{color:var(--text-light);font-size:1rem;margin-top:15px}.analytics-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.analytics-card{align-items:center;background-color:#fff;border:1px solid var(--divider-color);display:flex;gap:16px;padding:20px;transition:all .3s ease}.analytics-card:hover{border-color:var(--accent-purple);box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-3px)}.analytics-card .card-icon-wrapper{align-items:center;border-radius:0;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.analytics-card .card-icon{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));border-radius:0;color:#fff}.analytics-card .card-content .card-title{color:var(--text-light);font-size:.9rem;font-weight:600;margin:0}.analytics-card .card-content .card-value{color:var(--text-dark);font-size:1.75rem;font-weight:800;margin:4px 0 0}.analytics-chart-container{padding:15px}.logs-table-container{max-height:500px;overflow-x:auto;overflow-y:auto;scroll-behavior:smooth}.logs-table-container table{border-collapse:collapse;table-layout:fixed;width:100%}.logs-table-container thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:1}.logs-table-container td,.logs-table-container th{border-bottom:1px solid var(--divider-color);font-size:.9rem;padding:12px;text-align:left}.logs-table-container th{color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logs-table-container tbody tr:hover{background-color:#f8f9fa}.logs-table-container .status{border-radius:0;font-size:.8rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.logs-table-container .status.delivered,.logs-table-container .status.sent{background-color:#dcfce7;color:#166534}.logs-table-container .status.failed{background-color:#fee2e2;color:#991b1b}.logs-table-container .status.pending{background-color:#fef3c7;color:#92400e}.logs-table-container .empty-message{color:var(--text-light);font-style:italic;padding:40px;text-align:center}.customer-cell{align-items:center;display:flex;gap:10px}.customer-avatar{align-items:center;border-radius:0;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.customer-info{display:flex;flex-direction:column}.customer-name{color:var(--text-dark);font-weight:600}.customer-id{color:var(--text-light);font-size:.8rem}.contact-info,.interaction-info{display:flex;flex-direction:column;font-size:.9rem}.contact-info span:first-child,.interaction-info span:first-child{font-weight:500}.contact-info span:last-child,.interaction-info span:last-child{color:var(--text-light);font-size:.85rem}.table-actions{display:flex;gap:8px}.customers-table th{color:var(--text-secondary)!important;font-size:.8rem!important;font-weight:700!important;padding:12px 15px!important}.customers-table td{color:var(--text-dark);padding:15px!important;vertical-align:middle}.customers-table tbody tr{transition:background-color .2s ease-in-out}.customers-table tbody tr:hover{background-color:#fcfaff}.customer-avatar{background-color:#8b5cf61a;border:2px solid #8b5cf633;color:var(--accent-purple)}.customer-name{font-size:1rem;font-weight:700}.customer-id{font-family:monospace;font-size:.85rem}.contact-info span,.interaction-info span{line-height:1.5}.contact-info span:first-child,.interaction-info span:first-child{color:var(--text-dark);font-weight:600}.action-btn.chat,.action-btn.view{align-items:center;background-color:initial;border:1px solid #0000;border-radius:0!important;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease-in-out}.action-btn.view:hover{background-color:var(--accent-purple);border-radius:0!important;box-shadow:0 2px 8px #8b5cf64d;color:#fff}.action-btn.chat:hover{background-color:#10b981;border-radius:0!important;box-shadow:0 2px 8px #10b9814d;color:#fff}.search-input-wrapper{align-items:center;background-color:#fff;border:1px solid var(--divider-color);display:flex;position:relative;transition:border-color .2s ease}.search-input-wrapper:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a}.search-input-wrapper .search-icon{color:var(--text-light);left:12px;position:absolute;z-index:1}.search-input-wrapper .search-input{background-color:initial;border:none;border-bottom:2px solid var(--divider-color);border-radius:0;box-sizing:border-box;font-size:.9rem;height:43px;padding:12px 12px 12px 40px;transition:all .2s ease;width:250px}.search-input-wrapper .search-input:focus{background-color:initial;border-bottom-color:#0000;outline:none}.header-actions .btn-secondary{box-sizing:border-box;height:45px}.btn-icon{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:0;color:#4b5563;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .2s ease;width:45px}.btn-icon:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#111827}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.customer-list-container{margin-right:-10px;max-height:65vh;overflow-y:auto;padding-right:10px;width:100%}.customer-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding-top:20px}.customer-list-container::-webkit-scrollbar{width:8px}.customer-list-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:0}.customer-list-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.customer-list-container::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.customer-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 1px 3px #00000005;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s ease-in-out}.customer-card:hover{border-color:var(--accent-purple);box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-3px)}.customer-card-header{align-items:center;display:flex;gap:16px}.customer-card-info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.customer-card-info .customer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-body{border-bottom:1px solid var(--divider-color);color:var(--text-light);display:flex;flex-direction:column;font-size:.9rem;gap:10px;padding-bottom:12px}.card-detail-item{align-items:center;display:flex;gap:10px}.card-detail-item span{color:var(--text-dark)}.card-detail-icon-wrapper{align-items:center;background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));border-radius:0;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.card-detail-item svg{color:#fff;flex-shrink:0}.card-detail-item.footer-detail svg{color:var(--text-light)}.customer-card-footer{font-size:.8rem;justify-content:space-between;margin-top:auto}.card-actions .card-action-btn,.customer-card-footer{align-items:center;color:var(--text-light);display:flex}.card-actions .card-action-btn{background:none;border:none;border-radius:0;cursor:pointer;justify-content:center;padding:8px;transition:all .2s}.card-actions .card-action-btn:hover{background-color:var(--accent-purple);color:#fff}.modal-summary-stats{margin-bottom:16px}.modal-close-btn{background:#fff;border:1px solid var(--divider-color);border-radius:0!important;color:var(--text-dark);padding:8px;position:absolute;right:24px;top:24px;transition:all .3s ease-in-out;z-index:10}.modal-close-btn:hover{background:var(--error-red);box-shadow:0 5px 15px #ef44444d;color:#fff;transform:translateY(-1px)}.modal-customer-profile{align-items:center;display:flex;gap:20px;width:100%}.customer-avatar.large{background-color:#f9fafb;border:none;border-radius:0!important;box-shadow:none;color:var(--accent-purple);flex-shrink:0;font-size:40px;height:80px;width:80px}.modal-customer-info{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.modal-customer-meta{align-items:center;display:flex;gap:12px}.modal-customer-name{color:var(--text-dark);font-size:2rem;font-weight:800;line-height:1.2;margin:0}.modal-customer-id{background-color:#f9fafb;color:var(--text-secondary);font-family:monospace;font-size:.9rem;padding:2px 6px}.modal-customer-info .status-badge{font-size:.8rem;font-weight:700;margin-left:0;padding:5px 12px}.modal-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.modal-detail-item{align-items:center;background-color:#fcfcff;border:1px solid var(--divider-color);border-radius:0!important;display:flex;gap:12px;padding:12px 16px}.modal-detail-icon-wrapper{align-items:center;background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));border-radius:0!important;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.modal-detail-icon{color:#fff}.modal-detail-content{display:flex;flex-direction:column}.modal-detail-label{color:var(--text-secondary);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.modal-detail-value{color:var(--text-dark);font-size:1rem;font-weight:600}.modal-section-title{align-items:center;border-bottom:1px solid var(--divider-color);color:var(--text-dark);display:flex;font-size:1rem;font-weight:700;gap:8px;margin-bottom:16px;padding-bottom:8px}.summary-text{background-color:#f9fafb;border:1px solid var(--divider-color);border-radius:0!important;color:var(--text-secondary);line-height:1.6;padding:16px}.no-data-text,.summary-text{font-size:.9rem;font-style:italic}.no-data-text{color:var(--text-light)}.modal-footer{border-radius:0!important}.modal-overlay{padding:20px}.modal-content{border:1px solid var(--divider-color);max-width:700px;overflow:hidden;position:relative;width:100%}.modal-header{background-color:#fff;border-bottom:1px solid var(--divider-color);padding:24px;position:relative}.modal-body{background-color:#f9fafb;margin-bottom:0;padding:24px}.modal-body-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.modal-main-content,.modal-sidebar-content{display:flex;flex-direction:column;gap:24px}.modal-card{background-color:#fff;border:1px solid var(--divider-color);padding:20px;transition:all .3s ease}.modal-card:hover{border-color:var(--accent-purple);box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-3px)}.status-badge{border-radius:0!important;display:inline-block;font-size:.8rem;margin-left:8px;padding:3px 8px}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.interest-tags{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{background-color:#8b5cf61a;border-radius:0!important;color:var(--accent-purple);font-size:.85rem;font-weight:600;padding:5px 10px}.modal-footer{background-color:#fff;border-top:1px solid var(--divider-color);gap:10px;padding:20px 24px}@media (max-width:768px){.modal-grid{grid-template-columns:1fr}.modal-section.full-width{grid-column:span 1}.modal-body-grid{gap:20px;grid-template-columns:1fr}.section-header{align-items:stretch!important;border-radius:0!important;flex-direction:column;gap:15px}.search-input,.search-input-wrapper{border-radius:0!important;width:100%}}.mobile-navbar{align-items:center;background-color:#fff;border-bottom:1px solid var(--divider-color);box-sizing:border-box;display:none;height:60px;justify-content:space-between;padding:0 15px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}@media (max-width:768px){.mobile-navbar{display:flex}.profile-page-container{padding-top:60px}}.navbar-left,.navbar-right{align-items:center;display:flex;gap:10px}.navbar-brand{color:var(--text-dark);font-size:1.2rem;font-weight:800;padding-left:10px}.navbar-btn{align-items:center;background:#0000;border:none;color:var(--text-light);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.navbar-btn:hover{background-color:#8b5cf60d;color:var(--accent-purple)}.editable-field-container{align-items:center;display:flex;gap:.5rem;width:100%}.editable-field-input{background:#fff;border:1px solid #667eea;border-radius:0;color:#374151;flex:1 1;font-size:.875rem;padding:.5rem;transition:all .2s ease}.editable-field-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.editable-field-actions{display:flex;gap:.25rem}.editable-field-cancel,.editable-field-save{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.editable-field-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.editable-field-save:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.editable-field-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.editable-field-cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.editable-field-display{align-items:center;display:flex;justify-content:space-between;width:100%}.editable-field-edit{align-items:center;background:#0000;border:none;border-radius:0;color:#667eea;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.editable-field-display:hover .editable-field-edit{opacity:1}.editable-field-edit:hover{background:#667eea1a;color:#5a67d8;transform:scale(1.1)}@media (max-width:768px){.editable-field-container{align-items:stretch;flex-direction:column;gap:.5rem}.editable-field-actions{justify-content:center}.editable-field-edit{opacity:1}}.custom-audio-player{align-items:center;display:flex;gap:.5rem}.download-btn,.play-pause-btn{align-items:center;background-color:initial;border:1px solid var(--divider-color);border-radius:0;color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.download-btn:hover,.play-pause-btn:hover{background-color:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.download-btn:focus-visible,.play-pause-btn:focus-visible{outline:2px solid var(--primary-purple-dark);outline-offset:2px}.time-display{background-color:#f8f9fa;border:1px solid var(--divider-color);border-radius:0;color:var(--text-light);font-family:"monospace",monospace;font-size:.8rem;min-width:45px;padding:.25rem .5rem;text-align:center}.employee-management-section{background:#fff;border-radius:0;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem}.employee-management-section .section-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.employee-management-section .header-content{align-items:center;display:flex;gap:1rem}.employee-management-section .header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.employee-management-section .header-text h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.employee-management-section .header-text p{color:#64748b;font-size:1rem;margin:.25rem 0 0}.tabs-container{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:2rem}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s ease}.tab-btn.active,.tab-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-btn.active{border-bottom-color:#0000}.controls-section{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.search-control{align-items:center;display:flex;flex:1 1;gap:.5rem;max-width:600px;position:relative}.search-control svg{color:#64748b;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{border:1px solid #d1d5db;border-radius:0;flex:1 1;font-size:1rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.search-button:hover{background:linear-gradient(135deg,#5a6fe0,#6c4296);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.filter-control{align-items:center;display:flex;gap:.5rem}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:0;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-hint{color:#64748b;font-size:.875rem;font-style:italic;margin-top:.5rem}.employees-list{margin-top:2rem}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{border:3px solid #e5e7eb;height:32px;margin-bottom:1rem;width:32px}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-state svg{color:#9ca3af;margin-bottom:1rem}.empty-state h3{color:#374151;font-size:1.25rem;margin:0 0 .5rem}.empty-state p{margin:0;max-width:400px}.employees-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.employee-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.employee-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.employee-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.employee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.employee-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.employee-info{flex:1 1;min-width:0}.employee-info h4{word-wrap:break-word;color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.employee-role{color:#64748b;font-size:.875rem;margin:0}.connection-status-badge{align-items:center;border-radius:0;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;margin-left:auto;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.connection-status-badge.status-pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.connection-status-badge.status-accepted{background:#dcfce7;border:1px solid #22c55e;color:#166534}.connection-status-badge.status-rejected{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-badge{align-items:center;border-radius:0;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-approved{background:#dcfce7;color:#166534}.status-badge.status-rejected{background:#fee2e2;color:#991b1b}.employee-details{flex:1 1;margin-bottom:1rem}.detail-item{word-wrap:break-word;align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.detail-item svg{flex-shrink:0}.expertise-section{margin-top:.75rem}.expertise-section strong{color:#374151;display:block;font-size:.875rem;margin-bottom:.5rem}.expertise-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#e0e7ff;border-radius:0;color:#4338ca;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.employee-description{background:#f8fafc;border-radius:0;margin-top:.75rem;padding:.75rem}.employee-description p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.employee-actions-hover{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.employee-actions-hover .action-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease}.employee-actions-hover .view-tasks-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.employee-actions-hover .view-tasks-btn:hover{background:linear-gradient(135deg,#5a6fe0,#6c4296);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.employee-actions-hover .disconnect-btn{background:#fff;border:2px solid #667eea;color:#667eea}.employee-actions-hover .disconnect-btn:hover{background:#f0f4ff;border-color:#5a6fe0;box-shadow:0 4px 12px #667eea33;color:#5a6fe0;transform:translateY(-2px)}.employee-actions-hover .action-btn:active{transform:translateY(0)}.request-message{background:#f8fafc;border-radius:0;margin-bottom:.5rem;margin-top:.5rem;padding:.75rem}.request-message strong{color:#374151;display:block;font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase}.request-message p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.employee-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem}.send-request-section{display:flex;flex-direction:column;gap:.5rem}.request-message-input{border:1px solid #e5e7eb;border-radius:0;font-family:inherit;font-size:.875rem;min-height:60px;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.request-message-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.request-message-input::placeholder{color:#9ca3af}.send-request-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.send-request-btn:hover{box-shadow:0 4px 12px #667eea4d;opacity:.9;transform:translateY(-1px)}.send-request-btn:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.connected-message{align-items:center;background:#dcfce7;border:1px solid #22c55e;border-radius:0;color:#166534;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem}.connected-message svg{flex-shrink:0}.pending-message{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:0;color:#92400e;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem}.pending-message svg{flex-shrink:0}.approved-message,.rejected-message{align-items:center;border-radius:0;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem}.approved-message{background:#dcfce7;border:1px solid #22c55e;color:#166534}.rejected-message{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.btn-approve,.btn-full,.btn-primary,.btn-reject,.btn-secondary{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fe0,#6c4296);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-full{width:100%}.request-actions-group{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1rem}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;flex:1 1}.btn-approve:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;flex:1 1}.btn-reject:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.modal-content.task-modal{background:#fff;border-radius:0;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.modal-header{border-bottom:2px solid #e5e7eb}.modal-title{gap:1rem}.modal-title h3{font-size:1.5rem;font-weight:700;margin:0}.modal-title p{font-size:.875rem;margin:.25rem 0 0;opacity:.9}.modal-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:opacity .2s}.modal-close:hover{opacity:.8}.modal-body{flex:1 1}.tasks-section{margin-bottom:2rem}.tasks-section:last-child{margin-bottom:0}.section-header-small{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.section-header-small h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.task-item:hover{background:#f1f5f9;border-color:#667eea}.task-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.task-title{color:#1e293b;font-size:1rem;font-weight:600}.task-date{color:#64748b;font-size:.875rem}.task-customer{color:#475569;font-size:.875rem;font-weight:500}.task-address{color:#64748b;font-size:.875rem;line-height:1.4;margin-top:.25rem}.task-instructions{color:#667eea;font-size:.8125rem;font-style:italic;line-height:1.3;margin-top:.25rem}.task-item-expanded .task-info{gap:.5rem}.task-status{border-radius:0;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.task-status.status-assigned,.task-status.status-scheduled{background:#e0e7ff;color:#3730a3}.task-status.status-pending{background:#fef3c7;color:#92400e}.task-status.status-in-progress,.task-status.status-in_progress{background:#dbeafe;color:#1e40af}.task-status.status-completed{background:#d1fae5;color:#065f46}.task-status.status-cancelled{background:#fee2e2;color:#991b1b}.empty-tasks{color:#64748b;font-style:italic;padding:2rem;text-align:center}.more-tasks{color:#667eea;font-size:.875rem;font-weight:600;margin-top:.5rem;text-align:center}@media (max-width:1024px){.employees-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.employee-management-section{padding:1.5rem}.tab-btn{font-size:.9375rem;padding:.625rem 1.25rem}}@media (max-width:768px){.employee-management-section{padding:1rem}.employee-management-section .section-header{align-items:flex-start;flex-direction:column;gap:1rem}.employee-management-section .header-icon{height:50px;width:50px}.employee-management-section .header-text h2{font-size:1.5rem}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:2px}.tab-btn{font-size:.875rem;padding:.75rem 1rem}.controls-section{align-items:stretch;flex-direction:column}.search-control{max-width:none}.employees-grid{gap:1rem;grid-template-columns:1fr}.employee-card{padding:1.25rem}.employee-actions-hover{gap:.75rem;margin-top:1rem;padding-top:1rem}.employee-card:hover{transform:translateY(-2px)}.employee-actions-hover .action-btn{font-size:.8125rem;padding:.75rem 1rem}.employee-header{flex-wrap:wrap}.connection-status-badge{justify-content:center;margin-left:0;margin-top:.5rem;width:100%}.modal-content.task-modal{max-height:85vh;max-width:95%}.modal-header{padding:1.25rem}.modal-title h3{font-size:1.25rem}.modal-body{padding:1.25rem}.request-actions-group{flex-direction:column;gap:.75rem}.btn-approve,.btn-reject{width:100%}}@media (max-width:480px){.employee-management-section{padding:.75rem}.employee-management-section .header-icon{height:45px;width:45px}.employee-management-section .header-text h2{font-size:1.25rem}.employee-management-section .header-text p{font-size:.875rem}.tab-btn{font-size:.8125rem;gap:.375rem;padding:.625rem .875rem}.search-button{font-size:.875rem;padding:.75rem 1rem}.employee-card{padding:1rem}.employee-avatar{height:40px;width:40px}.employee-info h4{font-size:1rem}.employee-role{font-size:.8125rem}.employee-actions-hover{flex-direction:column;gap:.5rem}.employee-actions-hover .action-btn{font-size:.8125rem;padding:.75rem;width:100%}.detail-item{font-size:.8125rem}.skill-tag{font-size:.6875rem;padding:.1875rem .625rem}.connection-status-badge{font-size:.6875rem;padding:.3125rem .625rem}.modal-content.task-modal{max-height:90vh;max-width:100%}.modal-header{padding:1rem}.modal-title{gap:.75rem}.modal-title h3{font-size:1.125rem}.modal-title p{font-size:.8125rem}.modal-body{padding:1rem}.section-header-small h4{font-size:1.125rem}.task-item{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.875rem}.task-status{align-self:flex-start}.send-request-section{gap:.5rem}.request-message-input{font-size:.8125rem;min-height:50px}.send-request-btn{font-size:.8125rem;padding:.625rem .875rem}}@media (max-width:360px){.employee-management-section{padding:.5rem}.employee-management-section .header-icon{height:40px;width:40px}.employee-management-section .header-text h2{font-size:1.125rem}.tab-btn{font-size:.75rem;padding:.5rem .75rem}.employee-card{padding:.875rem}.employee-info h4{font-size:.9375rem}.search-input{font-size:.875rem;padding:.625rem .625rem .625rem 2.25rem}.search-button{font-size:.8125rem;padding:.625rem .875rem}.filter-select{font-size:.875rem;padding:.625rem .75rem}}@media print{.employee-management-section{box-shadow:none}.btn-approve,.btn-reject,.controls-section,.employee-actions,.employee-actions-hover,.modal-close,.search-button,.send-request-btn,.tabs-container{display:none!important}.employee-card{break-inside:avoid;page-break-inside:avoid}.employees-grid{display:block}.employee-card{border:1px solid #000;margin-bottom:1rem}}@media (hover:hover) and (pointer:fine){.employee-card:hover .employee-actions-hover{opacity:1;transform:translateY(0);visibility:visible}}@media (prefers-contrast:high){.employee-card{border:2px solid #000}.connection-status-badge{border:2px solid}.btn-primary,.btn-reject,.disconnect-btn,.send-request-btn,.view-tasks-btn{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none;border:3px solid #667eea}}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.task-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.task-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.priority-low{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.priority-medium{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#d97706}.priority-high{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626}.priority-urgent{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:1px solid #f472b6;color:#be185d}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#d97706}.status-in-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.status-completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #4ade80;color:#166534}.status-cancelled,.status-overdue{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626}.btn-primary-gradient{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.btn-primary-gradient:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}.btn-secondary-gradient{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;transition:all .3s ease}.btn-secondary-gradient:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.modal-backdrop{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal-content{@apply bg-white rounded-lg shadow-2xl w-full overflow-hidden;animation:slideIn .4s cubic-bezier(.16,1,.3,1)}.modal-header{@apply p-5 flex justify-between items-center flex-shrink-0;border-bottom:1px solid #0000}.form-input,.form-label,.modal-body,.modal-close-btn,.modal-footer,.modal-title{@apply w-full px-3 py-2 text-gray-800 bg-white border border-gray-300 rounded-md shadow-sm transition-all duration-300;@apply focus:outline-none focus:ring-2 focus:ring-indigo-300 focus:border-indigo-500}.form-input-enhanced{border:2px solid #e2e8f0;transition:all .3s ease}.form-input-enhanced:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.stat-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.quick-action-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-btn:hover{transform:translateY(-2px)}.quick-action-btn .icon{transition:transform .3s ease}.quick-action-btn:hover .icon{transform:scale(1.1)}.table-row{transition:all .2s ease}.table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateX(4px)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .5s ease-in-out}.slide-in{animation:slideIn .3s ease-out}.focus-ring:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.mobile-stack{flex-direction:column}.mobile-full{width:100%}.mobile-hidden{display:none}}@media (prefers-color-scheme:dark){.dark-mode-card{background:#1f2937;border-color:#374151;color:#f9fafb}.dark-mode-text{color:#e5e7eb}.dark-mode-text-muted{color:#9ca3af}}@media print{.no-print{display:none!important}.print-full-width{width:100%!important}}.task-nav-tabs{background-color:var(--background-color);margin-bottom:1.5rem;padding:.5rem}.task-nav-tabs nav{display:flex;gap:.5rem}.task-nav-tab{flex:1 1}.tab-content{padding:1.5rem}.customer-management-page{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:1.5rem}.customer-management-embedded{background-color:initial;min-height:auto;padding:1rem}.customer-management-page .badge,.customer-management-page .btn,.customer-management-page .card,.customer-management-page .form-input,.customer-management-page .modal,.customer-management-page button,.customer-management-page input,.customer-management-page select,.customer-management-page textarea{border-radius:0!important}.customer-management-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.customer-management-header-content{flex:1 1}.customer-management-title{align-items:center;color:#1e293b;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.customer-management-title-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;height:2rem;padding:.5rem;width:2rem}.customer-management-subtitle{color:#64748b;font-size:1.1rem;margin:0}.customer-management-header-actions{display:flex;flex-shrink:0;gap:.75rem}.customer-management-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.customer-management-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.customer-management-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.customer-management-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.customer-management-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.customer-management-btn-icon{height:1rem;width:1rem}.customer-management-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.customer-management-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.customer-management-search{flex:1 1;min-width:300px;position:relative}.customer-management-search-icon{color:#9ca3af;height:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.customer-management-search-input{background:#fff;border:1px solid #d1d5db;border-radius:0;font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.customer-management-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.customer-management-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:0;font-size:.875rem;min-width:150px;padding:.75rem 1rem}.customer-management-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.customer-management-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:0;color:#dc2626;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.customer-management-error-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.customer-management-error-banner{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:0;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.customer-management-error-banner-icon{color:#dc2626;flex-shrink:0;height:1.25rem;width:1.25rem}.customer-management-error-banner-content{align-items:center;display:flex;flex:1 1;gap:1rem}.customer-management-error-banner-message{color:#991b1b;font-weight:500}.customer-management-error-banner-retry{background:#dc2626;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:background-color .2s}.customer-management-error-banner-retry:hover{background:#b91c1c}.customer-management-error-banner-close{background:none;border:none;color:#991b1b;cursor:pointer;padding:.25rem;transition:color .2s}.customer-management-error-banner-close:hover{color:#7f1d1d}.customer-management-error-banner-close-icon{height:1rem;width:1rem}.customer-management-loading{align-items:center;color:#6b7280;display:flex;gap:.75rem;justify-content:center;padding:3rem}.customer-management-loading-icon{height:1.5rem;width:1.5rem}.spinning{animation:spin 1s linear infinite}.customer-management-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.customer-management-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;box-shadow:0 4px 12px #667eea4d;color:#fff;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.customer-management-stat-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.customer-management-stat-card:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.customer-management-stat-card{align-items:center;display:flex;gap:1rem}.customer-management-stat-icon{align-items:center;background:#fff3;border-radius:0;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.customer-management-stat-icon-svg{color:#fff;height:1.5rem;width:1.5rem}.customer-management-stat-content{flex:1 1}.customer-management-stat-label{color:#ffffffe6;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.customer-management-stat-value{color:#fff;font-size:2rem;font-weight:700;line-height:1}.customer-management-content{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.customer-management-empty{padding:4rem 2rem;text-align:center}.customer-management-empty-icon{color:#d1d5db;height:4rem;margin:0 auto 1.5rem;width:4rem}.customer-management-empty-title{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.customer-management-empty-message{color:#6b7280;font-size:1rem;margin:0 0 2rem}.customer-management-empty-action{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.customer-management-empty-action:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.customer-management-empty-action-icon{height:1rem;width:1rem}.customer-management-table-container{max-height:310px;overflow-x:auto;overflow-y:auto;scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin}.customer-management-table{border-collapse:collapse;width:100%}.customer-management-table-header{background:#f8fafc;border-bottom:1px solid #e5e7eb}.customer-management-table-th{color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.customer-management-table-th-right{text-align:right}.customer-management-table-body{background:#fff}.customer-management-table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.customer-management-table-row:hover{background:#f9fafb}.customer-management-table-td{padding:1rem;vertical-align:top}.customer-management-table-td-right{text-align:right}.customer-management-customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-management-customer-name{color:#1f2937;font-size:.875rem;font-weight:600}.customer-management-customer-id{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:.75rem}.customer-management-customer-date{color:#9ca3af;font-size:.75rem}.customer-management-contact-info{display:flex;flex-direction:column;gap:.5rem}.customer-management-contact-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.customer-management-contact-icon{color:#6b7280;flex-shrink:0;height:.875rem;width:.875rem}.customer-management-location-info{align-items:flex-start;display:flex;gap:.5rem}.customer-management-location-icon{color:#6b7280;flex-shrink:0;height:.875rem;margin-top:.125rem;width:.875rem}.customer-management-location-primary{color:#374151;font-size:.875rem;font-weight:500}.customer-management-location-secondary{color:#6b7280;font-size:.75rem}.customer-management-status{align-items:center;border-radius:0;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;text-transform:capitalize}.customer-management-status-active{background:#dcfce7;color:#166534}.customer-management-status-inactive{background:#fef3c7;color:#92400e}.customer-management-status-blocked{background:#fecaca;color:#dc2626}.customer-management-status-icon{height:.75rem;width:.75rem}.customer-management-interactions{display:flex;flex-direction:column;gap:.25rem}.customer-management-interaction-count{color:#374151;font-size:.875rem;font-weight:500}.customer-management-interaction-date{color:#6b7280;font-size:.75rem}.customer-management-actions{display:flex;gap:.5rem;justify-content:flex-end}.customer-management-action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:0;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.customer-management-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.customer-management-action-btn-view{color:#3b82f6}.customer-management-action-btn-view:hover{background:#eff6ff;border-color:#3b82f6}.customer-management-action-btn-edit{color:#f59e0b}.customer-management-action-btn-edit:hover{background:#fffbeb;border-color:#f59e0b}.customer-management-action-btn-delete{color:#ef4444}.customer-management-action-btn-delete:hover{background:#fef2f2;border-color:#ef4444}.customer-management-action-icon{height:1rem;width:1rem}.customer-management-pagination{align-items:center;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.customer-management-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:0;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.customer-management-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.customer-management-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.customer-management-pagination-info{color:#6b7280;font-size:.875rem}.customer-management-form-section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.customer-management-addresses-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.customer-management-address-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;padding:1rem}.customer-management-address-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.customer-management-address-card-title{color:#374151;font-size:.95rem;font-weight:600;margin:0}.customer-management-address-remove-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:0;color:#ef4444;cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:all .2s ease;width:1.75rem}.customer-management-address-remove-btn:hover{background:#fee2e2;border-color:#ef4444}.customer-management-addresses-view-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.customer-management-address-view-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;padding:1rem}.customer-management-address-view-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.customer-management-address-view-title{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.customer-management-default-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:inline-flex;font-size:.65rem;font-weight:600;margin-left:auto;padding:.25rem .5rem;text-transform:uppercase}.customer-management-address-type-badge{align-items:center;background:#dbeafe;border-radius:0;color:#1e40af;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.customer-management-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.customer-management-modal{background:#fff;border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.customer-management-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.customer-management-modal-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.customer-management-modal-close{align-items:center;background:none;border:none;border-radius:0;color:#6b7280;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.customer-management-modal-close:hover{background:#f3f4f6;color:#374151}.customer-management-modal-close-icon{height:1.25rem;width:1.25rem}.customer-management-warning{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:0;color:#92400e;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.customer-management-warning-icon{flex-shrink:0;height:1rem;width:1rem}.customer-management-modal-form{padding:1.5rem}.customer-management-form-section{margin-bottom:2rem}.customer-management-form-section:last-child{margin-bottom:0}.customer-management-form-section-title{align-items:center;color:#374151;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.customer-management-form-section-note{background:#667eea1a;border-radius:0;color:#667eea;font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.25rem .5rem}.customer-management-shared-indicator{background:#fef3c7;border-radius:0;color:#f59e0b;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.customer-management-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.customer-management-form-group{display:flex;flex-direction:column;gap:.5rem}.customer-management-form-group-full{grid-column:1/-1}.customer-management-form-label{color:#374151;font-size:.875rem;font-weight:500}.customer-management-form-input,.customer-management-form-select,.customer-management-form-textarea{background:#fff;border:2px solid #d1d5db;border-radius:0;font-size:.875rem;padding:.75rem;position:relative;transition:all .3s ease;width:100%}.customer-management-form-input:focus,.customer-management-form-select:focus,.customer-management-form-textarea:focus{border:2px solid #667eea;box-shadow:0 0 0 1px #764ba2,0 0 0 3px #667eea1a;outline:none}.customer-management-form-input:hover:not(:focus),.customer-management-form-select:hover:not(:focus),.customer-management-form-textarea:hover:not(:focus){border-color:#9ca3af}.customer-management-form-input:disabled,.customer-management-form-select:disabled,.customer-management-form-textarea:disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.customer-management-form-input:disabled:hover,.customer-management-form-select:disabled:hover,.customer-management-form-textarea:disabled:hover{border-color:#d1d5db}.customer-management-form-textarea{min-height:80px;resize:vertical}.customer-management-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.customer-management-view-content{padding:1.5rem}.customer-management-view-section{margin-bottom:2rem}.customer-management-view-section:last-child{margin-bottom:0}.customer-management-view-section-title{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding:1rem}.customer-management-view-section-icon{color:#fff;height:1.25rem;width:1.25rem}.customer-management-view-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.customer-management-view-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.customer-management-view-item-full{grid-column:1/-1}.customer-management-view-label{color:#667eea;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.customer-management-view-value{color:#374151;font-size:.875rem;font-weight:500;word-break:break-word}.customer-management-verification{align-items:center;border-radius:0;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.customer-management-verification.verified{background:#dcfce7;color:#166534}.customer-management-verification.unverified{background:#fef3c7;color:#92400e}.customer-management-modal-form input[type=file]{background:#f8fafc;border:2px dashed #667eea;border-radius:0;cursor:pointer;padding:1rem;transition:all .3s ease}.customer-management-modal-form input[type=file]:hover{background:#f3f0ff;border-color:#764ba2}.customer-management-modal-form input[type=file]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.customer-management-save-as-above-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.customer-management-save-as-above-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.customer-management-save-as-above-btn:active{transform:translateY(0)}.customer-management-save-as-above-hint{color:#6b7280;font-size:.75rem;margin-top:.375rem;text-align:center}@media (max-width:768px){.customer-management-page{max-width:100vw;overflow-x:hidden;padding:.75rem;width:100%}.customer-management-header{align-items:stretch;flex-direction:column;gap:1rem}.customer-management-header-actions{justify-content:flex-start}.customer-management-filters{align-items:stretch;flex-direction:column}.customer-management-search{min-width:auto}.customer-management-stats{gap:1rem;grid-template-columns:1fr;margin-left:0;margin-right:0;padding:0}.customer-management-stat-card,.customer-management-table-container{box-sizing:border-box;margin-left:0;margin-right:0;width:100%}.customer-management-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 .75rem;scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin}.customer-management-table-container::-webkit-scrollbar{height:8px}.customer-management-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.customer-management-table-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.customer-management-table-container::-webkit-scrollbar-thumb:hover{background:#5a67d8}.customer-management-table{min-width:800px}.customer-management-pagination{flex-direction:column;gap:1rem;text-align:center}.customer-management-form-section-header{align-items:flex-start;flex-direction:column}.customer-management-btn{justify-content:center;width:100%}}@media (max-width:480px){.customer-management-page{box-sizing:border-box!important;margin:0 6vw!important;max-width:88vw!important;min-height:100vh!important;overflow-x:hidden!important;padding:2vw!important;width:88vw!important}.customer-management-filters,.customer-management-header,.customer-management-stats,.customer-management-table-container{box-sizing:border-box!important;margin:0!important;max-width:84vw!important;padding:0!important;width:84vw!important}.customer-management-stats{gap:1.5vw!important;grid-template-columns:1fr!important;margin:0!important;max-width:84vw!important;padding:0!important;width:84vw!important}.customer-management-stat-card{box-sizing:border-box!important;margin:0!important;max-width:82.5vw!important;min-width:0!important;padding:2.5vw!important;width:82.5vw!important}.customer-management-table-container{-webkit-overflow-scrolling:touch!important;border:1px solid #e5e7eb!important;border-radius:0!important;box-sizing:border-box!important;margin:0!important;max-height:62vw!important;max-width:84vw!important;overflow-x:auto!important;overflow-y:auto!important;padding:0!important;scrollbar-color:#667eea #f1f5f9!important;scrollbar-width:thin!important;width:84vw!important}.customer-management-table-container::-webkit-scrollbar{height:1.5vw!important;width:1.5vw!important}.customer-management-table-container::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:.75vw!important}.customer-management-table-container::-webkit-scrollbar-thumb{background:#667eea!important;border-radius:.75vw!important}.customer-management-table-container::-webkit-scrollbar-thumb:hover{background:#5a67d8!important}.customer-management-table{min-width:150vw!important;table-layout:fixed!important;width:150vw!important}.customer-management-table-td,.customer-management-table-th{font-size:3vw!important;min-width:20vw!important;overflow:hidden!important;padding:2vw 1vw!important;text-overflow:ellipsis!important;white-space:nowrap!important}.customer-management-table-th{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.customer-management-btn,.customer-management-header-btn{box-sizing:border-box!important;font-size:3.5vw!important;max-width:100%!important;min-height:10vw!important;padding:3vw 4vw!important;width:auto!important}.customer-management-filter-select,.customer-management-search{box-sizing:border-box!important;font-size:3.5vw!important;min-height:10vw!important;padding:3vw!important;width:100%!important}.customer-management-header{margin:0 2vw!important;padding:2vw!important;width:96vw!important}.customer-management-title{font-size:1.25rem!important}.customer-management-title-icon{height:1.25rem!important;width:1.25rem!important}.customer-management-btn{font-size:.8125rem!important;padding:.625rem 1rem!important}.customer-management-form-section-header{align-items:flex-start;flex-direction:column;gap:.75rem}.customer-management-btn-secondary{width:100%!important}.customer-management-address-card{padding:.75rem!important}.customer-management-address-card-header{align-items:flex-start;flex-direction:column}.customer-management-address-remove-btn{align-self:flex-start;margin-top:.5rem}}@media (max-width:768px){.customer-management-stat-value{font-size:1.5rem}.customer-management-modal{border-radius:0;margin:0;max-height:100vh}.customer-management-modal-overlay{padding:0}.customer-management-form-grid,.customer-management-view-grid{grid-template-columns:1fr}.customer-management-modal-header{align-items:flex-start;flex-direction:column}.customer-management-modal-actions{flex-direction:column-reverse}.customer-management-btn{justify-content:center;width:100%}}@media (max-width:480px){.customer-management-stats{gap:.75rem;grid-template-columns:1fr}.customer-management-stat-card{flex-direction:column;gap:.5rem;padding:.75rem;text-align:center}.customer-management-stat-icon{height:2.5rem;width:2.5rem}.customer-management-stat-icon-svg{height:1.25rem;width:1.25rem}.customer-management-stat-value{font-size:1.25rem}.customer-management-modal-actions,.customer-management-modal-form,.customer-management-modal-header,.customer-management-view-content{padding:1rem}.customer-management-modal-title{font-size:1.25rem}.customer-management-address-card,.customer-management-address-view-card{padding:.75rem}.customer-management-form-grid{gap:.75rem}}.quick-bill-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden}.quick-bill-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px}.quick-bill-title{align-items:center;display:flex;font-size:24px;font-weight:600;gap:12px;margin:0}.quick-bill-title-icon{height:28px;width:28px}.quick-bill-number{background:#fff3;border-radius:20px;font-size:14px;font-weight:500;padding:8px 16px}.quick-bill-form-content{padding:32px}.quick-bill-section{margin-bottom:32px}.quick-bill-section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#374151;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:20px;padding-bottom:8px}.quick-bill-section-icon{color:#667eea;height:20px;width:20px}.quick-bill-customer-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.quick-bill-item-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:20px}.quick-bill-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quick-bill-item-title{align-items:center;color:#374151;display:flex;font-weight:600;gap:8px}.quick-bill-item-icon{color:#667eea;height:16px;width:16px}.quick-bill-item-remove-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px;transition:background-color .2s}.quick-bill-item-remove-btn:hover{background:#dc2626}.quick-bill-item-remove-icon{height:14px;width:14px}.quick-bill-item-content{display:flex;flex-direction:column;gap:16px}.quick-bill-item-selection-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 2fr}.quick-bill-item-details-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.quick-bill-item-total-display{background:#667eea;border-radius:6px;color:#fff;font-size:16px;font-weight:600;padding:12px;text-align:center}.quick-bill-add-item-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-top:16px;padding:12px 20px;transition:background-color .2s}.quick-bill-add-item-btn:hover{background:#059669}.quick-bill-add-item-icon{height:16px;width:16px}.quick-bill-pricing-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.quick-bill-pricing-row{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 0}.quick-bill-pricing-total{border-top:2px solid #e5e7eb;color:#374151;font-size:18px;font-weight:600;margin-top:12px;padding-top:16px}.quick-bill-pricing-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.quick-bill-form-group{display:flex;flex-direction:column;gap:6px}.quick-bill-form-label{color:#374151;font-size:14px;font-weight:500}.quick-bill-form-input,.quick-bill-form-select,.quick-bill-form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s,box-shadow .2s}.quick-bill-form-input:focus,.quick-bill-form-select:focus,.quick-bill-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.quick-bill-form-textarea{min-height:80px;resize:vertical}.quick-bill-actions{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.quick-bill-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.quick-bill-btn:disabled{cursor:not-allowed;opacity:.6}.quick-bill-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.quick-bill-btn-secondary:hover:not(:disabled){background:#e5e7eb}.quick-bill-btn-primary{background:#667eea;color:#fff}.quick-bill-btn-primary:hover:not(:disabled){background:#5a67d8}.quick-bill-btn-success{background:#10b981;color:#fff}.quick-bill-btn-success:hover:not(:disabled){background:#059669}.quick-bill-btn-icon{height:16px;width:16px}.quick-bill-btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.quick-bill-form-content{padding:20px}.quick-bill-customer-row{gap:16px;grid-template-columns:1fr}.quick-bill-item-details-row,.quick-bill-item-selection-row,.quick-bill-pricing-inputs{gap:12px;grid-template-columns:1fr}.quick-bill-actions{flex-direction:column}.quick-bill-btn{justify-content:center}}@media (prefers-color-scheme:dark){.quick-bill-form{background:#1f2937;color:#f9fafb}.quick-bill-section-title{border-bottom-color:#374151;color:#f9fafb}.quick-bill-item-card{background:#374151;border-color:#4b5563}.quick-bill-item-title{color:#f9fafb}.quick-bill-pricing-summary{background:#374151;border-color:#4b5563}.quick-bill-pricing-total{border-top-color:#4b5563;color:#f9fafb}.quick-bill-form-label{color:#f9fafb}.quick-bill-form-input,.quick-bill-form-select,.quick-bill-form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.quick-bill-form-input:focus,.quick-bill-form-select:focus,.quick-bill-form-textarea:focus{border-color:#667eea}}.pause-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.pause-modal{background:#fff;border-radius:0;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.pause-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px}.pause-modal-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.pause-modal-title-icon{height:24px;width:24px}.pause-modal-close{align-items:center;background:#fff3;border:none;border-radius:0;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.pause-modal-close:hover:not(:disabled){background:#ffffff4d}.pause-modal-close:disabled{cursor:not-allowed;opacity:.5}.pause-modal-close-icon{color:#fff;height:20px;width:20px}.pause-modal-content{padding:24px}.pause-order-info{background:#f8f9fa;border-radius:0;margin-bottom:24px;padding:16px}.pause-order-info-title{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.pause-order-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pause-order-info-item{display:flex;flex-direction:column;gap:4px}.pause-order-info-label{color:#666;font-size:12px;font-weight:500}.pause-order-info-value{color:#333;font-size:14px;font-weight:600}.pause-duration-presets{margin-bottom:24px}.pause-duration-title{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.pause-duration-buttons{display:flex;flex-wrap:wrap;gap:8px}.pause-duration-btn{background:#fff;border:2px solid #667eea;border-radius:0;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.pause-duration-btn:hover:not(:disabled){background:#667eea;color:#fff}.pause-duration-btn:disabled{cursor:not-allowed;opacity:.5}.pause-date-selection{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.pause-form-group{display:flex;flex-direction:column;gap:8px}.pause-form-label{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:6px}.pause-form-label-icon{color:#667eea;height:16px;width:16px}.pause-form-input,.pause-form-textarea{border:2px solid #e0e0e0;border-radius:0;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.pause-form-input:focus,.pause-form-textarea:focus{border-color:#667eea;outline:none}.pause-form-input:disabled,.pause-form-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.pause-form-textarea{min-height:80px;resize:vertical}.pause-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:0;color:#856404;font-size:13px;margin-bottom:24px;padding:12px}.pause-warning strong{font-weight:600}.pause-modal-actions{display:flex;gap:12px;padding:0 24px 24px}.pause-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.pause-btn-cancel{background:#fff;border:2px solid #e0e0e0;color:#666}.pause-btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.pause-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pause-btn-confirm:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.pause-btn:disabled{cursor:not-allowed;opacity:.6}.pause-btn-icon{height:18px;width:18px}.pause-btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.pause-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.pause-date-selection,.pause-order-info-grid{grid-template-columns:1fr}.pause-duration-buttons{flex-direction:column}.pause-duration-btn{width:100%}}.bill-history-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.bill-history-modal{background:#fff;border-radius:0;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.bill-history-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.bill-history-modal-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.bill-history-modal-title-icon{height:24px;width:24px}.bill-history-modal-close{align-items:center;background:#fff3;border:none;border-radius:0;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.bill-history-modal-close:hover{background:#ffffff4d}.bill-history-modal-close-icon{color:#fff;height:20px;width:20px}.bill-history-modal-content{padding:24px}.bill-history-order-info{grid-gap:16px;background:#f8f9fa;border-radius:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:16px}.bill-history-order-info-item{display:flex;flex-direction:column;gap:4px}.bill-history-order-info-label{color:#666;font-size:12px;font-weight:500}.bill-history-order-info-value{color:#333;font-size:14px;font-weight:600}.bill-history-actions{margin-bottom:24px}.bill-history-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.bill-history-btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.bill-history-btn-generate:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.bill-history-btn-icon{height:18px;width:18px}.bill-history-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.bill-history-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.bill-history-empty{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.bill-history-empty-icon{color:#ccc;height:64px;margin-bottom:16px;width:64px}.bill-history-empty p{font-size:16px;font-weight:600;margin:0 0 8px}.bill-history-empty-subtitle{color:#999!important;font-size:14px!important;font-weight:400!important}.bill-history-list{display:flex;flex-direction:column;gap:16px}.bill-history-item{background:#fff;border:2px solid #e0e0e0;border-radius:0;padding:20px;transition:all .2s}.bill-history-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.bill-history-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.bill-history-item-number{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.bill-history-item-meta{align-items:center;color:#666;display:flex;font-size:13px;gap:12px}.bill-history-item-date,.bill-history-item-time{align-items:center;display:flex;gap:4px}.bill-history-item-icon{height:14px;width:14px}.bill-history-item-amount{align-items:center;color:#667eea;display:flex;font-size:20px;font-weight:700;gap:4px}.bill-history-item-details{align-items:center;display:flex;gap:16px;margin-bottom:16px}.bill-status-badge{border-radius:0;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.bill-status-paid{background:#d4edda;color:#155724}.bill-status-pending{background:#fff3cd;color:#856404}.bill-status-overdue{background:#f8d7da;color:#721c24}.bill-status-cancelled{background:#e2e3e5;color:#383d41}.bill-history-item-notes{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.bill-history-item-actions{display:flex;flex-wrap:wrap;gap:8px}.bill-history-item-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.bill-history-item-btn-preview{background:#fff;border:2px solid #667eea;color:#667eea}.bill-history-item-btn-preview:hover{background:#667eea;color:#fff}.bill-history-item-btn-download{background:#fff;border:2px solid #28a745;color:#28a745}.bill-history-item-btn-download:hover{background:#28a745;color:#fff}.bill-history-item-btn-email{background:#fff;border:2px solid #17a2b8;color:#17a2b8}.bill-history-item-btn-email:hover:not(:disabled){background:#17a2b8;color:#fff}.bill-history-item-btn:disabled{cursor:not-allowed;opacity:.6}.bill-history-item-btn-icon{height:16px;width:16px}.bill-history-item-btn-spinner{animation:spin .6s linear infinite;border:2px solid #17a2b84d;border-radius:50%;border-top-color:#17a2b8;height:14px;width:14px}.bill-pdf-preview-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:11000}.bill-pdf-preview-modal{background:#fff;border-radius:0;display:flex;flex-direction:column;height:90vh;max-width:900px;width:100%}.bill-pdf-preview-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.bill-pdf-preview-header h3{font-size:18px;margin:0}.bill-pdf-preview-close{align-items:center;background:#fff3;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.bill-pdf-preview-close:hover{background:#ffffff4d}.bill-pdf-preview-content{flex:1 1;overflow:hidden}.bill-pdf-preview-iframe{border:none;height:100%;width:100%}@media (max-width:768px){.bill-history-modal{border-radius:0;max-height:100vh;max-width:100%}.bill-history-order-info{grid-template-columns:1fr}.bill-history-item-header{flex-direction:column;gap:12px}.bill-history-item-actions{flex-direction:column}.bill-history-item-btn{justify-content:center;width:100%}}.create-task-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.create-task-modal{background:#fff;border-radius:0;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.create-task-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.create-task-modal-header h2{font-size:20px;font-weight:600;margin:0}.create-task-modal-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:opacity .2s}.create-task-modal-close:hover{opacity:.8}.create-task-modal-body{flex:1 1;overflow-y:auto;padding:24px}.create-task-section{margin-bottom:24px}.create-task-section:last-child{margin-bottom:0}.create-task-section-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.create-task-section-title svg{color:#667eea}.create-task-order-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:0;padding:16px}.create-task-info-row{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.create-task-info-row:last-child{border-bottom:none}.create-task-label{color:#666;font-size:14px;font-weight:600}.create-task-value{color:#333;font-size:14px;max-width:60%;text-align:right;word-break:break-word}.create-task-form-group{margin-bottom:16px}.create-task-form-group:last-child{margin-bottom:0}.create-task-form-group .create-task-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.create-task-input,.create-task-textarea{border:1px solid #ddd;border-radius:0;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.create-task-input:focus,.create-task-textarea:focus{border-color:#667eea;outline:none}.create-task-textarea{min-height:80px;resize:vertical}.create-task-employee-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:4px}.create-task-employee-card{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:0;cursor:pointer;display:flex;justify-content:space-between;padding:14px;transition:all .2s}.create-task-employee-card:hover{background:#f8f9ff;border-color:#667eea}.create-task-employee-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.create-task-employee-info{flex:1 1}.create-task-employee-name{color:#333;font-size:15px;font-weight:600;margin-bottom:4px}.create-task-employee-contact{color:#666;display:flex;flex-direction:column;font-size:13px;gap:2px}.create-task-employee-selected-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.create-task-empty,.create-task-loading{color:#666;font-size:14px;padding:24px;text-align:center}.create-task-modal-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.create-task-btn-cancel,.create-task-btn-create{border:none;border-radius:0;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.create-task-btn-cancel{background:#fff;border:2px solid #ddd;color:#666}.create-task-btn-cancel:hover{background:#f8f9fa;border-color:#999}.create-task-btn-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.create-task-btn-create:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;opacity:.9;transform:translateY(-1px)}.create-task-btn-create:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.create-task-modal{border-radius:0;max-height:100vh;max-width:100%}.create-task-modal-body{padding:16px}.create-task-info-row{flex-direction:column;gap:4px}.create-task-value{max-width:100%;text-align:left}.create-task-employee-contact{font-size:12px}}@media (max-width:480px){.create-task-modal-header{padding:16px}.create-task-modal-header h2{font-size:18px}.create-task-modal-footer{flex-direction:column}.create-task-btn-cancel,.create-task-btn-create{width:100%}}.create-task-existing-assignment{align-items:flex-start;background:#fef3c7;border:1px solid #fbbf24;border-radius:0;color:#92400e;display:flex;font-size:14px;gap:10px;line-height:1.5;margin-bottom:16px;padding:12px 16px}.create-task-existing-assignment strong{font-weight:600}.create-task-assignment-view{width:100%}.create-task-assigned-employee-card{background:#f3f4f6;border:2px solid #10b981;border-radius:0;margin-top:16px;padding:16px}.create-task-assigned-employee-card .create-task-employee-name{color:#065f46;font-size:16px;font-weight:600;margin-bottom:8px}.create-task-assigned-employee-card .create-task-employee-contact{color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:4px}.create-task-btn-edit-assignment:hover{opacity:.9;transform:translateY(-1px);transition:all .2s ease}.create-task-employee-card.currently-assigned{background:#d1fae5;border:2px solid #10b981}.create-task-employee-card.currently-assigned .create-task-employee-name{color:#065f46;font-weight:600}.current-badge{background:#10b981;border-radius:0;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;text-transform:uppercase}.orders-pagination-enhanced{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:0;border-top:none;display:flex;justify-content:space-between;margin-top:0;padding:1.5rem 2rem}.orders-pagination-btn-enhanced{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.orders-pagination-btn-enhanced:hover:not(.disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.orders-pagination-btn-enhanced.disabled{background:#f3f4f6;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.orders-pagination-icon{height:16px;transition:transform .2s ease;width:16px}.rotate-90{transform:rotate(90deg)}.-rotate-90{transform:rotate(-90deg)}.orders-pagination-info-enhanced{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem}.orders-pagination-current{color:#667eea;font-size:1rem;font-weight:600}.orders-pagination-separator{color:#6b7280}.orders-pagination-total{color:#374151;font-weight:600}.orders-pagination-count{color:#6b7280;font-size:.8rem;margin-left:.5rem}.orders-amount-current{color:#059669;font-size:.875rem;font-weight:600;margin:.25rem 0}.orders-amount-base{color:#6b7280;font-size:.8rem;margin:.25rem 0}.orders-amount-delivered{color:#374151;font-size:.8rem;margin:.25rem 0}.orders-status-enhanced{align-items:center;border:2px solid;border-radius:0;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-transform:capitalize;transition:all .2s ease}.orders-status-active{background:#ecfdf5;border-color:#10b981;color:#059669}.orders-status-paused{background:#fef3c7;border-color:#f59e0b;color:#d97706}.orders-status-cancelled{background:#fef2f2;color:#dc2626}.orders-status-completed{background:#ede9fe;border-color:#8b5cf6;color:#7c3aed}.orders-status-default{background:#f3f4f6;border-color:#9ca3af;color:#6b7280}.orders-status-icon{flex-shrink:0;height:16px;width:16px}.orders-status-icon-active{color:#10b981}.orders-status-icon-paused{color:#f59e0b}.orders-status-icon-cancelled{color:#ef4444}.orders-status-icon-completed{color:#8b5cf6}.orders-status-icon-default{color:#9ca3af}.orders-table-controls{align-items:center;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-radius:0;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.orders-table-search{flex:1 1;max-width:400px;position:relative}.orders-search-icon{color:#6b7280}.orders-search-input{background:#fff;border:2px solid #d1d5db;border-radius:0;font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s ease;width:100%}.orders-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.orders-table-filters{align-items:center;display:flex;gap:1rem}.orders-filter-select{background:#fff;border:2px solid #d1d5db;border-radius:0;color:#374151;cursor:pointer;font-size:.875rem;min-width:120px;padding:.75rem 1rem;transition:border-color .2s ease}.orders-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.orders-modal-extra-large{max-height:90vh;max-width:1200px;overflow-y:auto;width:95vw}.daily-order-details-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;margin-bottom:2rem;padding:1.5rem}.daily-order-details-section-title{align-items:center;border-bottom:2px solid #667eea;color:#374151;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.daily-order-details-section-icon{color:#667eea;height:20px;width:20px}.daily-order-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.daily-order-details-item{display:flex;flex-direction:column;gap:.25rem}.daily-order-details-label{color:#6b7280;font-size:.875rem;font-weight:500}.daily-order-details-value{color:#374151;font-size:1rem;font-weight:600}.daily-order-calendar-legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.daily-order-legend-item{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem}.daily-order-legend-color{border:1px solid #d1d5db;border-radius:0;height:16px;width:16px}.daily-order-calendar-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:400px;overflow-y:auto}.daily-order-calendar-day{align-items:center;border:2px solid #0000;border-radius:0;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:500;justify-content:center;min-height:80px;padding:.75rem .5rem;position:relative;transition:all .2s ease}.daily-order-calendar-day.today{border-color:#1f2937;box-shadow:0 0 0 2px #1f2937}.daily-order-calendar-day:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.daily-order-calendar-date{font-size:1.25rem;font-weight:700}.daily-order-calendar-month{font-size:.75rem;opacity:.9}.daily-order-calendar-status{font-size:.875rem;font-weight:700;position:absolute;right:4px;top:4px}.daily-order-billing-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.daily-order-billing-card{background:#fff;border:2px solid #e5e7eb;border-radius:0;padding:1.5rem;text-align:center;transition:all .2s ease}.daily-order-billing-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.daily-order-billing-label{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.daily-order-billing-value{color:#374151;font-size:1.5rem;font-weight:700}.daily-order-billing-value.highlight{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:0;color:#059669;padding:.5rem}.daily-order-assignment-info{display:flex;flex-direction:column;gap:1rem}.daily-order-assignment-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;justify-content:space-between;padding:1rem}.daily-order-assignment-label{color:#6b7280;font-weight:500}.daily-order-assignment-value{color:#374151;font-weight:600}.orders-action-btn-task{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.orders-action-btn-task:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.employee-selection-order-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;margin-bottom:2rem;padding:1.5rem}.employee-selection-section-title{align-items:center;border-bottom:2px solid #667eea;color:#374151;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.employee-selection-section-icon{color:#667eea;height:20px;width:20px}.employee-selection-order-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.employee-selection-detail-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;justify-content:space-between;padding:.75rem}.employee-selection-detail-label{color:#6b7280;font-weight:500}.employee-selection-detail-value{color:#374151;font-weight:600}.employee-selection-employees{margin-bottom:2rem}.employee-selection-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem}.employee-selection-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:1rem;width:32px}.employee-selection-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.employee-selection-card{background:#fff;border:2px solid #e5e7eb;border-radius:0;cursor:pointer;padding:1.5rem;position:relative;transition:all .2s ease}.employee-selection-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.employee-selection-card.selected{background:#ecfdf5;border-color:#059669}.employee-selection-card.currently-assigned{background:#d1fae5;border-color:#10b981;border-width:3px}.employee-selection-card.currently-assigned:hover{background:#a7f3d0;border-color:#059669}.employee-selection-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.employee-selection-card-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.employee-selection-card-avatar-icon{color:#fff;height:24px;width:24px}.employee-selection-card-info{flex:1 1}.employee-selection-card-name{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.employee-selection-card-email{color:#6b7280;font-size:.875rem;margin:0}.employee-selection-card-details{display:flex;flex-direction:column;gap:.5rem}.employee-selection-card-detail{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.employee-selection-card-detail-icon{height:16px;width:16px}.employee-selection-card-selected{align-items:center;background:#059669;border-radius:0;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.employee-selection-card-selected-icon{height:16px;width:16px}.employee-selection-card-assigned{align-items:center;background:#10b981;border-radius:0;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.employee-selection-card-assigned-icon{height:16px;width:16px}.employee-selection-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.employee-selection-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.employee-selection-btn:disabled{cursor:not-allowed;opacity:.5}.employee-selection-btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.employee-selection-btn-cancel:hover:not(:disabled){background:#e5e7eb}.employee-selection-btn-assign{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.employee-selection-btn-assign:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.employee-selection-btn-icon{height:16px;width:16px}.employee-selection-btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.orders-modal-content{max-height:80vh;padding:0}.orders-modal-title{color:#1f2937;font-size:20px;gap:8px}.orders-modal-title-icon{color:#667eea;height:20px;width:20px}.orders-enhanced-form{max-width:100%;padding:0}.orders-form-section{background:#fff;margin-bottom:24px;padding:24px}.orders-form-section-title{border-bottom:2px solid #667eea;color:#1f2937;font-size:18px;gap:8px;margin-bottom:20px;padding-bottom:12px}.orders-form-section-icon{color:#667eea;height:20px;width:20px}.orders-form-row{grid-gap:20px;align-items:end;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.orders-form-row-2-col{grid-template-columns:1fr 1fr}.orders-form-row-3-col{grid-template-columns:1fr 1fr 1fr}.orders-form-row-4-col{grid-template-columns:1fr 1fr 1fr 1fr}.orders-form-group-flex{flex:1 1}.orders-form-label{font-size:14px;margin-bottom:6px}.orders-form-input,.orders-form-select,.orders-form-textarea{background:#fff;font-size:14px;padding:12px 16px}.orders-form-input-readonly{background:#f9fafb}.orders-customer-selector{position:relative}.orders-search-container{align-items:center;display:flex;position:relative}.orders-search-icon{left:12px;z-index:1}.orders-dropdown-icon{color:#9ca3af;height:16px;pointer-events:none;position:absolute;right:12px;width:16px}.orders-search-container .orders-form-input{padding-left:40px;padding-right:40px}.orders-dropdown{background:#fff;border:2px solid #667eea;border-radius:0;box-shadow:0 10px 25px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.orders-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.orders-dropdown-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.orders-dropdown-item:last-child{border-bottom:none}.orders-dropdown-add-new{align-items:center;border-top:2px solid #f3f4f6;color:#667eea;display:flex;gap:8px}.orders-dropdown-add-new:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.orders-dropdown-loading{color:#6b7280;padding:16px;text-align:center}.orders-customer-info{gap:4px}.orders-customer-name{color:inherit;font-weight:500}.orders-customer-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;font-size:12px;gap:12px;margin-top:16px;opacity:.8;padding:16px}.orders-item-card{background:#fff;border:2px solid #e5e7eb;border-radius:0;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;overflow:hidden;transition:all .2s ease}.orders-item-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.orders-item-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.orders-item-card-title{align-items:center;display:flex;gap:8px}.orders-item-card-icon{color:#fff;height:18px;width:18px}.orders-item-card-number{font-size:16px;font-weight:600}.orders-item-remove-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.orders-item-remove-btn:hover{background:#dc2626cc;border-color:#dc2626cc}.orders-item-remove-icon{height:16px;width:16px}.orders-item-card-content{padding:20px}.orders-item-selection-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:200px 1fr;margin-bottom:20px}.orders-item-name-group,.orders-item-type-group{display:flex;flex-direction:column}.orders-item-name-select,.orders-item-type-select{width:100%}.orders-item-details-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:120px 150px 1fr}.orders-item-price-group,.orders-item-quantity-group,.orders-item-total-group{display:flex;flex-direction:column}.orders-item-price-input,.orders-item-quantity-input{width:100%}.orders-item-total-display{border:2px solid #0000;border-radius:0;font-size:16px;font-weight:600;padding:12px 16px;text-align:center}.orders-add-item-btn,.orders-item-total-display{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.orders-add-item-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.orders-add-item-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.orders-add-item-icon{height:16px;width:16px}.orders-form-total-display{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:0;color:#fff;font-size:14px;font-weight:600;padding:12px 16px;text-align:center}.orders-item-actions{display:flex;gap:8px;justify-content:center}.orders-item-action-btn{align-items:center;background:#ef4444;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.orders-item-action-btn:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d;transform:translateY(-1px)}.orders-item-action-remove{background:#ef4444}.orders-item-action-remove:hover{background:#dc2626}.orders-item-action-icon{height:14px;width:14px}.orders-pricing-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;padding:20px}.orders-pricing-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.orders-pricing-row:last-child{border-bottom:none}.orders-pricing-total{border-top:2px solid #667eea;color:#1f2937;font-size:18px;font-weight:600;margin-top:12px;padding-top:12px}.orders-form-actions-footer{background:#f9fafb;display:flex;gap:16px;margin:0 -24px -24px;padding:24px}.orders-btn{font-weight:500;gap:8px;padding:12px 24px}.orders-btn-primary:hover{box-shadow:0 4px 12px #667eea4d}.orders-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.orders-btn-secondary{background:#fff;border:2px solid #d1d5db;color:#374151}.orders-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.orders-btn-icon,.orders-btn-spinner{height:16px;width:16px}.orders-btn-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.orders-form-row{gap:12px;grid-template-columns:1fr}.orders-form-section{margin-bottom:16px;padding:16px}.orders-form-actions-footer{flex-direction:column;gap:12px}.orders-btn{justify-content:center;width:100%}}@media (max-width:480px){.orders-form-section{padding:12px}.orders-item-row,.orders-pricing-summary{padding:16px}}.orders-page{background-color:#f9fafb;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100vw;min-height:100vh;padding:2rem}.orders-embedded,.orders-page{box-sizing:border-box;overflow-x:hidden;width:100%}.orders-embedded{background-color:initial;max-width:100%;min-height:auto;padding:0}.orders-loading{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;justify-content:center;min-height:400px}.orders-loading-spinner{animation:orders-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes orders-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orders-loading-text{color:#6b7280;font-size:1rem;font-weight:500;margin-top:1rem}.orders-error{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;text-align:center}.orders-error-icon{color:#ef4444;height:48px;margin-bottom:1rem;width:48px}.orders-error-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.orders-error-message{color:#6b7280;font-size:1rem;margin-bottom:1.5rem}.orders-error-retry{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.orders-error-retry:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.orders-error-banner{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:0;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.orders-error-banner-icon{color:#dc2626;flex-shrink:0;height:1.25rem;width:1.25rem}.orders-error-banner-content{align-items:center;display:flex;flex:1 1;gap:1rem}.orders-error-banner-message{color:#991b1b;font-weight:500}.orders-error-banner-retry{background:#dc2626;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:background-color .2s}.orders-error-banner-retry:hover{background:#b91c1c}.orders-error-banner-close{background:none;border:none;color:#991b1b;cursor:pointer;padding:.25rem;transition:color .2s}.orders-error-banner-close:hover{color:#7f1d1d}.orders-error-banner-close-icon{height:1rem;width:1rem}.orders-header{align-items:flex-start;background-color:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.orders-header-content{flex:1 1}.orders-title{align-items:center;color:#1f2937;display:flex;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.orders-title-icon{color:#667eea;height:32px;margin-right:.75rem;width:32px}.orders-subtitle{color:#6b7280;font-size:1rem;margin:0}.orders-header-actions{display:flex;gap:.75rem}.orders-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.orders-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.orders-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.orders-btn-secondary{background-color:#fff;border:2px solid #667eea;color:#667eea}.orders-btn-secondary:hover{background-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-1px)}.orders-btn-icon{height:20px;margin-right:.5rem;width:20px}.orders-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin:1.5rem 0}.orders-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;border-radius:0;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease}.orders-tab-active,.orders-tab:hover{background-color:#f8fafc;color:#667eea}.orders-tab-active{border-bottom-color:#667eea}.orders-tab-icon{height:20px;width:20px}.orders-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.orders-stat-card{align-items:center;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;padding:1.5rem;transition:all .2s ease}.orders-stat-card:hover{box-shadow:0 4px 12px #00000026}.orders-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-right:1rem;width:60px}.orders-stat-icon-svg{color:#fff;height:28px;width:28px}.orders-stat-content{flex:1 1}.orders-stat-label{color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.orders-stat-value{color:#fff!important;font-size:1.875rem}.orders-stat-title{color:#fff!important;font-weight:500}.orders-filters{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.orders-filters-header{margin-bottom:1.5rem}.orders-filters-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;margin:0}.orders-filters-title-icon{color:#667eea;height:20px;margin-right:.5rem;width:20px}.orders-filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.orders-filter-group{display:flex;flex-direction:column}.orders-filter-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.orders-filter-label-icon{color:#667eea;height:16px;margin-right:.5rem;width:16px}.orders-search-wrapper{position:relative}.orders-search-icon{color:#9ca3af;height:16px;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.orders-filter-select,.orders-search-input,.orders-sort-select{background-color:#fff;border:2px solid #e5e7eb;border-radius:0;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.orders-search-input{padding-left:2.5rem}.orders-filter-select:focus,.orders-search-input:focus,.orders-sort-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.orders-view-mode{border:2px solid #e5e7eb;border-radius:0;display:flex;overflow:hidden}.orders-view-mode-btn{background-color:#fff;border:none;border-radius:0;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s ease}.orders-view-mode-btn:hover{background-color:#f3f4f6;color:#374151}.orders-view-mode-btn-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.orders-view-mode-btn-active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.orders-sort-section{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.orders-sort-controls{align-items:center;display:flex;gap:1rem}.orders-sort-label{color:#374151;font-size:.875rem;font-weight:500}.orders-sort-selects{display:flex;gap:.75rem}.orders-count-display{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:0;color:#667eea;display:flex;font-size:.875rem;font-weight:500;padding:.75rem 1rem}.orders-count-icon{height:16px;margin-right:.5rem;width:16px}.orders-content{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 1px 3px #0000001a}.orders-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.orders-empty-icon{color:#9ca3af;height:64px;margin-bottom:1rem;width:64px}.orders-empty-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.orders-empty-message{color:#6b7280;font-size:1rem;margin-bottom:2rem}.orders-empty-action{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.orders-empty-action:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.orders-empty-action-icon{height:20px;margin-right:.5rem;width:20px}.orders-table-container{border-radius:0;overflow:hidden}.orders-table-wrapper{box-sizing:border-box;max-width:100%;overflow-x:auto;width:100%}.orders-table{border-collapse:collapse;width:100%}.orders-table-header{background:linear-gradient(135deg,#667eea,#764ba2)}.orders-table-th{border-radius:0;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.orders-table-th-right{text-align:right}.orders-table-body{background-color:#fff}.orders-table-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.orders-table-row:hover{background-color:#f9fafb}.orders-table-td{padding:1rem;vertical-align:top}.orders-table-td-actions{text-align:right}.orders-order-details{display:flex;flex-direction:column;gap:.25rem}.orders-order-number{color:#667eea;font-size:.875rem;font-weight:700}.orders-order-id{color:#6b7280;font-size:.75rem}.orders-order-date,.orders-order-source{color:#374151;font-size:.75rem}.orders-order-source{background-color:#f3f4f6;border-radius:0;display:inline-block;margin-top:.25rem;padding:.125rem .5rem}.orders-customer-info{display:flex;flex-direction:column;gap:.25rem}.orders-customer-name{color:#1f2937;font-size:.875rem;font-weight:600}.orders-customer-contact{align-items:center;color:#374151;display:flex;font-size:.75rem}.orders-contact-icon{color:#6b7280;height:12px;margin-right:.25rem;width:12px}.orders-location-info{display:flex;flex-direction:column;gap:.25rem}.orders-location-city{color:#1f2937;font-size:.875rem}.orders-location-state{color:#374151;font-size:.75rem}.orders-location-pincode{color:#6b7280;font-size:.75rem}.orders-status-info{display:flex;flex-direction:column;gap:.5rem}.orders-bill-badge,.orders-payment-badge,.orders-priority-badge,.orders-status-badge{align-items:center;border:1px solid #0000;border-radius:0;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.orders-priority-text,.orders-status-text{margin-left:.25rem;text-transform:capitalize}.orders-status-pending{background-color:#fef3c7;border-color:#fbbf24;color:#92400e}.orders-status-confirmed{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.orders-status-processing{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d;color:#667eea}.orders-status-shipped{background-color:#e0e7ff;border-color:#6366f1;color:#3730a3}.orders-status-delivered{background-color:#d1fae5;border-color:#10b981;color:#065f46}.orders-status-cancelled{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.orders-status-default{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.orders-priority-low{background-color:#d1fae5;color:#065f46}.orders-priority-medium{background-color:#fef3c7;color:#92400e}.orders-priority-high{background-color:#fed7aa;color:#9a3412}.orders-priority-urgent{background-color:#fee2e2;color:#991b1b}.orders-priority-default{background-color:#f3f4f6;color:#374151}.orders-payment-paid{background-color:#d1fae5;color:#065f46}.orders-payment-partial{background-color:#fef3c7;color:#92400e}.orders-payment-pending{background-color:#fee2e2;color:#991b1b}.orders-bill-created{background-color:#d1fae5;color:#065f46}.orders-bill-not-created{background-color:#f3f4f6;color:#6b7280}.orders-financial-info{display:flex;flex-direction:column;gap:.375rem;min-width:120px}.orders-total-amount{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;padding:.25rem 0}.orders-total-amount span:first-child{color:#6b7280;font-weight:500}.orders-total-amount span:last-child{color:#1f2937;font-weight:700}.orders-paid-amount{align-items:center;color:#059669;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between}.orders-paid-amount span:first-child{color:#6b7280;font-weight:500}.orders-paid-amount span:last-child{color:#059669;font-weight:600}.orders-due-amount{align-items:center;color:#dc2626;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between}.orders-due-amount span:first-child{color:#6b7280;font-weight:500}.orders-due-amount span:last-child{color:#dc2626;font-weight:600}.orders-discount-amount{align-items:center;color:#667eea;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between}.orders-discount-amount span:first-child{color:#6b7280;font-weight:500}.orders-discount-amount span:last-child{color:#667eea;font-weight:600}.orders-items-info{display:flex;flex-direction:column;gap:.25rem}.orders-items-count{color:#1f2937;font-size:.875rem;font-weight:600}.orders-item-detail{color:#374151;font-size:.75rem}.orders-items-more{color:#667eea;font-size:.75rem}.orders-table-body .orders-actions{display:flex;gap:.25rem;justify-content:flex-end}.orders-action-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.orders-action-view{background-color:initial;color:#667eea}.orders-action-view:hover{background-color:#667eea1a;color:#5a67d8}.orders-action-bill{background-color:initial;color:#059669}.orders-action-bill:hover{background-color:#0596691a;color:#047857}.orders-action-bill-created{cursor:not-allowed;opacity:.6}.orders-action-bill-created,.orders-action-bill-created:hover{background-color:initial;color:#6b7280}.orders-action-edit{background-color:initial;color:#2563eb}.orders-action-edit:hover{background-color:#2563eb1a;color:#1d4ed8}.orders-action-delete{background-color:initial;color:#dc2626}.orders-action-download{background-color:initial;color:#059669}.orders-action-download:hover{background-color:#0596691a;color:#047857}.orders-table-body .orders-table-td-actions{display:flex;gap:.25rem;justify-content:flex-end}.orders-table-td-actions .orders-action-btn{border-radius:4px}.orders-action-delete:hover{background-color:#dc26261a;color:#b91c1c}.orders-action-icon,.orders-icon{height:16px;width:16px}.orders-schedule-info{display:flex;flex-direction:column;gap:.25rem}.orders-schedule-days{color:#1f2937;font-size:.875rem;font-weight:600}.orders-schedule-time{color:#667eea;font-size:.75rem;text-transform:capitalize}.orders-schedule-end{color:#6b7280;font-size:.75rem}.orders-amount-info{display:flex;flex-direction:column;gap:.25rem}.orders-amount-base{color:#1f2937;font-size:.875rem;font-weight:600}.orders-amount-delivered{color:#059669;font-size:.75rem}.orders-stats-info{display:flex;flex-direction:column;gap:.25rem}.orders-stat-item{color:#374151;font-size:.75rem}.orders-pause-reason{color:#f59e0b;font-size:.75rem;font-style:italic;margin-top:.25rem}.orders-modal-overlay{z-index:1050}.orders-modal{box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto}.orders-modal-sidebar-expanded{margin-left:130px;width:calc(100vw - 260px - 4rem)}.orders-modal-sidebar-collapsed{margin-left:40px;width:calc(100vw - 80px - 4rem)}.orders-modal-header-content{align-items:center;display:flex;justify-content:space-between}.orders-modal-title{font-size:1.5rem;font-weight:700}.orders-modal-subtitle{color:#fffc;font-size:.875rem;margin:0}.orders-modal-close{transition:all .2s ease}.orders-modal-close:hover{background-color:#fff3}.orders-modal-close-icon{height:24px;width:24px}.orders-modal-body{padding:2rem}.orders-form-group{margin-bottom:1.5rem}.orders-form-label{display:block;margin-bottom:.5rem}.orders-form-input,.orders-form-select,.orders-form-textarea{border:2px solid #e5e7eb;color:#1f2937;width:100%}.orders-form-input:focus,.orders-form-select:focus,.orders-form-textarea:focus{box-shadow:0 0 0 3px #667eea1a}.orders-form-textarea{min-height:100px}.orders-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.orders-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.orders-form-btn{border:none;border-radius:0;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.orders-form-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.orders-form-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.orders-form-btn-secondary{background-color:#f3f4f6;color:#374151}.orders-form-btn-secondary:hover{background-color:#e5e7eb;color:#1f2937}@media (max-width:768px){.orders-page{margin:0;max-width:100vw}.orders-embedded,.orders-page{overflow-x:hidden;padding:.75rem;width:100%}.orders-embedded{max-width:100%}.orders-filters,.orders-header,.orders-table-container{box-sizing:border-box;max-width:100%;width:100%}.orders-header{flex-direction:column;gap:1rem;padding:1rem}.orders-header-actions{justify-content:stretch;width:100%}.orders-btn{flex:1 1;justify-content:center;width:100%}.orders-stats{gap:1rem;grid-template-columns:1fr;margin-left:0;margin-right:0;padding:0}.orders-stat-card{box-sizing:border-box;margin-left:0;margin-right:0;padding:1rem;width:100%}.orders-stat-icon{height:48px;width:48px}.orders-stat-icon-svg{height:24px;width:24px}.orders-stat-value{font-size:1.5rem}.orders-filters{padding:1rem}.orders-filters-grid{gap:1rem;grid-template-columns:1fr}.orders-search-container{width:100%}.orders-filter-select,.orders-search-input{box-sizing:border-box;width:100%}.orders-sort-section{align-items:stretch;flex-direction:column;gap:1rem}.orders-sort-controls,.orders-sort-selects{flex-direction:column;gap:.5rem}.orders-sort-select{box-sizing:border-box;width:100%}.orders-table-container,.orders-table-wrapper{box-sizing:border-box;margin-left:0;margin-right:0;width:100%}.orders-table-wrapper{-webkit-overflow-scrolling:touch;max-height:310px;max-width:100%;overflow-x:auto;overflow-y:auto;padding:0 .75rem;scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin}.orders-table-wrapper::-webkit-scrollbar{height:8px}.orders-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.orders-table-wrapper::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.orders-table-wrapper::-webkit-scrollbar-thumb:hover{background:#5a67d8}.orders-table{min-width:700px;width:700px}.orders-table-td,.orders-table-th{padding:.75rem .5rem;white-space:nowrap}.orders-actions{flex-wrap:wrap;gap:.25rem}.orders-action-btn{height:1.75rem;width:1.75rem}.orders-modal-sidebar-collapsed,.orders-modal-sidebar-expanded{left:1rem!important;margin-left:0!important;max-width:calc(100vw - 2rem);right:1rem!important;transform:none!important;width:calc(100vw - 2rem)!important}.orders-modal-body{max-width:100%;overflow-x:hidden;padding:1rem}.orders-form-grid{gap:1rem;grid-template-columns:1fr}.orders-form-group{max-width:100%;width:100%}.orders-form-input,.orders-form-select,.orders-form-textarea{box-sizing:border-box;width:100%}.orders-form-actions{flex-direction:column;gap:.75rem}.orders-form-btn{justify-content:center;width:100%}}@media (max-width:480px){.orders-page{left:6vw!important;min-height:100vh!important;position:relative!important}.orders-embedded,.orders-page{box-sizing:border-box!important;margin:0 auto!important;max-width:88vw!important;overflow-x:hidden!important;padding:2vw!important;width:88vw!important}.orders-filters,.orders-header,.orders-stats,.orders-table-container{box-sizing:border-box!important;margin:0 2vw!important;max-width:84vw!important;padding:0!important;width:84vw!important}.orders-stats{gap:1.5vw!important;grid-template-columns:1fr!important;margin:0!important;max-width:84vw!important;padding:0!important;width:84vw!important}.orders-stat-card{max-width:82.5vw!important;min-width:0!important;padding:2.5vw!important;width:82.5vw!important}.orders-stat-card,.orders-table-container{box-sizing:border-box!important;margin:0!important}.orders-table-container{border-radius:0!important;overflow:hidden!important}.orders-table-container,.orders-table-wrapper{max-width:84vw!important;padding:0!important;width:84vw!important}.orders-table-wrapper{-webkit-overflow-scrolling:touch!important;border:1px solid #e5e7eb!important;box-sizing:border-box!important;margin:0!important;max-height:62vw!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-color:#667eea #f1f5f9!important;scrollbar-width:thin!important}.orders-table-wrapper::-webkit-scrollbar{height:1.5vw!important;width:1.5vw!important}.orders-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:.75vw!important}.orders-table-wrapper::-webkit-scrollbar-thumb{background:#667eea!important;border-radius:.75vw!important}.orders-table-wrapper::-webkit-scrollbar-thumb:hover{background:#5a67d8!important}.orders-table{min-width:168vw!important;table-layout:fixed!important;width:168vw!important}.orders-table-td,.orders-table-th{font-size:2.8vw!important;max-width:28vw!important;min-width:28vw!important;overflow:hidden!important;padding:1.5vw 1vw!important;text-overflow:ellipsis!important;white-space:nowrap!important}.orders-table-th{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.orders-btn,.orders-filter-btn,.orders-header-btn{box-sizing:border-box!important;font-size:3.33vw!important;max-width:28vw!important;min-height:10vw!important;padding:2.5vw 3.5vw!important;width:auto!important}.orders-form-input,.orders-form-select,.orders-search-input{box-sizing:border-box!important;font-size:3.33vw!important;max-width:84vw!important;min-height:10vw!important;padding:2.5vw!important;width:100%!important}.orders-header{margin:0!important;max-width:84vw!important;padding:0!important;width:84vw!important}.orders-title{font-size:4.5vw!important;margin-bottom:1.5vw!important}.orders-subtitle{font-size:3.33vw!important}.orders-header{padding:.75rem}.orders-title{flex-wrap:wrap;font-size:1.25rem}.orders-title-icon{height:20px;width:20px}.orders-btn,.orders-subtitle{font-size:.875rem}.orders-btn{padding:.625rem 1rem}.orders-btn-icon{height:16px;width:16px}.orders-stats{gap:.75rem}.orders-stat-card{padding:.75rem}.orders-stat-icon{height:40px;width:40px}.orders-stat-icon-svg{height:20px;width:20px}.orders-stat-value{font-size:1.25rem}.orders-stat-label{font-size:.75rem}.orders-filters{padding:.75rem}.orders-filters-grid{gap:.75rem}.orders-search-input{font-size:.875rem;padding:.625rem .625rem .625rem 2rem}.orders-filter-select,.orders-sort-select{font-size:.875rem;padding:.625rem .75rem}.orders-table{min-width:600px;width:600px}.orders-table-td,.orders-table-th{font-size:.875rem;padding:.5rem .375rem}.orders-customer-name,.orders-order-number,.orders-total-amount{font-size:.875rem}.orders-customer-email,.orders-due-date,.orders-order-date{font-size:.75rem}.orders-status-badge{font-size:.75rem;padding:.25rem .5rem}.orders-actions{gap:.125rem}.orders-action-btn{height:1.5rem;width:1.5rem}.orders-modal-sidebar-collapsed,.orders-modal-sidebar-expanded{left:.5rem!important;margin-left:0!important;max-width:calc(100vw - 1rem);right:.5rem!important;width:calc(100vw - 1rem)!important}.orders-modal-body{max-width:100%;overflow-x:hidden;padding:.75rem}.orders-form-grid{gap:.75rem}.orders-form-label{font-size:.75rem}.orders-form-input,.orders-form-select,.orders-form-textarea{font-size:.875rem;padding:.625rem}.orders-form-textarea{min-height:4rem}.orders-form-actions{gap:.5rem;padding-top:.75rem}.orders-form-btn{font-size:.875rem;padding:.625rem 1rem}}@media (max-width:375px){.orders-embedded,.orders-page{padding:.375rem}.orders-filters,.orders-header,.orders-modal-body{padding:.5rem}.orders-title{font-size:1.125rem}.orders-table{min-width:550px;width:550px}.orders-table-td,.orders-table-th{font-size:.75rem;padding:.375rem .25rem}.orders-modal-sidebar-collapsed,.orders-modal-sidebar-expanded{left:.375rem!important;right:.375rem!important;width:calc(100vw - .75rem)!important}}@media (max-width:320px){.orders-embedded,.orders-page{padding:.25rem}.orders-title{align-items:flex-start;flex-direction:column;font-size:1rem;gap:.25rem}.orders-title-icon{height:18px;width:18px}.orders-table{min-width:500px;width:500px}.orders-stat-icon{height:36px;width:36px}.orders-stat-icon-svg{height:18px;width:18px}.orders-stat-value{font-size:1rem}.orders-modal-sidebar-collapsed,.orders-modal-sidebar-expanded{left:.25rem!important;right:.25rem!important;width:calc(100vw - .5rem)!important}}@media print{.orders-actions,.orders-filters,.orders-header-actions,.orders-modal-close{display:none!important}.orders-page{background-color:#fff!important;padding:0!important}.orders-table{border-collapse:collapse}.orders-table-td,.orders-table-th{border:1px solid #000!important;padding:.5rem!important}.orders-table-header{background:#f3f4f6!important;color:#000!important}}.orders-modal-overlay{align-items:center;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.orders-modal{background-color:#fff;border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:100%;overflow:hidden;position:relative;width:100%}.orders-modal-large{max-height:90vh;max-width:1000px;width:90vw}.orders-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.orders-modal-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.orders-modal-title-icon{height:1.5rem;width:1.5rem}.orders-modal-close{align-items:center;background:none;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s ease}.orders-modal-close:hover{background-color:#ffffff1a}.orders-modal-close-icon{height:1.5rem;width:1.5rem}.orders-modal-content{flex:1 1;overflow-y:auto;padding:2rem 2rem 3rem}.orders-form{display:flex;flex-direction:column;gap:2rem}.orders-form-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;padding:1.5rem}.orders-form-section-title{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:-1.5rem -1.5rem 1.5rem;padding:1rem}.orders-form-section-icon{height:1.25rem;width:1.25rem}.orders-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.orders-form-group{display:flex;flex-direction:column;gap:.5rem}.orders-form-label{color:#374151;font-size:.875rem;font-weight:500}.orders-form-input,.orders-form-select,.orders-form-textarea{background-color:#fff;border:2px solid #d1d5db;border-radius:0;color:#374151;font-size:.875rem;padding:.75rem;transition:all .2s ease}.orders-form-input:focus,.orders-form-select:focus,.orders-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 1px #764ba2,0 0 0 3px #667eea1a;outline:none}.orders-form-textarea{min-height:80px;resize:vertical}.orders-form-checkbox{align-items:center;cursor:pointer;display:flex;gap:.5rem}.orders-form-checkbox input[type=checkbox]{accent-color:#667eea;height:1rem;width:1rem}.orders-form-checkbox-text{color:#374151;font-size:.875rem}.orders-item-row{grid-gap:1rem;align-items:end;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:0;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr auto;margin-bottom:1rem;padding:1rem}.orders-item-buttons{display:flex;gap:.5rem}.orders-btn-small{min-width:auto;padding:.5rem}.orders-btn-danger{background-color:#dc2626;color:#fff}.orders-btn-danger:hover{background-color:#b91c1c}.orders-day-selector{display:flex;flex-wrap:wrap;gap:.5rem}.orders-day-btn{background-color:#fff;border:2px solid #d1d5db;border-radius:0;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.orders-day-btn:hover{background-color:#f3f4f6;border-color:#667eea}.orders-day-btn-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.orders-day-btn-active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.orders-form-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.orders-form-actions-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-bottom:1rem;margin-top:2rem;padding-top:2rem}.orders-page:not(.orders-embedded) .orders-modal-overlay{left:250px}.orders-page.orders-sidebar-collapsed:not(.orders-embedded) .orders-modal-overlay{left:80px}.orders-embedded .orders-modal-overlay{left:0}.orders-btn-spinner{animation:orders-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1rem;margin-right:.5rem;width:1rem}@media (max-width:768px){.orders-modal-overlay{left:0!important;padding:.5rem}.orders-modal-large{max-height:95vh;width:95vw}.orders-modal-content{padding:1.5rem 1.5rem 2.5rem}.orders-form-row,.orders-item-row{grid-template-columns:1fr}.orders-item-row{gap:.5rem}.orders-day-selector{justify-content:center}.orders-form-actions{align-items:stretch;flex-direction:column}.orders-form-actions-footer{flex-direction:row;justify-content:space-between}}@media (max-width:480px){.orders-modal-overlay{padding:.25rem}.orders-modal-content{padding:1rem 1rem 2rem}.orders-form-section{padding:1rem}.orders-form-section-title{font-size:1rem;margin:-1rem -1rem 1rem;padding:.75rem}.orders-day-btn{font-size:.75rem;padding:.375rem .75rem}.orders-form-actions-footer{flex-direction:column;gap:1rem}}.orders-searchable-select{position:relative;width:100%}.orders-searchable-select-trigger{align-items:center;display:flex;position:relative}.orders-searchable-select-trigger input{padding-right:3rem;width:100%}.orders-searchable-select-arrow{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.orders-searchable-select-chevron{color:#6b7280;height:1rem;transition:transform .2s ease;width:1rem}.orders-searchable-select-chevron-up{transform:rotate(180deg)}.orders-searchable-select-spinner{animation:orders-spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:1rem;width:1rem}.orders-searchable-select-dropdown{background-color:#fff;border:2px solid #667eea;border-radius:0;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.orders-searchable-select-empty{color:#6b7280;font-size:.875rem;padding:1rem;text-align:center}.orders-searchable-select-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:.75rem;transition:background-color .2s ease}.orders-searchable-select-option:hover{background-color:#f9fafb}.orders-searchable-select-option-selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.orders-searchable-select-option-selected:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.orders-searchable-select-option-main{color:inherit;font-weight:500}.orders-searchable-select-option-subtitle{color:inherit;font-size:.75rem;margin-top:.25rem;opacity:.8}.orders-form-group-full{grid-column:1/-1}.orders-new-customer-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.orders-new-customer-content{background:#fff;border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.orders-new-customer-header{align-items:center;border-bottom:2px solid #667eea;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.orders-new-customer-title{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}.orders-new-customer-icon{color:#667eea;height:20px;width:20px}.orders-new-customer-close{background:none;border:none;border-radius:0;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.orders-new-customer-close:hover{background:#f3f4f6;color:#374151}.orders-close-icon{height:20px;width:20px}.orders-new-customer-form{padding:0 24px 24px}.orders-new-customer-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.orders-customer-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;margin-bottom:20px;padding:20px}.orders-customer-summary-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.orders-customer-summary-icon{color:#fff;height:20px;margin-top:2px;width:20px}.orders-customer-summary-info{flex:1 1}.orders-customer-summary-name{font-size:18px;font-weight:600;margin-bottom:4px}.orders-customer-summary-contact{font-size:14px;opacity:.9}.orders-customer-change-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:0;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.orders-customer-change-btn:hover{background:#ffffff4d;border-color:#ffffff80}.orders-customer-summary-address{align-items:center;display:flex;font-size:14px;gap:8px;opacity:.9}.orders-customer-address-icon{height:16px;width:16px}.orders-dropdown-divider{background:#e5e7eb;height:1px;margin:8px 0}.orders-dropdown-add-new{background:#f8fafc!important;border-top:1px solid #e5e7eb;color:#667eea!important;font-weight:500}.orders-dropdown-add-new:hover{background:#667eea!important;color:#fff!important}.orders-dropdown-add-icon,.orders-spinner{height:16px;width:16px}.orders-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor}@media (max-width:768px){.orders-new-customer-modal{padding:10px}.orders-new-customer-content{max-height:95vh}.orders-new-customer-header{padding:16px 16px 0}.orders-new-customer-form{padding:0 16px 16px}.orders-new-customer-actions{flex-direction:column}.orders-customer-summary{padding:16px}.orders-customer-summary-header{align-items:flex-start;flex-direction:column;gap:12px}.orders-customer-change-btn{align-self:flex-start}}@media (max-width:480px){.orders-new-customer-title{font-size:18px}.orders-customer-summary-name{font-size:16px}}@media (max-width:768px){.orders-item-details-row,.orders-item-selection-row{gap:16px;grid-template-columns:1fr}.orders-item-card-header{padding:12px 16px}.orders-item-card-content{padding:16px}}@media (max-width:480px){.orders-item-card-header{align-items:flex-start;flex-direction:column;gap:12px}.orders-item-remove-btn{align-self:flex-end}.orders-item-details-row,.orders-item-selection-row{gap:12px}.orders-item-card-content{padding:12px}}.orders-conversion-section{background:#fff;border:0;margin-bottom:24px;padding:24px}.orders-conversion-stats{margin-bottom:24px}.orders-conversion-title{align-items:center;color:#1a1a1a;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.orders-conversion-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.orders-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border:0;color:#fff;padding:16px;text-align:center;transition:transform .2s ease}.orders-stat-card:hover{transform:translateY(-2px)}.orders-stat-card.urgent{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.orders-stat-value{font-size:24px;font-weight:700;margin-bottom:8px}.orders-stat-label{font-size:12px;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.orders-bulk-actions{border-top:1px solid #e5e7eb;padding-top:24px}.orders-bulk-actions-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.orders-selection-info{align-items:center;display:flex;gap:12px}.orders-selected-count{background:linear-gradient(135deg,#667eea,#764ba2);border:0;color:#fff;font-size:14px;font-weight:500;padding:6px 12px}.orders-bulk-buttons{display:flex;flex-wrap:wrap;gap:12px}.orders-btn-urgent{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:0;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.orders-btn-urgent:hover:not(:disabled){box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-1px)}.orders-btn-urgent:disabled{cursor:not-allowed;opacity:.6}.orders-table-td-checkbox,.orders-table-th-checkbox{text-align:center;width:50px}.orders-checkbox{accent-color:#667eea;cursor:pointer;height:16px;width:16px}.orders-checkbox:disabled{cursor:not-allowed;opacity:.5}.orders-action-convert{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.orders-action-convert:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.orders-task-indicator{align-items:center;background:#10b981;border:0;color:#fff;display:flex;justify-content:center;padding:8px}.orders-task-icon{height:16px;width:16px}@media (max-width:768px){.orders-conversion-stats-grid{grid-template-columns:repeat(2,1fr)}.orders-bulk-actions-header{align-items:stretch;flex-direction:column}.orders-bulk-buttons{justify-content:center}}@media (max-width:480px){.orders-conversion-stats-grid{grid-template-columns:1fr}.orders-bulk-buttons{flex-direction:column}}.order-items-table{background:#fff;border:1px solid #e5e7eb;border-radius:0;margin-top:1rem;overflow:hidden}.order-items-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.order-items-header,.order-items-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem}.order-items-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.order-items-row:hover{background-color:#f9fafb}.order-items-row:last-child{border-bottom:none}.order-item-col{align-items:center;color:#374151;display:flex;font-size:.875rem}.order-item-col:first-child{color:#111827;font-weight:500}.order-item-col:last-child{color:#667eea;font-weight:600}.task-status-badge{align-items:center;border-radius:0;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.task-status-badge.task-created{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.task-status-badge.task-not-created{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.task-status-icon{height:16px;width:16px}.task-assignment-actions{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.order-items-header,.order-items-row{gap:.5rem;grid-template-columns:1fr}.order-item-col{border-bottom:1px solid #f3f4f6;padding:.5rem 0}.order-item-col:last-child{border-bottom:none;color:#667eea;font-weight:600}}.order-items-edit-table{background:#fff;border:0;margin-bottom:1rem}.order-items-edit-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.875rem;font-weight:600}.order-items-edit-header,.order-items-edit-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem}.order-items-edit-row{align-items:center;border-bottom:1px solid #e5e7eb}.order-items-edit-row:last-child{border-bottom:none}.order-item-edit-col{align-items:center;display:flex}.order-item-total{color:#667eea;font-size:.875rem;font-weight:600}.orders-form-input-readonly{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.orders-form-input-readonly:focus{background-color:#f9fafb;border-color:#d1d5db;box-shadow:none}@media (max-width:768px){.order-items-edit-header,.order-items-edit-row{gap:.5rem;grid-template-columns:1fr}.order-items-edit-header{display:none}.order-items-edit-row{border:1px solid #e5e7eb;border-radius:0;margin-bottom:.5rem;padding:1rem}.order-item-edit-col{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.order-item-edit-col:before{color:#374151;content:attr(data-label);font-weight:600;min-width:100px}.order-item-edit-col:last-child{margin-bottom:0}}.quick-bill-intro{grid-gap:3rem;background:linear-gradient(135deg,#f5f7fa,#e8edf4);border-radius:12px;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:2rem;padding:3rem}.quick-bill-intro-content{display:flex;flex-direction:column;gap:1.5rem}.quick-bill-intro-title{align-items:center;color:#1f2937;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0}.quick-bill-intro-icon{color:#667eea;height:32px;width:32px}.quick-bill-intro-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0}.quick-bill-features{display:flex;flex-direction:column;gap:12px}.quick-bill-feature{align-items:center;background:#fff;border-radius:8px;color:#374151;display:flex;font-size:14px;gap:12px;padding:12px}.quick-bill-feature-icon{color:#10b981;flex-shrink:0;height:20px;width:20px}.quick-bill-cta-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s}.quick-bill-cta-btn:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.quick-bill-cta-icon{height:20px;width:20px}.quick-bill-intro-illustration{display:flex;flex-direction:column;gap:1.5rem}.quick-bill-illustration-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center}.quick-bill-illustration-icon{color:#667eea;height:48px;margin:0 auto 1rem;width:48px}.quick-bill-illustration-card h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 .5rem}.quick-bill-illustration-card p{color:#6b7280;font-size:14px;margin:0}@media (max-width:768px){.quick-bill-intro{gap:2rem;grid-template-columns:1fr;margin:1rem;padding:2rem}.quick-bill-intro-title{font-size:24px}.quick-bill-cta-btn{justify-content:center;width:100%}}.edit-bill-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-bill-modal{background:#fff;border-radius:0;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:90%}.edit-bill-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;justify-content:space-between;padding:24px 30px}.edit-bill-modal-title{font-size:24px;font-weight:600;margin:0}.edit-bill-modal-subtitle{font-size:14px;margin:5px 0 0;opacity:.9}.edit-bill-modal-close{align-items:center;background:#fff3;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.edit-bill-modal-close:hover{background:#ffffff4d}.edit-bill-modal-body{flex:1 1;overflow-y:auto;padding:30px}.edit-bill-section{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:30px}.edit-bill-section:last-of-type{border-bottom:none}.edit-bill-section-title{color:#667eea;font-size:18px;font-weight:600;margin:0 0 20px}.edit-bill-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.edit-bill-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.edit-bill-amounts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.edit-bill-form-group{display:flex;flex-direction:column}.edit-bill-label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.edit-bill-input,.edit-bill-textarea{border:2px solid #e0e0e0;border-radius:0;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s}.edit-bill-input:focus,.edit-bill-textarea:focus{border-color:#667eea;outline:none}.edit-bill-input:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.edit-bill-textarea{min-height:80px;resize:vertical}.edit-bill-total-group{grid-column:1/-1}.edit-bill-total-input{background-color:#f0f4ff!important;border-color:#667eea!important;color:#667eea;font-size:18px;font-weight:700}.edit-bill-add-item-btn{align-items:center;background:#667eea;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s}.edit-bill-add-item-btn:hover{background:#764ba2}.edit-bill-items-container{display:flex;flex-direction:column;gap:20px}.edit-bill-item-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:0;padding:20px}.edit-bill-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.edit-bill-item-number{color:#667eea;font-size:14px;font-weight:600}.edit-bill-remove-item-btn{align-items:center;background:#f44;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:8px 12px;transition:background .2s}.edit-bill-remove-item-btn:hover{background:#c00}.edit-bill-item-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:2fr 2fr 1fr 1fr 1fr;margin-bottom:15px}.edit-bill-item-name-group,.edit-bill-item-select-group{grid-column:span 1}.edit-bill-no-items{background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:0;color:#999;padding:40px;text-align:center}.edit-bill-no-items p{font-size:14px;margin:0}.edit-bill-modal-footer{background:#f9f9f9;border-top:2px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.edit-bill-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.edit-bill-btn:disabled{cursor:not-allowed;opacity:.6}.edit-bill-btn-cancel{background:#fff;border:2px solid #e0e0e0;color:#333}.edit-bill-btn-cancel:hover:not(:disabled){background:#f5f5f5}.edit-bill-btn-save{background:#667eea;color:#fff}.edit-bill-btn-save:hover:not(:disabled){background:#764ba2}@media (max-width:768px){.edit-bill-modal{max-height:95vh;width:95%}.edit-bill-modal-body,.edit-bill-modal-header{padding:20px}.edit-bill-amounts-grid,.edit-bill-grid,.edit-bill-item-grid{grid-template-columns:1fr}.edit-bill-item-name-group{grid-column:span 1}.edit-bill-modal-footer{flex-direction:column;padding:15px 20px}.edit-bill-btn{justify-content:center;width:100%}}.invoices-page{background-color:#f9fafb;font-family:Nunito,sans-serif;max-width:100vw;min-height:100vh;padding:2rem}.invoices-page,.invoices-page-embedded{box-sizing:border-box;overflow-x:hidden;width:100%}.invoices-page-embedded{background-color:initial;max-width:100%;min-height:auto;padding:1rem}.invoices-loading{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.invoices-loading-spinner{animation:invoices-spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:3rem;margin-bottom:1rem;width:3rem}@keyframes invoices-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invoices-loading-text{color:#6b7280;font-size:1rem;font-weight:500}.invoices-error{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.invoices-error-icon{color:#ef4444;height:3rem;margin-bottom:1rem;width:3rem}.invoices-error-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.invoices-error-text{color:#6b7280;margin-bottom:1.5rem}.invoices-error-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.invoices-error-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.invoices-header{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;margin-bottom:1.5rem}.invoices-header-content{align-items:flex-start;display:flex;justify-content:space-between;padding:1.5rem}.invoices-header-info{flex:1 1}.invoices-title{align-items:center;color:#1f2937;display:flex;font-size:1.875rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.invoices-title-icon{color:#667eea;height:2rem;width:2rem}.invoices-subtitle{color:#6b7280;font-size:1rem;line-height:1.5}.invoices-header-actions{display:flex;gap:1rem}.invoices-header-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.invoices-header-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.invoices-tabs{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;margin-bottom:1.5rem}.invoices-tabs-container{border-bottom:1px solid #e5e7eb}.invoices-tabs-nav{display:flex;gap:2rem;padding:0 1.5rem}.invoices-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem .25rem;transition:all .2s ease}.invoices-tab-active{border-bottom-color:#667eea;color:#667eea}.invoices-tab-inactive{color:#6b7280}.invoices-tab-inactive:hover{border-bottom-color:#d1d5db;color:#374151}.invoices-tab-icon{height:1.25rem;width:1.25rem}.invoices-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.invoices-stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;padding:1.5rem;transition:all .2s ease}.invoices-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.invoices-stat-content{align-items:center;display:flex;gap:1rem}.invoices-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;height:3rem;justify-content:center;width:3rem}.invoices-stat-icon-success{background:linear-gradient(135deg,#10b981,#059669)}.invoices-stat-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.invoices-stat-icon-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.invoices-stat-details{flex:1 1}.invoices-stat-label{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.invoices-stat-value{color:#1f2937;font-size:1.5rem;font-weight:700}.invoices-filters{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;margin-bottom:1.5rem;padding:1.5rem}.invoices-filters-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.invoices-search-group{flex:1 1;min-width:16rem}.invoices-search-container{position:relative}.invoices-search-icon{color:#9ca3af;height:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.invoices-search-input{border:1px solid #d1d5db;border-radius:0;font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease;width:100%}.invoices-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.invoices-filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:0;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease}.invoices-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.invoices-filter-btn{align-items:center;border:1px solid #d1d5db;border-radius:0;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.invoices-filter-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.invoices-filter-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.invoices-icon{flex-shrink:0;height:1rem;width:1rem}.invoices-empty{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;padding:1.5rem}.invoices-empty-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.invoices-empty-icon{color:#9ca3af;height:3rem;margin-bottom:1rem;width:3rem}.invoices-empty-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.invoices-empty-text{color:#6b7280;margin-bottom:1.5rem}.invoices-empty-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.invoices-empty-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.invoices-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;margin-bottom:1.5rem}.invoices-table-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.invoices-table-title{color:#1f2937;font-size:1.25rem;font-weight:600}.invoices-table-wrapper{box-sizing:border-box;max-height:310px;max-width:100%;overflow-x:auto;overflow-y:auto;scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin;width:100%}.invoices-table{border-collapse:collapse;width:100%}.invoices-table-head{background-color:#f9fafb}.invoices-table-th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;text-align:left;text-transform:uppercase}.invoices-table-th-right{text-align:right}.invoices-table-body{background-color:#fff}.invoices-table-row{transition:background-color .2s ease}.invoices-table-row:hover{background-color:#f9fafb}.invoices-table-td{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;vertical-align:top}.invoices-table-td-right{text-align:right}.invoices-invoice-details{display:flex;flex-direction:column;gap:.25rem}.invoices-invoice-number{color:#1f2937;font-size:.875rem;font-weight:600}.invoices-invoice-to{color:#6b7280;font-size:.875rem}.invoices-customer-info{display:flex;flex-direction:column;gap:.25rem}.invoices-customer-name{color:#1f2937;font-size:.875rem;font-weight:600}.invoices-customer-email{color:#6b7280;font-size:.875rem}.invoices-amount-info{display:flex;flex-direction:column;gap:.25rem}.invoices-total-amount{color:#1f2937;font-size:.875rem;font-weight:600}.invoices-subtotal{color:#6b7280;font-size:.875rem}.invoices-paid-amount{color:#10b981;font-size:.875rem;font-weight:500}.invoices-date-info{display:flex;flex-direction:column;gap:.25rem}.invoices-created-date{color:#1f2937;font-size:.875rem}.invoices-due-date{color:#6b7280;font-size:.75rem}.invoices-status-badge{align-items:center;border:1px solid #0000;border-radius:0;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.invoices-status-paid{background-color:#d1fae5;border-color:#a7f3d0;color:#065f46}.invoices-status-pending{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.invoices-status-overdue{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.invoices-status-cancelled{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.invoices-status-draft{background-color:#e0e7ff;border-color:#c7d2fe;color:#3730a3}.invoices-status-default{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280}.invoices-status-text{text-transform:capitalize}.invoices-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.invoices-action-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:0;cursor:pointer;display:inline-flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.invoices-action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.invoices-action-btn-view{border-color:#667eea;color:#667eea}.invoices-action-btn-view:hover{background-color:#667eea;color:#fff}.invoices-action-btn-edit{border-color:#3b82f6;color:#3b82f6}.invoices-action-btn-edit:hover{background-color:#3b82f6;color:#fff}.invoices-action-btn-send{border-color:#10b981;color:#10b981}.invoices-action-btn-send:hover{background-color:#10b981;color:#fff}.invoices-action-btn-download{border-color:#8b5cf6;color:#8b5cf6}.invoices-action-btn-download:hover{background-color:#8b5cf6;color:#fff}.invoices-action-btn-paid{border-color:#10b981;color:#10b981}.invoices-action-btn-paid:hover{background-color:#10b981;color:#fff}.invoices-action-btn-delete{border-color:#ef4444;color:#ef4444}.invoices-action-btn-delete:hover{background-color:#ef4444;color:#fff}.invoices-pagination{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;padding:.75rem 1.5rem}.invoices-pagination-mobile{align-items:center;display:flex;justify-content:space-between}.invoices-pagination-desktop{align-items:center;display:none;justify-content:space-between}.invoices-pagination-info{flex:1 1}.invoices-pagination-text{color:#374151;font-size:.875rem}.invoices-pagination-current,.invoices-pagination-total{font-weight:500}.invoices-pagination-nav{align-items:center;display:flex;gap:.25rem}.invoices-pagination-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:0;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem .75rem;transition:all .2s ease}.invoices-pagination-btn:hover:not(:disabled){background-color:#f9fafb}.invoices-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.invoices-pagination-btn-active{background-color:#667eea;border-color:#667eea;color:#fff}.invoices-pagination-btn-page{min-width:2.5rem}.invoices-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1050}.invoices-modal{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto}.invoices-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;padding:1.5rem}.invoices-modal-header-content{align-items:flex-start;display:flex;justify-content:space-between}.invoices-modal-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.invoices-modal-subtitle{font-size:.875rem;opacity:.9}.invoices-modal-close{align-items:center;background-color:#ffffff1a;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.invoices-modal-close:hover{background-color:#fff3}.invoices-modal-close-icon{height:1.25rem;width:1.25rem}.invoices-modal-body{padding:1.5rem}.invoices-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.invoices-form-group{display:flex;flex-direction:column;gap:.5rem}.invoices-form-label{color:#374151;font-size:.875rem;font-weight:500}.invoices-form-input{background-color:#fff;border:1px solid #d1d5db;border-radius:0;font-size:.875rem;padding:.75rem;transition:all .2s ease}.invoices-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.invoices-form-input:read-only{background-color:#f9fafb;color:#6b7280}.invoices-form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:0;cursor:pointer;font-size:.875rem;padding:.75rem;transition:all .2s ease}.invoices-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.invoices-form-textarea{border:1px solid #d1d5db;border-radius:0;font-family:inherit;font-size:.875rem;min-height:6rem;padding:.75rem;resize:vertical;transition:all .2s ease}.invoices-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.invoices-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.invoices-form-btn{align-items:center;border:1px solid #d1d5db;border-radius:0;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.invoices-form-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.invoices-form-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.invoices-form-btn-secondary{background-color:#fff;border-color:#d1d5db;color:#374151}.invoices-form-btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.invoices-view-modal .invoices-modal-body{background-color:#f9fafb;padding:2rem}.invoices-view-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.invoices-view-status .invoices-status-badge{font-size:.875rem;font-weight:600;padding:.5rem 1rem}.invoices-view-actions{display:flex;flex-wrap:wrap;gap:.75rem}.invoices-view-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.invoices-view-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.invoices-view-card-title{align-items:center;border-bottom:1px solid #f3f4f6;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.invoices-view-card-content{display:flex;flex-direction:column;gap:.75rem}.invoices-view-detail-item{display:flex;font-size:.875rem;justify-content:space-between}.invoices-view-detail-label{color:#6b7280;font-weight:500}.invoices-view-detail-value{color:#1f2937;font-weight:600}.invoices-view-detail-paid{color:#10b981}.invoices-view-detail-pending{color:#f59e0b}.invoices-view-items{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;margin-bottom:2rem;padding:1.5rem}.invoices-view-table-wrapper{max-height:400px;overflow-x:auto}.invoices-view-items .invoices-table-body tr:nth-child(2n){background-color:#f9fafb}.invoices-view-items .invoices-table-body tr:hover{background-color:#f3f4f6}.invoices-view-notes{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;padding:1.5rem}.invoices-view-notes p{color:#374151;font-size:.875rem;line-height:1.6}@media (max-width:768px){.invoices-view-modal .invoices-modal-body{padding:1rem}.invoices-view-header{align-items:flex-start;flex-direction:column}.invoices-view-actions{justify-content:stretch;width:100%}.invoices-view-actions .invoices-form-btn{flex:1 1;justify-content:center}.invoices-page{margin:0;max-width:100vw}.invoices-page,.invoices-page-embedded{overflow-x:hidden;padding:.75rem;width:100%}.invoices-page-embedded{max-width:100%}.invoices-filters,.invoices-header,.invoices-table-container,.invoices-tabs{box-sizing:border-box;margin-left:0;margin-right:0;max-width:100%;width:100%}.invoices-stats{margin-left:0;margin-right:0;padding:0}.invoices-stat-card{box-sizing:border-box;margin-left:0;margin-right:0;width:100%}.invoices-header-content{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.invoices-header-actions{justify-content:stretch;width:100%}.invoices-header-btn{justify-content:center;width:100%}.invoices-title{font-size:1.5rem}.invoices-tabs-nav{flex-wrap:wrap;gap:1rem;padding:0 1rem}.invoices-tab{flex:1 1;justify-content:center;min-width:120px}.invoices-stats{gap:1rem;grid-template-columns:1fr}.invoices-filters{padding:1rem}.invoices-filters-content{align-items:stretch;flex-direction:column;gap:1rem}.invoices-search-group{min-width:auto;width:100%}.invoices-search-input{box-sizing:border-box;width:100%}.invoices-filter-btn,.invoices-filter-select{box-sizing:border-box;justify-content:center;width:100%}.invoices-table-container,.invoices-table-wrapper{box-sizing:border-box;margin-left:0;margin-right:0;width:100%}.invoices-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;padding:0 .75rem;scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin}}@media (max-width:768px){.invoices-table-wrapper::-webkit-scrollbar{height:8px}.invoices-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.invoices-table-wrapper::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.invoices-table-wrapper::-webkit-scrollbar-thumb:hover{background:#5a67d8}.invoices-table{min-width:700px;width:700px}.invoices-table-td,.invoices-table-th{padding:.75rem .5rem;white-space:nowrap}.invoices-actions{flex-wrap:wrap;gap:.25rem}.invoices-action-btn{height:1.75rem;width:1.75rem}.invoices-pagination-mobile{display:flex}.invoices-pagination-desktop{display:none}.invoices-modal{left:1rem!important;margin:0 1rem!important;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);right:1rem!important;transform:none!important;width:calc(100vw - 2rem)!important}.invoices-modal-body{max-width:100%;overflow-x:hidden;padding:1rem}.invoices-form-grid{gap:1rem;grid-template-columns:1fr}.invoices-form-group{max-width:100%;width:100%}.invoices-form-input,.invoices-form-select,.invoices-form-textarea{box-sizing:border-box;width:100%}.invoices-form-actions{flex-direction:column;gap:.75rem}.invoices-form-btn{justify-content:center;width:100%}}@media (min-width:769px){.invoices-pagination-mobile{display:none}.invoices-pagination-desktop{display:flex}}@media (max-width:480px){.invoices-page{margin:0 6vw!important;min-height:100vh!important}.invoices-page,.invoices-page-embedded{box-sizing:border-box!important;max-width:88vw!important;overflow-x:hidden!important;padding:2vw!important;width:88vw!important}.invoices-page-embedded{margin:0 auto!important}.invoices-filters,.invoices-header,.invoices-stats,.invoices-table-container,.invoices-tabs{box-sizing:border-box!important;margin:0!important;max-width:84vw!important;padding:0!important;width:84vw!important}.invoices-stats{gap:1.5vw!important;grid-template-columns:1fr!important;margin:0!important;max-width:84vw!important;padding:0!important;width:84vw!important}.invoices-stat-card{max-width:82.5vw!important;min-width:0!important;padding:2.5vw!important;width:82.5vw!important}.invoices-stat-card,.invoices-table-container{box-sizing:border-box!important;margin:0!important}.invoices-table-container{border-radius:0!important;overflow:hidden!important}.invoices-table-container,.invoices-table-wrapper{max-width:84vw!important;padding:0!important;width:84vw!important}.invoices-table-wrapper{-webkit-overflow-scrolling:touch!important;border:1px solid #e5e7eb!important;box-sizing:border-box!important;margin:0!important;max-height:62vw!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-color:#667eea #f1f5f9!important;scrollbar-width:thin!important}.invoices-table-wrapper::-webkit-scrollbar{height:2vw!important;width:2vw!important}.invoices-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:1vw!important}.invoices-table-wrapper::-webkit-scrollbar-thumb{background:#667eea!important;border-radius:1vw!important}.invoices-table-wrapper::-webkit-scrollbar-thumb:hover{background:#5a67d8!important}.invoices-table{min-width:150vw!important;table-layout:fixed!important;width:150vw!important}.invoices-table-td,.invoices-table-th{font-size:3vw!important;min-width:20vw!important;overflow:hidden!important;padding:2vw 1vw!important;text-overflow:ellipsis!important;white-space:nowrap!important}.invoices-table-th{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.invoices-action-btn,.invoices-filter-btn,.invoices-header-btn{box-sizing:border-box!important;font-size:3.5vw!important;max-width:100%!important;min-height:10vw!important;padding:3vw 4vw!important;width:auto!important}.invoices-filter-select,.invoices-search-input{box-sizing:border-box!important;font-size:3.5vw!important;min-height:10vw!important;padding:3vw!important;width:100%!important}.invoices-header{margin:0 2vw!important;padding:2vw!important;width:96vw!important}.invoices-title{font-size:5vw!important;margin-bottom:2vw!important}.invoices-subtitle{font-size:3.5vw!important}.invoices-header{margin-bottom:.75rem}.invoices-header-content{padding:.75rem}.invoices-title{flex-wrap:wrap;font-size:1.25rem}.invoices-title-icon{height:1.5rem;width:1.5rem}.invoices-subtitle{font-size:.875rem}.invoices-tabs{margin-bottom:.75rem}.invoices-tabs-nav{gap:.5rem;padding:0 .75rem}.invoices-tab{font-size:.875rem;min-width:100px;padding:.75rem .5rem}.invoices-tab-icon{height:1rem;width:1rem}.invoices-stats{gap:.75rem;margin-bottom:.75rem}.invoices-stat-card{padding:.75rem}.invoices-stat-content{gap:.5rem}.invoices-stat-icon{height:2rem;width:2rem}.invoices-stat-value{font-size:1.125rem}.invoices-stat-label{font-size:.75rem}.invoices-filters{margin-bottom:.75rem;padding:.75rem}.invoices-filters-content{gap:.75rem}.invoices-search-input{font-size:.875rem;padding:.625rem .625rem .625rem 2rem}.invoices-filter-btn,.invoices-filter-select{font-size:.875rem;padding:.625rem .75rem}.invoices-table-container{margin-bottom:.75rem}.invoices-table-header{padding:.75rem}.invoices-table-title{font-size:1rem}.invoices-table{min-width:600px;width:600px}.invoices-table-td,.invoices-table-th{font-size:.875rem;padding:.5rem .375rem}.invoices-customer-name,.invoices-invoice-number,.invoices-total-amount{font-size:.875rem}.invoices-created-date,.invoices-customer-email,.invoices-due-date,.invoices-invoice-to,.invoices-subtotal{font-size:.75rem}.invoices-status-badge{font-size:.75rem;padding:.25rem .5rem}.invoices-actions{gap:.125rem}.invoices-action-btn{height:1.5rem;width:1.5rem}.invoices-pagination{padding:.5rem .75rem}.invoices-pagination-text{font-size:.75rem}.invoices-pagination-btn{font-size:.75rem;padding:.375rem .5rem}.invoices-modal{left:.5rem!important;margin:0 .5rem!important;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem);right:.5rem!important;width:calc(100vw - 1rem)!important}.invoices-modal-header{padding:.75rem}.invoices-modal-title{font-size:1.125rem}.invoices-modal-subtitle{font-size:.75rem}.invoices-modal-body{max-width:100%;overflow-x:hidden;padding:.75rem}.invoices-form-grid{gap:.75rem;margin-bottom:1rem}.invoices-form-label{font-size:.75rem}.invoices-form-input,.invoices-form-select,.invoices-form-textarea{font-size:.875rem;padding:.625rem}.invoices-form-textarea{min-height:4rem}.invoices-form-actions{gap:.5rem;padding-top:.75rem}.invoices-form-btn{font-size:.875rem;padding:.625rem 1rem}.invoices-icon{height:.875rem;width:.875rem}}@media (max-width:375px){.invoices-page,.invoices-page-embedded{padding:.375rem}.invoices-filters,.invoices-header-content,.invoices-modal-body,.invoices-modal-header,.invoices-table-header{padding:.5rem}.invoices-title{font-size:1.125rem}.invoices-table{min-width:550px;width:550px}.invoices-table-td,.invoices-table-th{font-size:.75rem;padding:.375rem .25rem}.invoices-modal{left:.375rem!important;margin:0 .375rem!important;max-height:calc(100vh - .75rem);right:.375rem!important;width:calc(100vw - .75rem)!important}}@media (max-width:320px){.invoices-page,.invoices-page-embedded{padding:.25rem}.invoices-title{align-items:flex-start;flex-direction:column;font-size:1rem;gap:.25rem}.invoices-title-icon{height:1.25rem;width:1.25rem}.invoices-table{min-width:500px;width:500px}.invoices-stat-icon{height:1.75rem;width:1.75rem}.invoices-stat-value{font-size:1rem}.invoices-modal{left:.25rem!important;margin:0 .25rem!important;max-height:calc(100vh - .5rem);right:.25rem!important;width:calc(100vw - .5rem)!important}}@media print{.invoices-actions,.invoices-filters,.invoices-header-actions,.invoices-modal-overlay,.invoices-pagination{display:none!important}.invoices-page{background-color:#fff;padding:0}.invoices-stats,.invoices-table-container{border:none;box-shadow:none}}.invoices-action-btn:focus,.invoices-filter-btn:focus,.invoices-form-btn:focus,.invoices-header-btn:focus,.invoices-modal-close:focus,.invoices-pagination-btn:focus,.invoices-tab:focus{outline:2px solid #667eea;outline-offset:2px}.invoices-filter-select:focus,.invoices-form-input:focus,.invoices-form-select:focus,.invoices-form-textarea:focus,.invoices-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (prefers-contrast:high){.invoices-filter-btn-primary,.invoices-form-btn-primary,.invoices-header-btn,.invoices-modal-header,.invoices-stat-icon{background:#000;color:#fff}.invoices-status-badge{border-width:2px}}@media (prefers-reduced-motion:reduce){.invoices-action-btn,.invoices-filter-btn,.invoices-form-btn,.invoices-header-btn,.invoices-loading-spinner,.invoices-modal-close,.invoices-pagination-btn,.invoices-stat-card{animation:none;transition:none}}.invoices-pdf-history-list{list-style:none;margin:0;padding:0}.invoices-pdf-history-item{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.invoices-pdf-history-item:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.invoices-pdf-history-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.invoices-pdf-history-version{color:#374151;font-size:.95rem;font-weight:600}.invoices-pdf-history-date{color:#6b7280;font-size:.875rem}.invoices-pdf-history-notes{color:#9ca3af;font-size:.8rem;font-style:italic}.invoices-pdf-history-actions{align-items:center;display:flex;gap:.5rem}:root{--primary-purple-light:#a855f7;--primary-purple-dark:#8b5cf6;--accent-purple:#8b5cf6;--background-light:#f8f8f8;--divider-color:#eee;--error-red:#ef4444}body{font-family:Nunito,sans-serif}h1,h2{font-weight:800}h1,h2,h3,h4{color:#333;color:var(--text-dark)}h3,h4{font-weight:700}h5,h6{color:#333;color:var(--text-dark);font-weight:600}.customization-page-container{background-color:#f8f8f8;background-color:var(--background-light);box-sizing:border-box;max-width:100%;min-height:calc(100vh - 60px);overflow-x:auto;padding:9px}@media (max-width:768px){.customization-page-container{padding:8px}}.customization-section{background:#fff;border:1px solid #eee;border:1px solid var(--divider-color);border-radius:0;margin-bottom:20px;padding:10px 15px 20px;transition:all .3s ease-in-out}.customization-section:hover{box-shadow:0 10px 30px #8b5cf61a;transform:translateY(-2px)}.customization-section .section-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--divider-color);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;text-align:left!important}.customization-section .header-content{align-items:center;display:inline-flex;gap:6px;min-width:0}.customization-section .header-icon{align-items:center;background:linear-gradient(90deg,#8b5cf6,#a855f7);background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));border-radius:0;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.customization-section .header-icon svg{color:#fff;height:18px;width:18px}.customization-section .header-text{align-items:flex-start;display:flex;flex-direction:column;min-width:0;text-align:left!important}.customization-section .header-text h2{font-size:1.8rem;font-weight:800;line-height:1.2;font:nunito;margin:0;padding-bottom:.5rem;position:relative;text-align:left!important}.customization-section .header-text h2:before{background:var(--primary-gradient);bottom:0;content:"";height:3px;left:0;max-width:150px;position:absolute;right:0}.customization-section .header-text h2:after{animation:section-title-run 5s linear infinite;background:#fff;bottom:0;content:"";height:3px;left:0;position:absolute;width:6px}.customization-section .header-text p{color:#666;color:var(--text-light);font-size:.9rem;margin:6px 0 0;text-align:left!important}.customization-section .header-actions{margin-left:auto}.btn-primary{align-items:center;background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));border-radius:0;display:inline-flex;gap:8px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease-in-out}.btn-primary:hover{box-shadow:0 5px 15px #8b5cf64d;transform:translateY(-1px)}.btn-primary.btn-cancel{background:#fff;border:1px solid #eee;border:1px solid var(--divider-color);color:#333;color:var(--text-dark);transition:all .3s ease-in-out}.btn-primary.btn-cancel:hover{background-color:#ef4444;background-color:var(--error-red);box-shadow:0 5px 15px #ef44444d;color:#fff;transform:translateY(-1px)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.enhance-btn:focus-visible,.form-textarea:focus-visible{outline:2px solid #8b5cf6;outline:2px solid var(--primary-purple-dark);outline-offset:2px}.customization-display{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.customization-field{background:#f8f8f8;background:var(--background-light);border:1px solid #eee;border:1px solid var(--divider-color);border-radius:0;padding:12px 15px}.customization-field h3{border-bottom:1px solid #eee;border-bottom:1px solid var(--divider-color);color:#333;color:var(--text-dark);font-size:1.1rem;font-weight:700;margin:0 0 10px;padding-bottom:5px}.customization-field .field-content{color:#333;color:var(--text-dark);font-size:1rem;line-height:1.6;white-space:pre-wrap}.customization-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.form-group{margin-bottom:15px}.form-group label{color:#333;color:var(--text-dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.input-with-enhance{background:#fff;border:1px solid #eee;border:1px solid var(--divider-color);border-radius:0;display:flex;overflow:hidden}.form-textarea{background:#fff;border:none;color:#333;color:var(--text-dark);flex:1 1;font-size:1rem;min-height:80px;padding:12px}.form-textarea::placeholder{color:#999}.form-textarea:focus{outline:none}.enhance-btn{align-items:center;background:#8b5cf6;background:var(--accent-purple);border:none;border-radius:0;color:#fff;display:flex;font-weight:600;gap:5px;justify-content:center;padding:0 15px;transition:background-color .3s ease-in-out}.enhance-btn:hover:not(:disabled){background:#8b5cf6;background:var(--primary-purple-dark)}.enhance-btn:disabled{background:#ccc;cursor:not-allowed}.enhance-btn svg{height:18px;width:18px}.char-count{color:#666;color:var(--text-light);font-size:.85rem;margin-top:5px;text-align:right}.form-actions{border-top:1px solid #eee;gap:15px;margin-top:20px;padding-top:15px}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@media (min-width:768px){.customization-display,.customization-form{grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}}@media (max-width:768px){.customization-section .section-header{align-items:stretch;flex-direction:column;gap:1rem}.customization-section .section-header>.btn-primary{width:100%}}.customization-page-container .title-with-icon{align-items:center;display:flex;font-size:1.6rem;font-weight:800;gap:12px;line-height:1.2;margin:0;white-space:nowrap}.icon-chip{align-items:center;background:linear-gradient(90deg,#8b5cf6,#a855f7);background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));color:#fff;display:flex;height:32px;justify-content:center;width:32px}.icon-chip svg{height:18px;width:18px}.field-group{margin-bottom:1.5rem}.field-label{color:#374151;display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.field-display{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:0;color:#6b7280;font-size:.95rem;padding:1rem;word-break:break-word}.field-display-large{min-height:100px}.field-input{border:1px solid #d1d5db;border-radius:0;box-sizing:border-box;font-family:Inter,Segoe UI,sans-serif;font-size:.95rem;outline:none;padding:.875rem;transition:border-color .2s ease;width:100%}.field-input:focus{border-color:#667eea}.field-textarea{resize:vertical}.field-footer{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:.5rem}.character-count{color:#9ca3af;font-size:.75rem}.btn-enhance{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.btn-enhance:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-enhance:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-loading .spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:14px;width:14px}.action-buttons{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:1.5rem}@media (max-width:768px){.field-footer{align-items:flex-start;flex-direction:column}.btn-enhance{width:100%}.action-buttons{flex-direction:column-reverse}.action-buttons .btn{width:100%}}.products-page-container{background:#fff;background:var(--bg-primary);font-family:Nunito,sans-serif;min-height:100vh;padding:2rem 0}.products-page-container .container{margin:0 auto;max-width:1200px;padding:0 1rem}.products-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:900px;padding-bottom:2rem;padding-left:1rem;padding-right:1rem;position:relative;text-align:center}.products-header:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:0;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.products-header h5{color:#667eea;color:var(--primary);font-size:.875rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.products-header h1{color:#333;color:var(--text-dark);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:0}.products-header p{color:#666;color:var(--text-light);font-size:1.125rem;line-height:1.6;margin-top:1.5rem}.products-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;padding:0 1rem;text-align:center}.products-btn{align-items:center;border:2px solid #0000;border-radius:0!important;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:1px;min-height:48px;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.products-btn-primary{background:#8b5cf6;border:2px solid #8b5cf6;box-shadow:0 4px 15px #8b5cf64d;color:#fff}.products-btn-primary:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:translateY(-2px)}.products-btn-outline{background:#8b5cf6;border:2px solid #8b5cf6;box-shadow:0 2px 8px #8b5cf61a;color:#fff}.products-btn-outline:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:translateY(-2px)}.products-btn-danger,.products-btn-outline,.products-btn-primary,.products-btn-secondary{align-items:center;border:2px solid #0000;border-radius:0!important;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;min-height:40px;padding:.75rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.products-btn-secondary{background:#8b5cf6;border:2px solid #8b5cf6;box-shadow:0 2px 8px #8b5cf61a;color:#fff}.products-btn-secondary:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:translateY(-2px)}.products-btn-danger{background:#8b5cf6;border:2px solid #8b5cf6;box-shadow:0 2px 8px #8b5cf61a;color:#fff}.products-btn-danger:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:translateY(-2px)}.products-btn-add-detail{align-items:center;background:#8b5cf6;border:2px solid #8b5cf6;border-radius:0!important;box-shadow:0 2px 8px #8b5cf61a;color:#fff;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;min-height:36px;padding:.5rem 1rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.products-btn-add-detail:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:translateY(-2px)}.products-btn-remove-detail{align-items:center;background:#8b5cf6;border:2px solid #8b5cf6;border-radius:0!important;box-shadow:0 2px 8px #8b5cf61a;color:#fff;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;justify-content:center;min-height:36px;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease;width:36px}.products-btn-remove-detail:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:translateY(-2px)}.qr-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.qr-modal-content{background:#fff;border-radius:0;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.qr-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom:2px solid #f1f5f9;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.qr-modal-header h3{font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:600;margin:0}.qr-modal-close-btn{align-items:center;background:#0000;border:2px solid #ffffff4d;border-radius:0;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.qr-modal-close-btn:hover{background:#fff3;border-color:#fff}.qr-modal-body{padding:2rem}.qr-error-message{background:#fee2e2;border:2px solid #fecaca;border-radius:0;color:#dc2626;font-weight:500;margin-bottom:1.5rem;padding:1rem}.qr-generate-section{padding:2rem 0;text-align:center}.qr-generate-icon{color:#8b5cf6;display:flex;justify-content:center;margin-bottom:1rem}.qr-generate-section p{color:#64748b;font-size:1.1rem;margin-bottom:2rem}.qr-generate-btn{align-items:center;background:#8b5cf6;border:2px solid #8b5cf6;border-radius:0;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;min-height:48px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.qr-generate-btn:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.qr-generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.qr-display-section{text-align:center}.qr-code-container{background:#fff;border:2px solid #e2e8f0;display:inline-block;margin-bottom:1.5rem;padding:1.5rem}.qr-code-image{display:block;height:auto;max-width:250px;width:100%}.qr-product-info{margin-bottom:2rem;text-align:left}.qr-product-info h4{color:#1e293b;font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.qr-product-price{color:#8b5cf6;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.qr-product-details{display:flex;flex-wrap:wrap;gap:.5rem}.qr-detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:0;color:#475569;font-size:.875rem;padding:.25rem .75rem}.qr-actions{display:flex;gap:1rem;justify-content:center}.qr-action-btn{align-items:center;background:#8b5cf6;border:2px solid #8b5cf6;border-radius:0;box-shadow:0 2px 8px #8b5cf61a;color:#fff;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;min-height:40px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.qr-action-btn:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.product-qr-icon{align-items:center;background:#8b5cf6e6;border:2px solid #ffffff4d;border-radius:0;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.product-qr-icon:hover{background:#7c3aed;border-color:#fff;transform:scale(1.1)}.product-card-header{margin-bottom:1rem;position:relative}.product-card-header-right{align-items:center;display:flex;gap:5px}.product-card-title{padding-right:1rem}.products-search-section{background:#fff;background:var(--bg-primary);border:1px solid #eee;border:1px solid var(--border-color);border-radius:0;box-shadow:0 4px 15px #667eea14;margin-bottom:3rem;margin-left:1rem;margin-right:1rem;padding:2rem}.products-search-bar{margin:0 auto 2rem;max-width:500px;position:relative}.products-search-input{background:#fff!important;background:var(--bg-primary)!important;border:2px solid #eee!important;border:2px solid var(--border-color)!important;border-radius:0!important;color:#333!important;color:var(--text-dark)!important;font-family:Nunito,sans-serif!important;font-size:1rem!important;font-weight:500!important;padding:1rem 1rem 1rem 3.5rem!important;transition:all .3s ease!important;width:100%}.products-search-input:focus{border-color:#667eea!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px #667eea26!important;outline:none!important;transform:translateY(-1px)!important}.products-search-input::placeholder{color:#666!important;color:var(--text-light)!important;font-weight:400!important}.products-search-icon{color:#667eea;color:var(--primary);height:20px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.products-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:600px}.products-stat-card{background:#fff;background:var(--bg-primary);border:2px solid #eee;border:2px solid var(--border-color);border-radius:0!important;box-shadow:0 4px 15px #667eea14;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.products-stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.products-stat-card:hover{border-color:#667eea;border-color:var(--primary);box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.products-stat-card:hover:before{transform:scaleX(1)}.products-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:0!important;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;transition:all .3s ease;width:60px}.products-stat-card:hover .products-stat-icon{transform:scale(1.1)}.products-stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.products-stat-label{color:#666;color:var(--text-light);font-size:.875rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-align:center;text-transform:uppercase}.products-stat-value{color:#333;color:var(--text-dark);font-size:2rem;font-weight:800;line-height:1;margin:0;text-align:center}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem;padding:0 1rem}.product-card{background:#fff;background:var(--bg-primary);border:2px solid #eee;border:2px solid var(--border-color);border-radius:0!important;box-shadow:0 4px 15px #667eea14;display:flex;flex-direction:column;font-family:Nunito,sans-serif;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.product-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.product-card:hover{border-color:#667eea;border-color:var(--primary);box-shadow:0 15px 40px #667eea33;transform:translateY(-8px)}.product-card:hover:before{transform:scaleX(1)}.product-card-body{display:flex;flex-direction:column;flex-grow:1;padding:2.5rem}.product-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.product-card-title{color:#333;color:var(--text-dark);flex:1 1;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.product-card-badge{border-radius:0!important;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase}.product-card-badge.active{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;color:var(--text-white)}.product-card-badge.inactive{background:#6b7280;border:none;color:#fff;color:var(--text-white)}.product-card-description{color:#666;color:var(--text-light);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.product-card-details{align-items:center;background:#f8f8f8;background:var(--bg-secondary);border-radius:0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.product-card-price{align-items:center;color:#667eea;color:var(--primary);display:flex;font-size:1.125rem;font-weight:700}.product-card-category{background:#667eea;background:var(--primary);border-radius:0;color:#fff;color:var(--text-white);font-size:.75rem;font-weight:600;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase}.product-card-stock{align-items:center;background:#f9fafb;border-radius:0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.product-card-stock-info{align-items:center;color:#6b7280;display:flex;font-weight:500}.product-stock-badge{border-radius:0;font-size:.75rem;font-weight:600;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase}.product-stock-badge.in-stock{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.product-stock-badge.out-of-stock{background:#ef4444;color:#fff}.products-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.product-card-image{background:#f8f9fa;border:2px solid #eee;border:2px solid var(--border-color);border-radius:0;height:150px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-image-placeholder{background:linear-gradient(135deg,#667eea0d,#764ba20d);flex-direction:column}.product-image-placeholder span{font-size:.9rem;font-weight:500;margin-top:.5rem}.image-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;right:.5rem;text-transform:uppercase;top:.5rem}.product-card-actions{align-items:center;background:#f8f8f8;background:var(--bg-secondary);border-top:2px solid #eee;border-top:2px solid var(--border-color);display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:center;min-height:60px;overflow:hidden;padding:1.5rem 2.5rem}.product-action-btn{align-items:center;background:#0000;border:2px solid #667eea;border:2px solid var(--primary);border-radius:0!important;box-shadow:0 2px 8px #667eea1a;color:#667eea;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;min-height:44px;min-width:44px;padding:.75rem 1rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.product-action-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 8px 25px #667eea66;color:#fff;color:var(--text-white);transform:translateY(-2px)}.product-action-btn.btn-success{border-color:#10b981;color:#10b981}.product-action-btn.btn-success:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;color:var(--text-white)}.product-action-btn.btn-secondary{border-color:#eee;border-color:var(--border-color);color:#333;color:var(--text-dark)}.product-action-btn.btn-secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#667eea;border-color:var(--primary);color:#fff;color:var(--text-white)}.product-action-btn.btn-outline-primary{border-color:#667eea;border-color:var(--primary);color:#667eea;color:var(--primary)}.product-action-btn.btn-outline-primary:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#667eea;border-color:var(--primary);color:#fff;color:var(--text-white)}.product-action-btn.btn-outline-danger{border-color:#ef4444;color:#ef4444}.product-action-btn.btn-outline-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;color:var(--text-white)}.products-empty-state{background:#fff;background:var(--bg-primary);border:2px dashed #eee;border:2px dashed var(--border-color);border-radius:0;margin:2rem 1rem;padding:5rem 2rem;text-align:center}.products-empty-icon{color:#666;color:var(--text-light);height:80px;margin:0 auto 2rem;width:80px}.products-empty-title{color:#333;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.products-empty-description{color:#666;color:var(--text-light);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.form-label{font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.form-input,.form-label{color:#333;color:var(--text-dark);font-family:Nunito,sans-serif}.form-input{background:#fff;background:var(--bg-primary);border:2px solid #eee;border:2px solid var(--border-color);border-radius:0!important;font-size:1rem;padding:1rem;transition:all .3s ease}.form-input:focus{border-color:#667eea;border-color:var(--primary);box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-1px)}.form-error{font-size:.875rem;font-weight:500;margin-top:.5rem}.form-checkbox{background:#fff;background:var(--bg-primary);border:2px solid #eee;border:2px solid var(--border-color);border-radius:0;cursor:pointer;height:1.25rem;width:1.25rem}.form-checkbox:checked{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#667eea;border-color:var(--primary)}.products-form{display:flex;flex-direction:column;gap:2rem}.products-form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.products-form-group{display:flex;flex-direction:column;gap:.5rem}.products-form-checkbox{align-items:center;background:#f8f8f8;background:var(--bg-secondary);border-radius:0;display:flex;gap:.75rem;padding:1rem}.form-checkbox-label{color:#333;color:var(--text-dark);cursor:pointer;font-family:Nunito,sans-serif;font-weight:500}.form-help-text{color:#666;color:var(--text-light);font-size:.875rem;font-style:italic;margin-top:.25rem}.products-form-actions{border-top:2px solid #eee;border-top:2px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem}@media (max-width:768px){.products-page-container{padding:1.5rem 0}.products-page-container .container{padding:0 .5rem}.products-header{margin-bottom:2rem;padding-bottom:1.5rem;padding-left:.5rem;padding-right:.5rem}.products-header h1{font-size:2rem}.products-actions{align-items:center;flex-direction:column;margin-bottom:2rem;padding:0 .5rem}.products-search-section{margin-bottom:2rem;margin-left:.5rem;margin-right:.5rem;padding:1.5rem}.products-stats{gap:1rem;grid-template-columns:1fr}.products-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 .5rem}.product-card-body{padding:2rem}.product-card-actions{flex-wrap:nowrap;gap:.5rem;overflow:hidden;padding:1.5rem}}@media (max-width:480px){.products-page-container{padding:1rem 0}.products-page-container .container{padding:0 .25rem}.products-header{padding-left:.25rem;padding-right:.25rem}.products-header h1{font-size:1.75rem}.products-btn{font-size:.875rem;padding:.875rem 1.5rem}.products-actions{padding:0 .25rem}.product-card-body{padding:1.5rem}.product-card-actions{flex-wrap:nowrap;gap:.5rem;overflow:hidden;padding:1rem 1.5rem}.product-card-actions .products-btn-outline{font-size:.875rem;min-width:auto;padding:.5rem .75rem}.products-search-section{margin-left:.25rem;margin-right:.25rem;padding:1rem}.products-stat-card{padding:1.5rem}.products-stat-icon{height:50px;width:50px}.products-empty-state{margin-left:.25rem;margin-right:.25rem;padding:3rem 1rem}.products-empty-icon{height:60px;width:60px}.products-grid{padding:0 .25rem}.products-form-row{gap:1.5rem;grid-template-columns:1fr}.products-form-actions{flex-direction:column;gap:1rem}.products-form-actions .products-btn{width:100%}.product-card-image{height:120px}}.product-image-upload{min-height:300px}.product-image-container{border-radius:0;height:150px;overflow:hidden}.product-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-nav-prev{left:10px}.image-nav-next{right:10px}.product-card-suppliers{background-color:#f9fafb;border-top:1px solid #eee;border-top:1px solid var(--border-color);flex-grow:1;padding:1rem}.suppliers-title{align-items:center;color:#4b5563;display:flex;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.suppliers-title svg{margin-right:.5rem}.suppliers-list{list-style:none;margin:0;max-height:100px;overflow-y:auto;padding:0}.supplier-item{align-items:center;border-bottom:1px solid #f3f4f6;border-radius:0;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem}.supplier-item:last-child{border-bottom:none}.supplier-name{color:#374151}.supplier-cost-price{align-items:center;color:#ef4444;display:flex;font-weight:600}.supplier-cost-price svg{margin-right:.25rem}.no-suppliers{color:#9ca3af;font-size:.875rem;padding:1rem 0;text-align:center}.best-price{background-color:#f0fff4}.best-price .supplier-cost-price{color:#22c55e}.best-price-star{color:#f59e0b;margin-right:.25rem}.image-upload-container{font-family:Nunito,sans-serif;width:100%}.image-upload-dropzone{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px dashed #667eea;border-radius:0;cursor:pointer;margin-bottom:1.5rem;padding:2rem;text-align:center;transition:all .3s ease}.image-upload-dropzone:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#764ba2;transform:translateY(-2px)}.image-upload-dropzone.drag-over{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#764ba2;transform:scale(1.02)}.image-upload-dropzone.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.upload-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.upload-icon{color:#667eea;margin-bottom:.5rem}.upload-text{color:#333;font-size:1.1rem;font-weight:600;margin:0}.upload-subtext{color:#666;font-size:.9rem;margin:0}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.image-item{background:#fff;border:2px solid #e5e7eb;border-radius:0;overflow:hidden;position:relative;transition:all .3s ease}.image-item:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-4px)}.image-wrapper{height:150px;overflow:hidden;position:relative;width:100%}.image-preview{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-item:hover .image-preview{transform:scale(1.05)}.primary-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;font-size:.75rem;font-weight:600;left:.5rem;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.image-actions,.primary-badge{display:flex;gap:.25rem;position:absolute;top:.5rem}.image-actions{opacity:0;right:.5rem;transition:opacity .3s ease}.image-item:hover .image-actions{opacity:1}.action-btn{background:#000000b3;border:none;border-radius:0;color:#fff;min-height:32px;min-width:32px;padding:.5rem;transition:all .3s ease}.action-btn:hover{background:#000000e6;transform:scale(1.1)}.action-btn.set-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.action-btn.set-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.action-btn.view{background:#22c55ecc}.action-btn.view:hover{background:#22c55e}.action-btn.delete{background:#ef4444cc}.action-btn.delete:hover{background:#ef4444}.image-info{background:#f9fafb;border-top:1px solid #e5e7eb;padding:.75rem}.image-name{color:#333;font-size:.9rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:#666;font-size:.8rem;margin:0}.empty-state{color:#666;padding:3rem 1rem;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:1rem}.empty-text{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.empty-subtext{color:#6b7280;font-size:.9rem;margin:0}@media (max-width:768px){.images-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-wrapper{height:120px}.image-upload-dropzone{padding:1.5rem 1rem}.upload-text{font-size:1rem}.upload-subtext{font-size:.8rem}.image-actions{opacity:1}.action-btn{min-height:28px;min-width:28px;padding:.375rem}.primary-badge{font-size:.7rem;padding:.2rem .4rem}}@media (max-width:480px){.images-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-wrapper{height:100px}.image-info{padding:.5rem}.image-name{font-size:.8rem}.image-size{font-size:.75rem}}:root{--primary:#667eea;--secondary:#764ba2;--light:#f3f4f6;--dark:#1f2937;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--text-white:#fff;--text-dark:#333;--text-light:#666;--border-color:#eee;--bg-primary:#fff;--bg-secondary:#f8f8f8}.services-page-container{background:#fff;background:var(--bg-primary);font-family:Nunito,sans-serif;min-height:100vh;padding:2rem 0}.services-page-container .container{margin:0 auto;max-width:1200px;padding:0 1rem}.services-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:900px;padding-bottom:2rem;padding-left:1rem;padding-right:1rem;position:relative;text-align:center}.services-header:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:0;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.services-header h5{color:#667eea;color:var(--primary);font-size:.875rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.services-header h1{color:#333;color:var(--text-dark);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:0}.services-header p{color:#666;color:var(--text-light);font-size:1.125rem;line-height:1.6;margin-top:1.5rem}.services-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;padding:0 1rem;text-align:center}.services-btn{border:2px solid #0000;border-radius:0!important;font-size:1rem;letter-spacing:1px;overflow:hidden;padding:1rem 2rem;position:relative}.services-btn,.services-btn-danger,.services-btn-outline,.services-btn-primary,.services-btn-secondary{align-items:center;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-weight:600;gap:.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.services-btn-danger,.services-btn-outline,.services-btn-primary,.services-btn-secondary{background:#8b5cf6;border:2px solid #8b5cf6;border-radius:0!important;box-shadow:0 2px 8px #8b5cf61a;color:#fff;font-size:.875rem;justify-content:center;letter-spacing:.5px;min-height:40px;padding:.75rem 1.5rem}.services-btn-danger:hover,.services-btn-outline:hover,.services-btn-primary:hover,.services-btn-secondary:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:translateY(-2px)}.services-btn-add-detail{align-items:center;background:#8b5cf6;border:2px solid #8b5cf6;border-radius:0!important;box-shadow:0 2px 8px #8b5cf61a;color:#fff;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;min-height:36px;padding:.5rem 1rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.services-btn-add-detail:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:translateY(-2px)}.services-btn-remove-detail{align-items:center;background:#8b5cf6;border:2px solid #8b5cf6;border-radius:0!important;box-shadow:0 2px 8px #8b5cf61a;color:#fff;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;justify-content:center;min-height:36px;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease;width:36px}.services-btn-remove-detail:hover{background:#7c3aed;border-color:#7c3aed;box-shadow:0 8px 25px #8b5cf666;color:#fff;transform:translateY(-2px)}.service-qr-icon{align-items:center;background:#8b5cf6e6;border:2px solid #ffffff4d;border-radius:0;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.service-qr-icon:hover{background:#7c3aed;border-color:#fff;transform:scale(1.1)}.service-card-header{position:relative}.service-card-header-right{align-items:center;display:flex;gap:5px}.service-card-title{flex:1 1;padding-right:1rem}.services-section{background:#0000;padding:0}.services-section.embedded{margin:0;padding:0}.services-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0}.services-section .section-header h2{color:#333;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0}.btn-primary{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important;border:none!important;border-radius:0!important;color:#fff!important;color:var(--text-white)!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:600!important;gap:.5rem!important;letter-spacing:1px!important;padding:.75rem 1.5rem!important;text-transform:uppercase!important;transition:all .3s ease!important}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d!important;transform:translateY(-2px)!important}.btn-secondary{align-items:center!important;background:#0000!important;border:2px solid #667eea!important;border:2px solid var(--primary)!important;border-radius:0!important;color:#667eea!important;color:var(--primary)!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:600!important;gap:.5rem!important;letter-spacing:1px!important;padding:.75rem 1.5rem!important;text-transform:uppercase!important;transition:all .3s ease!important}.btn-secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important;box-shadow:0 8px 25px #667eea33!important;color:#fff!important;color:var(--text-white)!important;transform:translateY(-2px)!important}.btn-edit{align-items:center!important;background:#2196f3!important;border:none!important;border-radius:0!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;gap:.25rem!important;padding:.5rem 1rem!important;transition:all .3s ease!important}.btn-edit:hover{background:#1976d2!important;transform:translateY(-1px)!important}.btn-delete{align-items:center!important;background:#f44336!important;border:none!important;border-radius:0!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;gap:.25rem!important;padding:.5rem 1rem!important;transition:all .3s ease!important}.btn-delete:hover{background:#d32f2f!important;transform:translateY(-1px)!important}.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.service-card{background:var(--bg-primary);border:2px solid #eee;border:2px solid var(--border-color);overflow:hidden;padding:1.5rem;position:relative}.service-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:#667eea;border-color:var(--primary);box-shadow:0 12px 30px #667eea26;transform:translateY(-4px)}.service-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.service-header h4{color:#333;color:var(--text-dark);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.service-status{border-radius:0;font-size:.75rem;font-weight:600;letter-spacing:1px;padding:.25rem .75rem;text-transform:uppercase}.service-status.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.service-status.inactive{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.service-details,.service-key-values{margin-bottom:1rem}.service-key-values>div{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.service-key-values>div:last-child{border-bottom:none}.service-key-values strong{color:#666;color:var(--text-light);font-weight:600;text-transform:capitalize}.service-key-values span{color:#333;color:var(--text-dark);font-weight:500}.service-aliases{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.alias-tag{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:0;color:#1976d2;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.service-actions{border-top:1px solid #eee;border-top:1px solid var(--border-color);display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.add-service-form{background:#f8f8f8!important;background:var(--bg-secondary)!important;border:2px solid #eee!important;border:2px solid var(--border-color)!important;border-radius:0!important;margin-bottom:2rem!important;padding:2rem!important}.add-service-form h3{color:#333;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.add-service-form input,.add-service-form textarea{background:#fff!important;background:var(--bg-primary)!important;border:2px solid #eee!important;border:2px solid var(--border-color)!important;border-radius:0!important;color:#333!important;color:var(--text-dark)!important;font-size:1rem!important;padding:.75rem!important;transition:border-color .3s ease!important}.add-service-form input:focus,.add-service-form textarea:focus{border-color:#667eea!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.add-service-form label{color:#333;color:var(--text-dark);display:block;font-weight:600;margin-bottom:.5rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal-content{background:var(--bg-primary);border:2px solid #eee;border:2px solid var(--border-color);border-radius:0!important}.modal-content h3{color:#333;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.services-error,.services-loading{color:#666;color:var(--text-light);font-size:1.125rem;padding:3rem 1rem;text-align:center}.services-error{background:#ffebee;border:2px solid #ffcdd2;border-radius:0;color:#f44336;margin:1rem 0}.services-section input[type=text]{background:#fff!important;background:var(--bg-primary)!important;border:2px solid #eee!important;border:2px solid var(--border-color)!important;border-radius:0!important;color:#333!important;color:var(--text-dark)!important;font-size:1rem!important;padding:.75rem 1rem!important;transition:all .3s ease!important;width:100%!important}.services-section input[type=text]:focus{border-color:#667eea!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}@media (max-width:768px){.services-page-container{padding:1rem 0}.services-header{margin-bottom:2rem;padding-left:1rem;padding-right:1rem}.services-header h1{font-size:2rem}.services-actions{align-items:center;flex-direction:column;gap:.75rem}.services-btn{justify-content:center;max-width:300px;width:100%}.services-grid{gap:1rem;grid-template-columns:1fr;padding:0 1rem}.service-card{padding:1rem}.service-header{align-items:flex-start}.service-actions,.service-header{flex-direction:column;gap:.5rem}.services-section .section-header{align-items:flex-start;flex-direction:column;gap:1rem}.services-section .section-header>div{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.modal-content{margin:1rem;width:95%}.add-service-form{padding:1rem!important}}@media (max-width:480px){.services-header h1{font-size:1.75rem}.services-header p{font-size:1rem}.service-card{padding:.75rem}.service-header h4{font-size:1.125rem}.services-btn{font-size:.875rem!important;padding:.75rem 1rem!important}.btn-primary,.btn-secondary{font-size:.75rem!important;padding:.5rem 1rem!important}}.p-4{padding:1rem}.services-search-section{margin-bottom:3rem}.services-search-bar{position:relative}.services-search-input{border:2px solid #e5e7eb!important;border-radius:0!important;font-family:Nunito,sans-serif!important;padding-left:45px!important;transition:all .3s ease}.services-search-input:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important;outline:none!important}.services-search-icon{color:#8b5cf6;height:16px;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.services-stats{display:flex;gap:1rem}.services-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:0!important;padding:1.5rem;transition:all .3s ease}.services-stat-card:hover{box-shadow:0 5px 15px #8b5cf61a;transform:translateY(-2px)}.services-stat-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:0!important;display:flex;height:48px;justify-content:center;margin-right:1rem;width:48px}.services-stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.services-stat-label{color:#6b7280;font-size:.75rem;font-weight:700;margin-bottom:.25rem;text-transform:uppercase}.services-stat-value{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background:#fff;border:1px solid #e5e7eb;border-radius:0!important;display:flex;flex-direction:column;font-family:Nunito,sans-serif;height:100%;transition:all .3s ease}.service-card:hover{border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf626;transform:translateY(-2px)}.service-card-body{flex-grow:1;padding:2rem}.service-card-image{background:#f8f9fa;border:2px solid #eee;border:2px solid var(--border-color);border-radius:0;height:150px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.service-card:hover .service-image{transform:scale(1.05)}.service-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.service-image-placeholder span{font-size:.9rem;font-weight:500;margin-top:.5rem}.service-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.service-card-title{color:#1f2937;font-weight:700;margin:0}.service-card-badge{border-radius:0!important}.service-card-badge.active{background-color:#10b981;color:#fff}.service-card-badge.inactive{background-color:#6b7280;color:#fff}.service-card-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.service-card-price{align-items:center;color:#1f2937;display:flex;font-weight:700}.service-card-category{border-radius:0!important}.service-card-aliases{margin-bottom:1rem}.service-card-aliases-label{color:#6b7280;font-size:.75rem;margin-bottom:.5rem}.service-card-aliases-list{display:flex;flex-wrap:wrap;gap:.25rem}.service-alias-tag{background:#0000;border:1px solid #8b5cf6;border-radius:0!important;color:#8b5cf6;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.service-card-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;min-height:60px;overflow:hidden;padding:1rem 1.5rem}.service-action-btn{border-radius:0!important;padding:.5rem;transition:all .3s ease}.service-action-btn:hover{transform:translateY(-1px)}.services-empty-state{padding:3rem 0;text-align:center}.services-empty-icon{color:#6b7280;height:48px;margin-bottom:1rem;width:48px}.services-empty-title{color:#6b7280;margin-bottom:.5rem}.services-empty-description{color:#6b7280;margin-bottom:1.5rem}@media (max-width:768px){.services-page-container{padding:2rem 0}.services-actions,.services-header,.services-search-section{margin-bottom:2rem}.services-stats{flex-direction:column}.services-grid{gap:1rem;grid-template-columns:1fr}.service-card-body{padding:1.5rem}.service-card-actions{flex-wrap:nowrap;gap:.5rem;overflow:hidden;padding:1rem}.service-card-actions .services-btn-outline{font-size:.875rem;min-width:auto;padding:.5rem .75rem}}@media (max-width:480px){.services-btn{font-size:.875rem;padding:.5rem 1rem}.service-card-body,.services-stat-card{padding:1rem}.services-stat-icon{height:40px;width:40px}.service-card-image{height:120px}}.modal-overlay{background:#00000080;padding:1rem}.modal-content{background:#fff;border-radius:0;box-shadow:0 20px 60px #0000004d;overflow-y:auto}.large-modal{max-width:900px!important;width:90%!important}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #eee;border-bottom:2px solid var(--border-color);color:#fff;padding:1.5rem 2rem}.modal-title{font-size:1.25rem;margin:0}.modal-close-btn{align-items:center;border-radius:0;color:#fff;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background .3s ease;width:32px}.modal-close-btn:hover{background:#fff3}.modal-body{padding:2rem}.modal-footer{background:#f8f9fa;border-top:2px solid #eee;border-top:2px solid var(--border-color);padding:1.5rem 2rem}.service-image-upload{min-height:300px}.service-image-container{border-radius:0;height:200px;overflow:hidden;position:relative;width:100%}.service-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-nav-btn{align-items:center;background:#000c;border:2px solid #ffffff4d;border-radius:0;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:.9;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:36px;z-index:10}.image-nav-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#667eea;border-color:var(--primary);opacity:1;transform:translateY(-50%) scale(1.1)}.image-nav-prev{left:8px}.image-nav-next{right:8px}.image-indicators{bottom:8px;display:flex;gap:4px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.image-indicator{background:#ffffff80;border-radius:0;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.image-indicator.active{background:#fff;transform:scale(1.2)}.image-count-badge{background:#000000b3;border-radius:0;color:#fff;font-size:.75rem;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:2}.pagination-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:1rem}.pagination-info{color:#666;color:var(--text-light);font-size:.875rem;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:1rem}.pagination-btn{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #eee;border:2px solid var(--border-color);border-radius:0;color:#333;color:var(--text-dark);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#667eea;border-color:var(--primary);color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #eee;border:2px solid var(--border-color);border-radius:0;color:#333;color:var(--text-dark);cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination-number:hover{background:#667eea;background:var(--primary);transform:translateY(-2px)}.pagination-number.active,.pagination-number:hover{border-color:#667eea;border-color:var(--primary);color:#fff}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}@media (max-width:768px){.pagination-container{margin:1rem 0}.pagination-controls{flex-direction:column;gap:.5rem}.pagination-numbers{flex-wrap:wrap;justify-content:center}}AppointmentsPage.css :root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary:#667eea;--secondary:#764ba2;--text-white:#fff;--text-black:#000;--text-gray:#6b7280;--text-dark:#1f2937;--bg-white:#fff;--bg-gray-light:#f9fafb;--bg-gray:#e5e7eb;--border-gray:#e5e7eb;--border-gray-dark:#6b7280}.appointments-section{background:var(--bg-white);font-family:Nunito,sans-serif;min-height:100vh;padding:2rem}.appointments-section.embedded{min-height:auto;padding:1rem}.appointments-header{margin-bottom:2rem;text-align:left}.appointments-header h2{border-radius:0;color:var(--text-dark);font-size:2rem;font-weight:700;margin:0 0 .5rem}.appointments-header p{border-radius:0;color:var(--text-gray);font-size:1rem;margin:0}.appointment-info-message{background:var(--bg-gray-light);border:1px solid var(--border-gray);margin-bottom:2rem;padding:1rem}.appointment-info-message,.appointment-info-message strong{border-radius:0;color:var(--text-dark)}.appointment-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.appointment-stat-card{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:0;cursor:pointer;padding:1.5rem;transition:all .3s ease}.appointment-stat-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.stat-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.stat-icon{border-radius:0;color:var(--primary)}.stat-label{color:var(--text-dark);font-weight:600}.stat-label,.stat-value{border-radius:0}.today-value{color:var(--primary)}.pending-value{color:#f59e0b}.completed-value{color:#10b981}.total-value{color:var(--secondary)}.appointment-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.appointments-btn{align-items:center;border:2px solid #0000;border-radius:0;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.appointments-btn-primary{background:var(--primary-gradient);border-color:var(--primary);box-shadow:0 4px 15px #667eea4d;color:var(--text-white)}.appointments-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:var(--secondary);box-shadow:0 8px 25px #667eea66;color:var(--text-white);transform:translateY(-2px)}.appointments-btn-secondary{background:var(--primary-gradient);border-color:var(--primary);box-shadow:0 2px 8px #667eea33;color:var(--text-white);font-size:.875rem;padding:.5rem 1rem}.appointments-btn-secondary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 15px #667eea4d;color:var(--text-white);transform:translateY(-1px)}.appointments-btn-outline{background:#0000;border-color:var(--primary);box-shadow:0 2px 8px #667eea1a;color:var(--primary)}.appointments-btn-outline:hover{background:var(--primary-gradient);box-shadow:0 8px 25px #667eea66;color:var(--text-white);transform:translateY(-2px)}.appointments-btn-danger{background:#0000;border-color:#ef4444;box-shadow:0 2px 8px #ef44441a;color:#ef4444;font-size:.875rem;padding:.5rem 1rem}.appointments-btn-danger:hover{background:#ef4444;box-shadow:0 4px 15px #ef44444d;color:var(--text-white);transform:translateY(-1px)}.appointments-action-btn{min-height:40px;min-width:40px;padding:.5rem}.appointments-retry-btn{font-size:.875rem;margin-left:1rem;padding:.5rem 1rem}.appointments-table-container{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:0;margin-bottom:2rem;overflow:hidden}.appointments-table-wrapper{max-height:310px;overflow-x:auto;overflow-y:auto;scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin}.appointments-table{border-collapse:collapse;border-radius:0;width:100%}.appointments-table-header{background:var(--bg-gray-light);border-radius:0}.appointments-table-th{color:var(--text-dark);font-weight:600;padding:1rem;text-align:left}.appointments-table-row,.appointments-table-th{border-bottom:1px solid var(--border-gray);border-radius:0}.appointments-table-row{transition:all .2s ease}.appointments-table-row:hover{background:var(--bg-gray-light)}.appointments-table-td{border-radius:0;padding:1rem;vertical-align:top}.appointment-customer-info{display:flex;flex-direction:column;gap:.25rem}.appointment-customer-name{border-radius:0;color:var(--text-dark);font-weight:600}.appointment-customer-phone{border-radius:0;color:var(--text-gray);font-size:.875rem}.appointment-datetime{display:flex;flex-direction:column;gap:.25rem}.appointment-date{border-radius:0;color:var(--text-dark);font-weight:500}.appointment-time{border-radius:0;color:var(--text-gray);font-size:.875rem}.appointment-status-badge{border-radius:0;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.appointment-status-badge.confirmed{background-color:#10b981;color:var(--text-white)}.appointment-status-badge.pending{background-color:#f59e0b;color:var(--text-white)}.appointment-status-badge.completed{background-color:var(--primary);color:var(--text-white)}.appointment-status-badge.cancelled{background-color:#ef4444;color:var(--text-white)}.appointment-table-actions{align-items:center;display:flex;gap:.5rem}.appointments-table-empty,.appointments-table-error,.appointments-table-loading{border-radius:0;padding:3rem;text-align:center}.appointments-empty-content,.appointments-error-content,.appointments-loading-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.appointments-loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--bg-gray);border:2px solid var(--bg-gray);border-radius:50%;border-top-color:var(--primary);height:20px;width:20px}.appointments-empty-icon,.appointments-error-text,.appointments-loading-text{border-radius:0;color:var(--text-gray)}.appointments-empty-icon{opacity:.5}.appointments-empty-title{border-radius:0;color:var(--text-gray);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.appointments-empty-description{border-radius:0;color:var(--text-gray);font-size:.875rem}.appointments-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.appointments-modal-content{background:var(--bg-white);border-radius:0;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.appointments-modal-large{max-width:min(1400px,calc(100vw - 2rem));width:95vw}.appointments-modal-large.sidebar-collapsed,.appointments-modal-large.sidebar-expanded{margin-left:0;transform:translateX(0)}@media (min-width:1024px){.appointments-modal-overlay{padding-left:0;padding-right:0}.appointments-modal-large.sidebar-expanded{margin-left:130px;max-width:min(1200px,calc(100vw - 260px - 4rem));width:calc(100vw - 260px - 4rem)}.appointments-modal-large.sidebar-collapsed{margin-left:40px;max-width:min(1400px,calc(100vw - 80px - 4rem));width:calc(100vw - 80px - 4rem)}.appointments-modal-overlay{z-index:1050}}.appointments-modal-header{align-items:flex-start;background:var(--primary-gradient);border-radius:0;color:var(--text-white);display:flex;justify-content:space-between;padding:1.5rem}.appointments-modal-title-section{flex:1 1}.appointments-modal-title{align-items:center;border-radius:0;color:var(--text-white);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.appointments-modal-subtitle{border-radius:0;color:var(--text-white);font-size:.875rem;margin:0;opacity:.9}.appointments-modal-close-btn{background:#0000;border:none;border-radius:0;color:var(--text-white);cursor:pointer;padding:.5rem;transition:all .2s ease}.appointments-modal-close-btn:hover{background:#ffffff1a;transform:scale(1.1)}.appointments-modal-body{background:var(--bg-gray-light);border-radius:0;flex:1 1;overflow:auto}.appointments-modal-content-wrapper{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:0;box-shadow:0 4px 6px -1px #0000001a;margin:1.5rem;padding:1.5rem}.appointment-form{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:500px}.appointment-form-group{display:flex;flex-direction:column;gap:.5rem}.appointment-form-label{border-radius:0;color:var(--text-dark);font-size:.875rem;font-weight:600}.appointment-form-input,.appointment-form-textarea{background:var(--bg-white);border:2px solid var(--border-gray);border-radius:0;color:var(--text-dark);font-family:Nunito,sans-serif;font-size:1rem;padding:.75rem;transition:all .2s ease}.appointment-form-input:focus,.appointment-form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.appointment-form-input.error,.appointment-form-textarea.error{border-color:#ef4444}.appointment-form-error{border-radius:0;color:#ef4444;font-size:.875rem;margin:0}.appointment-form-info{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:0;color:#6b7280}.appointment-form-info,.appointment-form-loading{font-size:.875rem;padding:.75rem;text-align:center}.appointment-form-loading{align-items:center;background:#eff6ff;border:2px solid #3b82f6;border-radius:0;color:#1e40af;display:flex;gap:.5rem;justify-content:center}.appointment-spinner{animation:spin .6s linear infinite;border:2px solid #3b82f6;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.appointment-form-error-box{background:#fef2f2;border:2px solid #ef4444;border-radius:0;color:#991b1b;font-size:.875rem;padding:.75rem;text-align:center}.appointment-form-hint{background:#f0fdf4;border:1px solid #86efac;border-radius:0;color:#166534;font-size:.75rem;margin-top:.25rem;padding:.5rem;text-align:center}.appointment-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.appointment-success-message{background:#dcfce7;border:1px solid #10b981;border-radius:0;margin-top:2rem;padding:1rem}.appointment-success-text{border-radius:0;color:#166534;font-size:.875rem;margin:0}.appointment-success-text strong{color:#166534}@media (max-width:768px){.appointments-section{padding:1rem}.appointments-header h2{font-size:1.5rem}.appointment-stats{gap:1rem;grid-template-columns:1fr}.appointment-stat-card{padding:1rem}.stat-value{font-size:1.5rem}.appointment-actions{flex-direction:column;gap:.75rem}.appointments-btn{justify-content:center;padding:1rem}.appointments-table-container{overflow-x:auto}.appointments-table{min-width:600px}.appointments-table-td,.appointments-table-th{font-size:.875rem;padding:.75rem .5rem}.appointment-table-actions{flex-direction:column;gap:.25rem}.appointments-action-btn{min-height:36px;min-width:36px;padding:.375rem}.appointments-modal-overlay{padding:.5rem}.appointments-modal-content{max-height:95vh}.appointments-modal-header{padding:1rem}.appointments-modal-title{font-size:1.25rem}.appointments-modal-content-wrapper{margin:1rem;padding:1rem}.appointment-form-actions{flex-direction:column}.appointments-btn{width:100%}}@media (max-width:480px){.appointments-section{box-sizing:border-box!important;margin:0 6vw!important;max-width:88vw!important;min-height:100vh!important;overflow-x:hidden!important;padding:2vw!important;width:88vw!important}.appointments-header,.appointments-stats,.appointments-table-container{box-sizing:border-box!important;margin:0!important;max-width:84vw!important;padding:2.5vw!important;width:84vw!important}.appointments-header h2{font-size:4.5vw!important;margin-bottom:1.5vw!important}.appointments-stats{gap:1.5vw!important;grid-template-columns:1fr!important;padding:0!important;width:84vw!important}.appointment-stat-card{box-sizing:border-box!important;margin:0!important;max-width:82.5vw!important;min-width:0!important;padding:2.5vw!important;width:82.5vw!important}.stat-header{margin-bottom:1.5vw!important}.stat-value{font-size:4vw!important}.appointments-action-btn,.appointments-btn{box-sizing:border-box!important;font-size:3.33vw!important;max-width:28vw!important;min-height:10vw!important;padding:2.5vw 3.5vw!important;width:auto!important}.appointments-table-container{border-radius:0!important;overflow:hidden!important}.appointments-table-container,.appointments-table-wrapper{box-sizing:border-box!important;margin:0!important;max-width:84vw!important;padding:0!important;width:84vw!important}.appointments-table-wrapper{-webkit-overflow-scrolling:touch!important;border:1px solid #e5e7eb!important;max-height:62vw!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-color:#667eea #f1f5f9!important;scrollbar-width:thin!important}.appointments-table-wrapper::-webkit-scrollbar{height:1.5vw!important;width:1.5vw!important}.appointments-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:.75vw!important}.appointments-table-wrapper::-webkit-scrollbar-thumb{background:#667eea!important;border-radius:.75vw!important}.appointments-table-wrapper::-webkit-scrollbar-thumb:hover{background:#5a67d8!important}.appointments-table{min-width:168vw!important;table-layout:fixed!important;width:168vw!important}.appointments-table-td,.appointments-table-th{font-size:2.8vw!important;max-width:28vw!important;min-width:28vw!important;overflow:hidden!important;padding:1.5vw 1vw!important;text-overflow:ellipsis!important;white-space:nowrap!important}.appointments-table-th{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.appointment-customer-name,.appointment-date{font-size:3.33vw!important}.appointment-customer-phone,.appointment-time{font-size:2.8vw!important}.appointment-status-badge{border-radius:0!important;font-size:2.5vw!important;padding:1vw 2vw!important}.appointments-modal-overlay{padding:2vw!important}.appointments-modal-content{border-radius:0!important;box-sizing:border-box!important;margin:0 auto!important;max-height:100vh!important}.appointments-modal-content,.appointments-modal-large{max-width:88vw!important;width:88vw!important}.appointments-modal-body,.appointments-modal-header{box-sizing:border-box!important;max-width:84vw!important;padding:2.5vw!important;width:84vw!important}.appointments-form-input,.appointments-form-select,.appointments-form-textarea{box-sizing:border-box!important;font-size:3.33vw!important;max-width:84vw!important;min-height:10vw!important;padding:2.5vw!important;width:100%!important}.appointments-modal-title{font-size:1.125rem}.appointments-modal-content-wrapper{margin:.5rem;padding:.75rem}.appointment-form-input,.appointment-form-textarea{font-size:.875rem;padding:.625rem}.appointment-form-label{font-size:.75rem}}.appointment-preview-container{display:flex;flex-direction:column;gap:1.5rem}.appointment-preview-section{background:var(--bg-gray-light);border:2px solid var(--border-gray);border-radius:0;padding:1.25rem}.appointment-preview-section-title{align-items:center;border-radius:0;color:var(--text-dark);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.appointment-preview-section-title svg{color:var(--primary)}.appointment-preview-details{display:flex;flex-direction:column;gap:.75rem}.appointment-preview-row{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:.5rem 0}.appointment-preview-row:last-child{border-bottom:none}.appointment-preview-label{color:var(--text-gray);font-size:.875rem;font-weight:600}.appointment-preview-value{color:var(--text-dark);font-size:.875rem;font-weight:500;text-align:right}.appointment-preview-notes{word-wrap:break-word;background:var(--bg-white);border:2px solid var(--border-gray);border-radius:0;color:var(--text-dark);font-size:.875rem;line-height:1.6;padding:1rem;white-space:pre-wrap}.appointments-modal-medium{max-width:600px;width:90%}@media (max-width:768px){.appointment-preview-row{align-items:flex-start;flex-direction:column;gap:.25rem}.appointment-preview-value{text-align:left}.appointment-preview-section{padding:1rem}.appointments-modal-medium{max-width:none;width:95%}}.modal-overlay{animation:fadeIn .3s ease-out;background-color:#0009}.modal-content{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.modal-content.large-modal{max-width:800px}.modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;padding:1.5rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#343a40;font-size:1.5rem;font-weight:600;gap:.75rem}.modal-close-btn{background:none;border:none;color:#6c757d;cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:#343a40}.modal-body{overflow-y:auto}.form-grid{grid-gap:1.5rem;gap:1.5rem}.form-section{border-bottom:1px solid #e9ecef;margin-bottom:1.5rem;padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-group.full-width{grid-column:1/-1}.form-group label{color:#495057;font-size:.9rem;margin-bottom:.5rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#adb5bd;left:.75rem;position:absolute}.input-with-icon input{border:1px solid #ced4da;border-radius:5px;font-size:1rem;padding:.75rem .75rem .75rem 2.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.input-with-icon input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.form-select{border:1px solid #ced4da;border-radius:5px;font-size:1rem;padding:.75rem;width:100%}.modal-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:1.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;font-weight:600;padding:.75rem 1.5rem}.btn-primary:disabled{background:#9ca3af}.btn-secondary{background-color:#e5e7eb;border:none;border-radius:5px;color:#374151;font-weight:600;padding:.75rem 1.5rem}.form-section-title{border-bottom:1px solid #e9ecef;color:#4b5563;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.dynamic-input-group,.form-section-title{align-items:center;display:flex;gap:.5rem}.dynamic-input-group{margin-bottom:.5rem}.btn-add-dynamic,.btn-remove-dynamic{background:none;border:none;cursor:pointer}.btn-remove-dynamic{color:#ef4444}.btn-add-dynamic{align-items:center;color:#667eea;display:flex;font-weight:600;gap:.5rem;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bill-selection-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;width:100%}.bill-selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.select-all-label{color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:500}.bill-selection-title,.select-all-label{align-items:center;display:flex;gap:.5rem}.bill-selection-title{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:1rem}.bill-selection-empty,.bill-selection-loading{color:#6b7280;font-size:.875rem;padding:1.5rem;text-align:center}.bill-list,.bill-selection-empty,.bill-selection-loading{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:0}.bill-list{max-height:200px;overflow-y:auto}.bill-item{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;padding:.75rem 1rem;transition:background-color .2s}.bill-item:last-child{border-bottom:none}.bill-item:hover{background-color:#f3f4f6}.bill-item input[type=checkbox]{accent-color:#667eea;height:18px;margin-right:1rem;width:18px}.bill-info{display:flex;flex-grow:1;font-size:.875rem;justify-content:space-between}.bill-number{color:#374151;font-weight:600}.bill-amount{color:#ef4444;font-weight:500}.bill-due-date{color:#6b7280}.bill-selection-summary{align-items:center;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:0;color:#4f46e5;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.vendor-management-page{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1.5rem}.vendor-management-page.embedded{background-color:initial;padding:0}.vendor-management-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:0 .5rem}.vendor-management-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.vendor-management-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.vendor-management-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.vendor-management-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.vendor-stats-bar{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.vendor-stat-item{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.vendor-stat-item:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.vendor-stat-icon{align-items:center;background:#fff3;display:flex;height:3rem;justify-content:center;width:3rem}.vendor-stat-icon svg{height:1.5rem;width:1.5rem}.vendor-stat-label{color:#ffffffe6;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.vendor-stat-value{display:block;font-size:2rem;font-weight:700;line-height:1}.vendor-management-search{margin-bottom:2rem;position:relative}.vendor-management-search-icon{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.vendor-management-search input{background:#fff;border:1px solid #d1d5db;border-radius:0;font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.vendor-management-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.vendor-management-content{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.vendor-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:1.5rem}.vendor-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.vendor-card:hover{border-color:#667eea;box-shadow:0 10px 20px #667eea33;transform:translateY(-4px)}.vendor-card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.vendor-name{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.vendor-category-badge{background:#eef2ff;border-radius:0;color:#4f46e5;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.vendor-card-body{flex-grow:1;padding:1.5rem}.vendor-financials{margin-bottom:1rem}.outstanding-label{color:#6b7280;font-size:.875rem}.outstanding-amount{display:block;font-size:1.75rem;font-weight:700;margin-top:.25rem}.outstanding-amount.positive{color:#ef4444}.outstanding-amount.zero{color:#10b981}.due-status{border-radius:0;display:inline-block;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.due-status.paid{background:#dcfce7;color:#166534}.due-status.no-due{background:#f3f4f6;color:#4b5563}.due-status.overdue{background:#fee2e2;color:#b91c1c}.due-status.due-today{background:#fef3c7;color:#92400e}.due-status.due{background:#e0e7ff;color:#4338ca}.vendor-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;padding:1rem 1.5rem}.vendor-management-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.vendor-management-pagination button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:0;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem 1rem}.vendor-management-pagination button:hover:not(:disabled){background:#f3f4f6}.vendor-management-pagination button:disabled{cursor:not-allowed;opacity:.5}.vendor-management-state{color:#6b7280;padding:4rem 2rem;text-align:center}.vendor-management-state.error{color:#b91c1c}@media (max-width:768px){.vendor-management-page{padding:.75rem}.vendor-management-header{align-items:stretch;flex-direction:column}}.vendor-detail-page{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:1.5rem}.vendor-detail-header{margin-bottom:2rem}.back-button{align-items:center;background:none;border:none;color:#4f46e5;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;transition:color .2s}.back-button:hover{color:#4338ca}.vendor-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.vendor-title-section h1{color:#1f2937;font-size:2.25rem;font-weight:700;margin:0}.vendor-header-actions{display:flex;gap:.75rem}.vendor-action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:0;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.vendor-action-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.vendor-workspace-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 350px}.main-panel,.sidebar-panel{display:flex;flex-direction:column;gap:1.5rem}.vendor-detail-state{color:#6b7280;padding:3rem;text-align:center}.vendor-detail-state.error{color:#b91c1c}@media (max-width:768px){.vendor-workspace-layout{grid-template-columns:1fr}}.product-catalogue-panel{background:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column}.catalogue-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.catalogue-header h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.catalogue-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{position:relative}.filter-icon{color:#9ca3af;left:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:0;font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.catalogue-body{background:#f8fafc;flex-grow:1;padding:1.5rem}.catalogue-state{color:#6b7280;padding:3rem;text-align:center}.catalogue-state.error{color:#b91c1c}.products-grid-catalogue{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.product-card-catalogue{background:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;transition:all .3s ease}.product-card-catalogue:hover{border-color:#a5b4fc;box-shadow:0 10px 20px #667eea26;transform:translateY(-4px)}.product-image-container{background:#f3f4f6;padding-top:100%;position:relative;width:100%}.product-image-catalogue{object-fit:cover}.product-image-catalogue,.product-image-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.product-image-placeholder{align-items:center;color:#9ca3af;display:flex;justify-content:center}.stock-badge{border-radius:0;color:#fff;font-size:.75rem;font-weight:600;left:.75rem;padding:.25rem .6rem;position:absolute;top:.75rem}.stock-badge.in-stock{background:linear-gradient(135deg,#10b981,#059669)}.stock-badge.out-of-stock{background:linear-gradient(135deg,#ef4444,#dc2626)}.product-info-catalogue{flex-grow:1;padding:1rem}.product-name-catalogue{color:#1f2937;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .75rem}.product-details-catalogue{align-items:center;color:#4b5563;display:flex;font-size:.875rem;justify-content:space-between}.product-price-catalogue{color:#1e293b;font-size:1.125rem;font-weight:700}.editable-field{align-items:center;display:flex;gap:.5rem}.edit-icon-btn{background:none;border:none;color:#9ca3af;cursor:pointer;opacity:0;transition:all .2s ease}.editable-field:hover .edit-icon-btn{opacity:1}.edit-icon-btn:hover{color:#667eea}.editable-cell{border-radius:0;cursor:pointer;padding:.25rem .5rem;transition:background-color .2s}.inline-edit-container{align-items:center;display:flex;gap:.5rem}.inline-edit-input{border:1px solid #a5b4fc;border-radius:0;font-size:.875rem;outline:none;padding:.3rem .5rem;width:70px}.inline-edit-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:.3rem;transition:color .2s}.inline-edit-btn.save{color:#10b981}.inline-edit-btn.save:hover{color:#059669}.inline-edit-btn.cancel{color:#ef4444}.inline-edit-btn.cancel:hover{color:#dc2626}.product-actions-catalogue{border-top:1px solid #e5e7eb;padding:1rem}.add-to-cart-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.add-to-cart-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.manage-images-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:0;color:#4b5563;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .2s ease;width:100%}.manage-images-btn:hover{background:#f3f4f6;border-color:#9ca3af}.modal-overlay-avp{align-items:center;animation:fadeIn-avp .3s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}@keyframes fadeIn-avp{0%{opacity:0}to{opacity:1}}.modal-content-avp{animation:slideIn-avp .3s ease-out;background:#fff;border-radius:0;box-shadow:0 10px 30px #0003;max-width:500px;width:90%}@keyframes slideIn-avp{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header-avp{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header-avp h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn-avp{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.5rem}.modal-body-avp{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.form-group-avp label{color:#4b5563;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group-avp input,.form-group-avp textarea{border:1px solid #d1d5db;border-radius:0;font-size:1rem;padding:.75rem;width:100%}.form-grid-avp{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.modal-footer-avp{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-primary-avp,.btn-secondary-avp{border-radius:0;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.btn-secondary-avp{background-color:#e5e7eb;border:none;color:#374151}.btn-primary-avp{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-primary-avp:disabled{background:#9ca3af;cursor:not-allowed}.cart-summary-panel{background:#fff;border:1px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;height:100%}.cart-summary-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1rem 1.5rem}.cart-summary-header h2{color:#1e293b;flex-grow:1;font-size:1.25rem;font-weight:700;margin:0}.cart-item-count{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:24px;justify-content:center;width:24px}.cart-summary-body{flex-grow:1;overflow-y:auto;padding:1rem}.cart-empty-state{color:#6b7280;padding:3rem 1rem;text-align:center}.cart-empty-state p{font-weight:600;margin-bottom:.5rem}.cart-items-list{display:flex;flex-direction:column;gap:1rem}.cart-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-bottom:1rem}.cart-item-info .cart-item-name{color:#374151;font-weight:600;margin:0}.cart-item-info .cart-item-price{color:#6b7280;font-size:.875rem;margin:0}.cart-item-actions{align-items:center;display:flex;gap:.5rem}.cart-item-actions button{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background-color .2s;width:28px}.cart-item-actions button:hover:not(:disabled){background:#e5e7eb}.cart-item-actions button:disabled{cursor:not-allowed;opacity:.5}.cart-item-actions .remove-btn{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.cart-item-actions .remove-btn:hover{background:#fecaca}.cart-item-quantity{font-weight:600}.cart-summary-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.cart-summary-total{display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between;margin-bottom:1rem}.place-order-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:0;color:#fff;cursor:pointer;font-weight:600;padding:.875rem;transition:all .2s ease;width:100%}.place-order-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.place-order-btn:disabled{background:#9ca3af;cursor:not-allowed}.payment-panel{background:#fff;border:1px solid #e5e7eb;border-radius:0}.payment-panel-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.payment-panel-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.payment-panel-actions .action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.payment-panel-actions .action-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.payment-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.summary-card{border:1px solid #e5e7eb;border-radius:0;padding:1.5rem;text-align:center}.summary-card-label{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.summary-card-value{font-size:2rem;font-weight:700;line-height:1}.summary-card-value.billed{color:#3b82f6}.summary-card-value.paid{color:#10b981}.summary-card-value.outstanding{color:#ef4444}.payment-history-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 1.5rem}.payment-history-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:-1px;padding:.75rem 1rem}.payment-history-tab.active{border-bottom-color:#4f46e5;color:#4f46e5}.payment-history-content{padding:1.5rem}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:.75rem 1rem;text-align:left}.history-table th{background:#f9fafb;color:#4b5563;font-weight:600}.history-table td{color:#374151}.history-table .amount-cell{font-weight:600}.history-table .amount-cell.paid{color:#10b981}.history-table .amount-cell.outstanding{color:#ef4444}.history-table .status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .6rem;text-transform:capitalize}.history-table .status-paid{background-color:#dcfce7;color:#166534}.history-table .status-pending{background-color:#fef3c7;color:#92400e}.history-table .status-overdue{background-color:#fee2e2;color:#b91c1c}.payment-panel-state{color:#6b7280;padding:3rem;text-align:center}.vendor-documents-panel{background-color:#fff}.documents-table-container{overflow-x:auto;width:100%}.documents-table-container table{border-collapse:collapse;font-size:.875rem;width:100%}.documents-table-container td,.documents-table-container th{border-bottom:1px solid var(--divider-color);color:#374151;padding:.75rem 1rem;text-align:left}.documents-table-container th{background-color:#f9fafb;color:#4b5563;font-size:.75rem;font-weight:600;text-transform:uppercase}.documents-table-container tbody tr:hover{background-color:#f9fafb}.file-info{align-items:center;display:flex;gap:.75rem}.file-icon{color:var(--primary-color);flex-shrink:0}.file-name{color:#1e293b;font-weight:500;max-width:300px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.file-name:hover{color:var(--primary-color);text-decoration:underline}.document-actions{gap:.5rem}.action-btn,.document-actions{align-items:center;display:flex}.action-btn{background:none;border:1px solid #0000;border-radius:50%;cursor:pointer;justify-content:center;padding:.3rem;transition:all .2s ease}.action-btn.download{color:#3b82f6}.action-btn.download:hover{background-color:#eff6ff;border-color:#dbeafe}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background-color:#fee2e2;border-color:#fecaca}.upload-form-modal-backdrop{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-form-modal-content{background-color:#fff;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:90%}.upload-form-header{align-items:center;border-bottom:1px solid var(--divider-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.upload-form-header h3{color:#1e293b;font-size:1.125rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-light);cursor:pointer}.upload-form{gap:1.25rem;overflow-y:auto;padding:1.5rem}.form-group,.upload-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select{background-color:#fff;border:1px solid var(--divider-color);font-size:.875rem;padding:.6rem .75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133;outline:2px solid #0000;outline-offset:2px}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.file-input{border:1px solid var(--divider-color);font-size:.875rem;padding:.5rem}.file-name-display{align-items:center;color:var(--text-medium);display:flex;font-size:.8rem;gap:.25rem;margin-top:.25rem}.form-actions{border-top:1px solid var(--divider-color);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.btn-secondary{background-color:#fff;border:1px solid var(--divider-color);color:var(--text-dark)}.btn-primary,.btn-secondary{cursor:pointer;padding:.5rem 1rem}.btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.invoice-number-cell{color:#1e293b;font-weight:600}.amount-cell{font-family:monospace;text-align:right}.linked-icon{color:#6b7280;margin-left:.25rem;vertical-align:middle}:root{--support-primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--support-bg-white:#fff;--support-bg-gray-50:#f9fafb;--support-bg-gray-100:#e5e7eb;--support-text-black:#000;--support-text-gray-600:#6b7280;--support-text-gray-900:#1f2937;--support-border-gray:#e5e7eb;--support-shadow:0 4px 6px -1px #0000001a;--support-shadow-lg:0 10px 15px -3px #0000001a}.support-page-container{background:#f9fafb;background:var(--support-bg-gray-50);min-height:100vh;padding:2rem}.support-page-content{margin:0 auto;max-width:1200px}.support-section{background:#fff;background:var(--support-bg-white);border-radius:0;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--support-shadow);margin-bottom:2rem;padding:2rem}.support-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--support-border-gray);margin-bottom:2rem;padding-bottom:1.5rem}.support-header-content{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.support-title-section{flex:1 1}.support-title{align-items:center;color:#000;color:var(--support-text-black);display:flex;font-family:Nunito,sans-serif;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.support-title svg{color:#667eea}.support-subtitle{color:#6b7280;color:var(--support-text-gray-600);font-family:Nunito,sans-serif;font-size:1.125rem;margin:0}.support-contact-info{display:flex;flex-direction:column;gap:.5rem}.support-contact-item{align-items:center;color:#6b7280;color:var(--support-text-gray-600);display:flex;font-family:Nunito,sans-serif;font-size:.875rem;gap:.5rem}.support-contact-item svg{color:#667eea}.support-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.support-stat-card{align-items:center;background:#fff;background:var(--support-bg-white);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);border-radius:0;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--support-shadow);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.support-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--support-shadow-lg);transform:translateY(-2px)}.support-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--support-primary-gradient);border-radius:0;color:#fff;color:var(--support-bg-white);display:flex;height:48px;justify-content:center;width:48px}.support-stat-content{flex:1 1}.support-stat-number{color:#000;color:var(--support-text-black);font-family:Nunito,sans-serif;font-size:1.875rem;font-weight:700;margin:0 0 .25rem}.support-stat-label{color:#6b7280;color:var(--support-text-gray-600);font-family:Nunito,sans-serif;font-size:.875rem;margin:0}.support-action-bar{align-items:center;background:#f9fafb;background:var(--support-bg-gray-50);border-radius:0;justify-content:space-between;margin-bottom:2rem;padding:1rem}.support-action-bar,.support-action-left{display:flex;gap:1rem}.support-action-right{align-items:center;display:flex;gap:1rem}.support-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--support-primary-gradient);border:none;border-radius:0;color:#fff;color:var(--support-bg-white);cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;transition:all .3s ease}.support-btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--support-shadow-lg);transform:translateY(-2px)}.support-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.support-btn-secondary{align-items:center;background:#fff;background:var(--support-bg-white);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);border-radius:0;color:#000;color:var(--support-text-black);cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;transition:all .3s ease}.support-btn-secondary:hover{background:#f9fafb;background:var(--support-bg-gray-50);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--support-shadow);transform:translateY(-2px)}.support-search-container{align-items:center;display:flex;position:relative}.support-search-container svg{color:#6b7280;color:var(--support-text-gray-600);left:.75rem;position:absolute;z-index:1}.support-search-input{background:#fff;background:var(--support-bg-white);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);border-radius:0;color:#000;color:var(--support-text-black);font-family:Nunito,sans-serif;font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;width:250px}.support-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.support-filter-container{align-items:center;display:flex;gap:.5rem;position:relative}.support-filter-container svg{color:#6b7280;color:var(--support-text-gray-600)}.support-filter-select{background:#fff;background:var(--support-bg-white);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);border-radius:0;color:#000;color:var(--support-text-black);cursor:pointer;font-family:Nunito,sans-serif;font-size:.875rem;min-width:120px;padding:.75rem}.support-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.support-table-container{background:#fff;background:var(--support-bg-white);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);border-radius:0;overflow:hidden}.support-table-wrapper{max-height:310px;overflow-x:auto;overflow-y:auto;scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin}.support-table{border-collapse:collapse;font-family:Nunito,sans-serif;width:100%}.support-table th{background:#f9fafb;background:var(--support-bg-gray-50);font-weight:600;text-align:left}.support-table td,.support-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--support-border-gray);color:#000;color:var(--support-text-black);font-size:.875rem;padding:1rem}.support-table tbody tr:hover{background:#f9fafb;background:var(--support-bg-gray-50)}.support-ticket-id{color:#667eea;font-family:Courier New,monospace;font-weight:600}.support-ticket-subject{display:flex;flex-direction:column;gap:.25rem}.support-subject-text{color:#000;color:var(--support-text-black);font-weight:600}.support-subject-preview{color:#6b7280;color:var(--support-text-gray-600);font-size:.75rem;font-style:italic}.support-priority-badge{border-radius:0;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.support-priority-low{background:#e5e7eb;background:var(--support-bg-gray-100);color:#6b7280;color:var(--support-text-gray-600)}.support-priority-high,.support-priority-medium,.support-priority-urgent{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--support-primary-gradient);color:#fff;color:var(--support-bg-white)}.support-status-badge{border-radius:0;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.support-status-in-progress,.support-status-open{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--support-primary-gradient);color:#fff;color:var(--support-bg-white)}.support-status-closed,.support-status-resolved{background:#e5e7eb;background:var(--support-bg-gray-100);color:#6b7280;color:var(--support-text-gray-600)}.support-date-info{display:flex;flex-direction:column;gap:.125rem}.support-date{color:#000;color:var(--support-text-black);font-weight:600}.support-time{color:#6b7280;color:var(--support-text-gray-600);font-size:.75rem}.support-actions{display:flex;gap:.5rem}.support-action-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:all .3s ease}.support-btn-view{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--support-primary-gradient);color:#fff;color:var(--support-bg-white)}.support-btn-view:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--support-shadow);transform:translateY(-2px)}.support-empty-state,.support-error-state,.support-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.support-empty-state p,.support-error-state p,.support-loading-state p{color:#6b7280;color:var(--support-text-gray-600);font-family:Nunito,sans-serif;font-size:1rem;margin:1rem 0}.support-empty-state h3,.support-error-state h3{color:#000;color:var(--support-text-black);font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.support-empty-state svg,.support-error-state svg{color:#6b7280;color:var(--support-text-gray-600);margin-bottom:1rem}.support-loading-spinner{animation:support-spin 1s linear infinite;border:4px solid #e5e7eb;border:4px solid var(--support-bg-gray-100);border-radius:50%;border-top:4px solid #667eea;height:48px;margin-bottom:1rem;width:48px}@keyframes support-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.support-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1050}.support-modal-content{background:#fff;background:var(--support-bg-white);border-radius:0;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--support-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.support-modal-large{height:600px;max-width:800px}.support-modal-content.sidebar-collapsed,.support-modal-content.sidebar-expanded{margin-left:0;transform:translateX(0)}@media (min-width:1024px){.support-modal-overlay{padding-left:0;padding-right:0}.support-modal-content.sidebar-expanded{margin-left:130px;max-width:min(600px,calc(100vw - 260px - 4rem));width:calc(100vw - 260px - 4rem)}.support-modal-content.sidebar-collapsed{margin-left:40px;max-width:min(600px,calc(100vw - 80px - 4rem));width:calc(100vw - 80px - 4rem)}.support-modal-large.sidebar-expanded{margin-left:130px;max-width:min(800px,calc(100vw - 260px - 4rem));width:calc(100vw - 260px - 4rem)}.support-modal-large.sidebar-collapsed{margin-left:40px;max-width:min(800px,calc(100vw - 80px - 4rem));width:calc(100vw - 80px - 4rem)}}.support-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--support-border-gray);display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.support-modal-title-section{flex:1 1}.support-modal-title{align-items:center;color:#000;color:var(--support-text-black);display:flex;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.support-modal-title svg{color:#667eea}.support-modal-subtitle{color:#6b7280;color:var(--support-text-gray-600);font-family:Nunito,sans-serif;font-size:1rem;margin:0}.support-modal-close-btn{align-items:center;background:none;border:none;border-radius:0;color:#6b7280;color:var(--support-text-gray-600);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.support-modal-close-btn:hover{background:#f9fafb;background:var(--support-bg-gray-50);color:#000;color:var(--support-text-black)}.support-modal-body{flex:1 1;overflow-y:auto;padding:2rem}.support-form{gap:1.5rem}.support-form,.support-form-group{display:flex;flex-direction:column}.support-form-group{gap:.5rem}.support-form-label{font-weight:600}.support-form-input,.support-form-label,.support-form-select,.support-form-textarea{color:#000;color:var(--support-text-black);font-family:Nunito,sans-serif;font-size:.875rem}.support-form-input,.support-form-select,.support-form-textarea{background:#fff;background:var(--support-bg-white);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);border-radius:0;padding:.75rem;transition:all .3s ease}.support-form-input:focus,.support-form-select:focus,.support-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.support-form-textarea{min-height:120px;resize:vertical}.support-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.support-chat-body{display:flex;flex-direction:column;height:500px}.support-ticket-info{background:#f9fafb;background:var(--support-bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);border-radius:0;margin-bottom:1rem;padding:1rem}.support-ticket-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.support-meta-item{align-items:center;display:flex;font-family:Nunito,sans-serif;font-size:.875rem;gap:.5rem}.support-meta-item strong{color:#000;color:var(--support-text-black)}.support-messages-container{background:#f9fafb;background:var(--support-bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);border-radius:0;flex:1 1;margin-bottom:1rem;overflow-y:auto;padding:1rem}.support-message{display:flex;margin-bottom:1rem}.support-message-client{justify-content:flex-end}.support-message-admin{justify-content:flex-start}.support-message-content{border-radius:0;max-width:70%;padding:.75rem}.support-message-client .support-message-content{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--support-primary-gradient);color:#fff;color:var(--support-bg-white)}.support-message-admin .support-message-content{background:#fff;background:var(--support-bg-white);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);color:#000;color:var(--support-text-black)}.support-message-header{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.5rem}.support-message-sender{font-weight:600}.support-message-time{opacity:.8}.support-message-text{font-family:Nunito,sans-serif;font-size:.875rem;line-height:1.5}.support-no-messages{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.support-no-messages svg{color:#6b7280;color:var(--support-text-gray-600);margin-bottom:1rem}.support-no-messages h3{color:#000;color:var(--support-text-black);font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.support-no-messages p{color:#6b7280;color:var(--support-text-gray-600);font-family:Nunito,sans-serif;font-size:.875rem;margin:0}.support-message-input-container{margin-top:auto}.support-message-input-wrapper{display:flex;gap:.75rem}.support-message-input{background:#fff;background:var(--support-bg-white);border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);border-radius:0;color:#000;color:var(--support-text-black);flex:1 1;font-family:Nunito,sans-serif;font-size:.875rem;padding:.75rem}.support-message-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.support-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--support-primary-gradient);border:none;border-radius:0;color:#fff;color:var(--support-bg-white);cursor:pointer;display:flex;justify-content:center;min-width:80px;padding:.75rem 1rem;transition:all .3s ease}.support-send-btn:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--support-shadow);transform:translateY(-2px)}.support-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.support-page-container{padding:1rem}.support-section{margin-bottom:1rem;padding:1rem}.support-header-content{flex-direction:column;gap:1rem}.support-title{font-size:1.5rem}.support-subtitle{font-size:1rem}.support-stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.support-stat-card{flex-direction:column;padding:1rem;text-align:center}.support-stat-icon{height:40px;width:40px}.support-stat-number{font-size:1.5rem}.support-action-bar{align-items:stretch;flex-direction:column;gap:1rem}.support-action-left,.support-action-right{flex-direction:column;gap:.75rem}.support-filter-select,.support-search-input{width:100%}.support-btn-primary,.support-btn-secondary{justify-content:center;width:100%}.support-table-container{overflow-x:auto}.support-table{min-width:600px}.support-table td,.support-table th{font-size:.75rem;padding:.75rem .5rem}.support-ticket-subject{min-width:150px}.support-subject-preview{display:none}.support-modal-overlay{padding:.5rem}.support-modal-content{margin:0!important;max-height:95vh;max-width:100%!important;width:100%!important}.support-modal-header{padding:1rem}.support-modal-title{font-size:1.25rem}.support-modal-body{padding:1rem}.support-form-actions{flex-direction:column;gap:.75rem}.support-form-actions button{width:100%}.support-chat-body{height:400px}.support-ticket-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.support-message-content{max-width:85%}.support-message-input-wrapper{flex-direction:column;gap:.5rem}.support-send-btn{width:100%}}@media (max-width:480px){.support-page-container{box-sizing:border-box!important;margin:0 6vw!important;max-width:88vw!important;min-height:100vh!important;overflow-x:hidden!important;padding:2vw!important;width:88vw!important}.support-section,.support-stats-grid,.support-table-container{box-sizing:border-box!important;margin:0!important;max-width:84vw!important;padding:2.5vw!important;width:84vw!important}.support-title{font-size:4.5vw!important;margin-bottom:1.5vw!important}.support-stats-grid{gap:1.5vw!important;grid-template-columns:1fr!important;padding:0!important;width:84vw!important}.support-stat-card{box-sizing:border-box!important;margin:0!important;max-width:82.5vw!important;min-width:0!important;padding:2.5vw!important;width:82.5vw!important}.support-table-container{border-radius:0!important;overflow:hidden!important}.support-table-container,.support-table-wrapper{box-sizing:border-box!important;margin:0!important;max-width:84vw!important;padding:0!important;width:84vw!important}.support-table-wrapper{-webkit-overflow-scrolling:touch!important;border:1px solid #e5e7eb!important;max-height:62vw!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-color:#667eea #f1f5f9!important;scrollbar-width:thin!important}.support-table-wrapper::-webkit-scrollbar{height:1.5vw!important;width:1.5vw!important}.support-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:.75vw!important}.support-table-wrapper::-webkit-scrollbar-thumb{background:#667eea!important;border-radius:.75vw!important}.support-table-wrapper::-webkit-scrollbar-thumb:hover{background:#5a67d8!important}.support-table{min-width:168vw!important;table-layout:fixed!important;width:168vw!important}.support-table td,.support-table th{font-size:2.8vw!important;max-width:28vw!important;min-width:28vw!important;overflow:hidden!important;padding:1.5vw 1vw!important;text-overflow:ellipsis!important;white-space:nowrap!important}.support-table th{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.support-priority-badge,.support-status-badge{border-radius:0!important;font-size:2.5vw!important;padding:1vw 2vw!important}.support-action-btn,.support-btn,.support-send-btn{box-sizing:border-box!important;font-size:3.33vw!important;max-width:28vw!important;min-height:10vw!important;padding:2.5vw 3.5vw!important;width:auto!important}.support-form-input,.support-form-select,.support-form-textarea{box-sizing:border-box!important;font-size:3.33vw!important;max-width:84vw!important;min-height:10vw!important;padding:2.5vw!important;width:100%!important}.support-modal-body,.support-modal-header{box-sizing:border-box!important;max-width:84vw!important;padding:2.5vw!important;width:84vw!important}.support-form-group{box-sizing:border-box!important;gap:1.5vw!important;width:100%!important}.support-chat-body{height:350px}.support-messages-container{padding:.75rem}.support-message-content{max-width:90%;padding:.5rem}.support-message-header{font-size:.7rem}.support-message-text{font-size:.8rem}}@media (min-width:1024px){.support-modal-overlay{z-index:1050}}@media print{.support-action-bar,.support-modal-overlay{display:none!important}.support-section{border:1px solid #e5e7eb;border:1px solid var(--support-border-gray);box-shadow:none}.support-table{font-size:.75rem}.support-action-btn,.support-btn-primary,.support-btn-secondary{display:none}}.billing-page{background-color:#f9fafb;box-sizing:border-box;font-family:Nunito,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:2rem;width:100%}.billing-embedded{background-color:initial;min-height:auto;padding:1.5rem}.billing-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;box-shadow:0 4px 12px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem}.billing-title{align-items:center;display:flex;gap:1rem}.billing-title-icon{color:#fff;height:32px;width:32px}.billing-title h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.billing-title p{color:#ffffffe6;font-size:1.1rem;font-weight:400;margin:.5rem 0 0}.billing-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.billing-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.billing-stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.billing-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.billing-stat-icon-svg{color:#fff;height:24px;width:24px}.billing-stat-content{display:flex;flex-direction:column;gap:.25rem}.billing-stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.billing-stat-value{color:#1f2937;font-size:1.5rem;font-weight:700}.billing-status{text-transform:capitalize}.billing-status.active{color:#1f2937}.billing-status.free{color:#6b7280}.billing-section{margin-bottom:2rem}.billing-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.billing-section-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.billing-current-plan{margin-bottom:2rem}.billing-plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 4px 12px #0000001a;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.billing-plan-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.billing-plan-card.billing-current{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea}.billing-plan-card.billing-popular{border:2px solid #667eea;position:relative}.billing-popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;font-size:.75rem;font-weight:600;left:50%;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.billing-plan-header{margin-bottom:1.5rem;text-align:center}.billing-plan-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.billing-plan-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.billing-credit-display{margin-bottom:1rem}.billing-credit-amount{color:#1f2937;display:block;font-size:2.5rem;font-weight:800;line-height:1}.billing-credit-label{color:#6b7280;display:block;font-size:.875rem;font-weight:500;margin-top:.25rem}.billing-pricing{margin-bottom:1rem}.billing-price{color:#667eea;font-size:1.5rem;font-weight:700}.billing-plan-description{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.billing-plan-expired{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:0;color:#1f2937;display:flex;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem}.billing-plan-features{margin-bottom:1.5rem}.billing-feature{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.billing-feature-icon{color:#667eea;flex-shrink:0;height:20px;width:20px}.billing-feature span{color:#1f2937;font-size:.875rem;font-weight:500}.billing-plan-expiry{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding-top:1rem}.billing-available-plans{margin-bottom:2rem}.billing-available-plans h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.billing-plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.billing-plan-action{margin-top:1.5rem}.billing-btn{align-items:center;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.billing-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:100%}.billing-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.billing-btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#1f2937}.billing-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.billing-btn-current{background:#1f2937;color:#fff;cursor:default;width:100%}.billing-btn-disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed;width:100%}.billing-btn-disabled:hover{background:#e5e7eb;box-shadow:none;transform:none}.billing-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.billing-search{min-width:250px;position:relative}.billing-search-icon{color:#6b7280;height:16px;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);width:16px}.billing-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-sizing:border-box;color:#1f2937;font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;width:100%}.billing-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.billing-filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:0;color:#1f2937;cursor:pointer;font-size:.875rem;min-width:120px;padding:.75rem}.billing-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.billing-payment-history{margin-bottom:2rem}.billing-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 8px #0000001a;max-height:310px;max-width:100%;overflow-x:auto;overflow-y:auto;scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin;width:100%}.billing-table{border-collapse:collapse;font-size:.875rem;min-width:800px;width:100%}.billing-table-head{background:#f9fafb}.billing-table-row{border-bottom:1px solid #e5e7eb}.billing-table-row:hover{background:#f9fafb}.billing-table-th{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.billing-table-td{color:#1f2937;padding:1rem;vertical-align:middle}.billing-payment-date,.billing-payment-plan{align-items:center;display:flex;gap:.5rem}.billing-payment-date svg,.billing-payment-plan svg{color:#6b7280;height:16px;width:16px}.billing-payment-amount{color:#1f2937;font-weight:600}.billing-payment-status{align-items:center;border-radius:0;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.billing-status-paid{background:#10b9811a;border:1px solid #10b98133;color:#1f2937}.billing-status-pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#1f2937}.billing-status-failed{background:#ef44441a;border:1px solid #ef444433;color:#1f2937}.billing-payment-id{color:#6b7280;font-family:Courier New,monospace;font-size:.75rem}.billing-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.billing-action-btn{align-items:center;background:#f9fafb;border:none;border-radius:0;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.billing-action-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.billing-empty{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 8px #0000001a;padding:3rem 2rem;text-align:center}.billing-empty-icon{color:#d1d5db;height:64px;margin:0 auto 1.5rem;width:64px}.billing-empty-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.billing-empty-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.billing-empty-action{margin:0 auto;max-width:200px}.billing-upgrade-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.billing-cta-content{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:500px}.billing-cta-icon{color:#fff;height:48px;width:48px}.billing-cta-text h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.billing-cta-text p{color:#ffffffe6;font-size:1rem;margin:.5rem 0 0}.billing-upgrade-cta .billing-btn{background:#fff;color:#667eea;max-width:200px}.billing-upgrade-cta .billing-btn:hover{background:#f9fafb;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.billing-upgrade-cta .billing-btn-disabled{background:#ffffff4d;color:#ffffffb3}.billing-loading{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;justify-content:center;padding:3rem 2rem}.billing-loading-spinner{animation:billing-spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:24px;width:24px}@keyframes billing-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.billing-loading span{color:#6b7280;font-size:.875rem}.billing-modal-sidebar-expanded{margin-left:130px!important;width:calc(100vw - 260px - 4rem)!important}.billing-modal-sidebar-collapsed{margin-left:40px!important;width:calc(100vw - 80px - 4rem)!important}@media (min-width:769px){.billing-page{padding:2rem}.billing-embedded{padding:1.5rem}.billing-stats{grid-template-columns:repeat(4,1fr)}.billing-plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.billing-actions{justify-content:flex-end}}@media (max-width:768px){.billing-page{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:1rem;width:100%}.billing-embedded{padding:1rem}.billing-header{margin-bottom:1.5rem;padding:1.5rem}.billing-title{flex-direction:column;gap:.5rem;text-align:center}.billing-title h1{font-size:1.75rem}.billing-title p{font-size:1rem}.billing-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.billing-stat-card{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.billing-stat-icon{margin:0 auto}.billing-plans-grid{gap:1rem;grid-template-columns:1fr}.billing-plan-card{padding:1.5rem}.billing-section-header{align-items:flex-start;flex-direction:column;gap:1rem}.billing-filters{flex-direction:column;gap:.75rem;width:100%}.billing-search{min-width:auto;width:100%}.billing-btn-secondary,.billing-filter-select{width:100%}.billing-table{min-width:700px}.billing-table-td,.billing-table-th{font-size:.75rem;padding:.75rem .5rem}.billing-actions{flex-direction:column;gap:.25rem}.billing-action-btn{height:28px;width:28px}.billing-modal-sidebar-collapsed,.billing-modal-sidebar-expanded{left:1rem!important;margin-left:0!important;right:1rem!important;width:calc(100vw - 2rem)!important}.billing-cta-content{gap:.75rem}.billing-cta-text h3{font-size:1.25rem}.billing-upgrade-cta .billing-btn{max-width:none;width:100%}}@media (max-width:480px){.billing-page{margin:0 6vw!important;min-height:100vh!important}.billing-embedded,.billing-page{box-sizing:border-box!important;max-width:88vw!important;overflow-x:hidden!important;padding:2vw!important;width:88vw!important}.billing-embedded{margin:0 auto!important}.billing-header,.billing-plan-card,.billing-stats,.billing-table-container{box-sizing:border-box!important;margin:0!important;max-width:84vw!important;padding:2.5vw!important;width:84vw!important}.billing-title h1{font-size:4.5vw!important;margin-bottom:1.5vw!important}.billing-title p{font-size:3.33vw!important}.billing-stats{gap:1.5vw!important;grid-template-columns:1fr!important;padding:0!important;width:84vw!important}.billing-stat-card{box-sizing:border-box!important;margin:0!important;max-width:82.5vw!important;min-width:0!important;padding:2.5vw!important;width:82.5vw!important}.billing-stat-value{font-size:4vw!important}.billing-plan-card{max-width:84vw!important;padding:2.5vw!important;width:84vw!important}.billing-credit-amount{font-size:6vw!important}.billing-plan-header h3{font-size:4vw!important}.billing-table-container{border-radius:0!important;overflow:hidden!important}.billing-table-container,.billing-table-wrapper{box-sizing:border-box!important;margin:0!important;max-width:84vw!important;padding:0!important;width:84vw!important}.billing-table-wrapper{-webkit-overflow-scrolling:touch!important;border:1px solid #e5e7eb!important;max-height:62vw!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-color:#667eea #f1f5f9!important;scrollbar-width:thin!important}.billing-table-wrapper::-webkit-scrollbar{height:1.5vw!important;width:1.5vw!important}.billing-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:.75vw!important}.billing-table-wrapper::-webkit-scrollbar-thumb{background:#667eea!important;border-radius:.75vw!important}.billing-table-wrapper::-webkit-scrollbar-thumb:hover{background:#5a67d8!important}.billing-table{min-width:168vw!important;table-layout:fixed!important;width:168vw!important}.billing-table-td,.billing-table-th{font-size:2.8vw!important;max-width:28vw!important;min-width:28vw!important;overflow:hidden!important;padding:1.5vw 1vw!important;text-overflow:ellipsis!important;white-space:nowrap!important}.billing-table-th{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.billing-action-btn,.billing-btn,.billing-plan-btn,.billing-upgrade-btn{box-sizing:border-box!important;font-size:3.33vw!important;max-width:42vw!important;min-height:10vw!important;padding:2.5vw 3.5vw!important;width:auto!important}.billing-form-input,.billing-form-select{box-sizing:border-box!important;font-size:3.33vw!important;max-width:84vw!important;min-height:10vw!important;padding:2.5vw!important;width:100%!important}.billing-modal-sidebar-collapsed,.billing-modal-sidebar-expanded{left:6vw!important;margin:0 auto!important;right:6vw!important;width:88vw!important}.billing-empty{max-width:84vw!important;padding:4vw 2vw!important;width:84vw!important}.billing-empty-icon{height:12vw!important;width:12vw!important}.billing-empty-title{font-size:4vw!important}.billing-upgrade-cta{box-sizing:border-box!important;max-width:84vw!important;padding:3vw!important;width:84vw!important}}@media (max-width:375px){.billing-embedded,.billing-page{padding:.5rem}.billing-header{padding:.75rem}.billing-title h1{font-size:1.375rem}.billing-title-icon{height:28px;width:28px}.billing-stat-card{padding:.75rem}.billing-stat-icon{height:40px;width:40px}.billing-stat-icon-svg{height:20px;width:20px}.billing-plan-card{padding:.75rem}.billing-plan-icon{height:48px;width:48px}.billing-credit-amount{font-size:1.75rem}.billing-table{min-width:550px}.billing-table-td,.billing-table-th{font-size:.75rem;padding:.375rem .25rem}.billing-modal-sidebar-collapsed,.billing-modal-sidebar-expanded{left:.375rem!important;right:.375rem!important;width:calc(100vw - .75rem)!important}}@media (max-width:320px){.billing-embedded,.billing-page{padding:.25rem}.billing-title{align-items:flex-start;flex-direction:column;gap:.25rem}.billing-title h1{font-size:1.25rem}.billing-title-icon{height:24px;width:24px}.billing-stat-icon{height:36px;width:36px}.billing-stat-icon-svg{height:18px;width:18px}.billing-stat-value{font-size:1rem}.billing-table{min-width:500px}.billing-modal-sidebar-collapsed,.billing-modal-sidebar-expanded{left:.25rem!important;right:.25rem!important;width:calc(100vw - .5rem)!important}.billing-empty{padding:1.5rem .75rem}.billing-empty-icon{height:40px;width:40px}.billing-empty-title{font-size:1rem}.billing-upgrade-cta{padding:1rem}.billing-cta-icon{height:40px;width:40px}.billing-cta-text h3{font-size:1.125rem}}@media print{.billing-action-btn,.billing-actions,.billing-btn,.billing-filters,.billing-header,.billing-upgrade-cta{display:none!important}.billing-page{background:#fff!important;box-shadow:none!important;padding:0!important}.billing-plan-card,.billing-stat-card,.billing-table-wrapper{border:1px solid #000!important;box-shadow:none!important}.billing-table-th{background:#f0f0f0!important;-webkit-print-color-adjust:exact}.billing-payment-status{background:#0000!important;border:1px solid #000!important;color:#000!important}}.inventory-page{height:100%;min-height:calc(100vh - 80px);position:relative;width:100%}.inventory-coming-soon-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.inventory-coming-soon-content{background:#fff;border-radius:0;box-shadow:0 10px 40px #0003;max-width:600px;padding:60px 40px;text-align:center}.inventory-coming-soon-icon{animation:inventory-float 3s ease-in-out infinite;font-size:80px;margin-bottom:20px}@keyframes inventory-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.inventory-coming-soon-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:36px;font-weight:700;margin-bottom:20px}.inventory-coming-soon-message{color:#4a5568;font-size:20px;font-weight:500;line-height:1.6;margin-bottom:40px}.inventory-coming-soon-features{border-top:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px;padding-top:40px}.inventory-feature-item{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:0;display:flex;flex-direction:column;gap:10px;min-width:140px;padding:20px;transition:all .3s ease}.inventory-feature-item:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-5px)}.inventory-feature-icon{font-size:32px}.inventory-feature-item span:last-child{color:#2d3748;font-size:14px;font-weight:600;text-align:center}@media (max-width:768px){.inventory-coming-soon-content{padding:40px 30px}.inventory-coming-soon-title{font-size:28px}.inventory-coming-soon-message{font-size:18px}.inventory-coming-soon-features{gap:20px}.inventory-feature-item{min-width:120px;padding:15px}}@media (max-width:480px){.inventory-coming-soon-content{padding:30px 20px}.inventory-coming-soon-icon{font-size:60px}.inventory-coming-soon-title{font-size:24px}.inventory-coming-soon-message{font-size:16px}.inventory-coming-soon-features{flex-direction:column;gap:15px}.inventory-feature-item{width:100%}}@media (min-width:1024px){.mobile-hamburger-menu{display:none!important}}.mobile-hamburger-menu{background:var(--primary-gradient);border:1px solid #a855f7;border:1px solid var(--accent-purple-end);box-shadow:0 4px 10px #8b5cf633;transition:all .3s ease}.mobile-hamburger-menu svg{color:#fff;transition:all .3s ease}.mobile-hamburger-menu:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 15px #fff3}.mobile-hamburger-menu:hover svg{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;transform:rotate(90deg)}:root{--dashboard-bg:var(--bg-secondary);--card-bg:var(--bg-primary);--text-primary:var(--text-dark);--text-secondary:var(--text-light);--border-color:#f1f5f9;--accent-purple-start:#8b5cf6;--accent-purple-end:#a855f7;--accent-violet:#8b5cf6;--font-sans:"Nunito",sans-serif;--shadow-light:var(--shadow-sm);--shadow-hover:var(--shadow-md)}.dashboard-page{background-color:var(--bg-secondary);border-radius:0;color:var(--text-dark);font-family:Nunito,sans-serif;font-family:var(--font-sans);padding:20px}.chart-wrapper{overflow-x:auto;overflow-y:hidden;width:100%}.dashboard-page .btn-primary{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))!important;border:none!important;color:#fff!important}.dashboard-page .btn-primary:hover{box-shadow:0 5px 15px #8b5cf64d;transform:translateY(-2px)}.dashboard-page,.dashboard-page *{font-family:Nunito,sans-serif!important}.dashboard-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color);border-radius:0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h1{border-radius:0;color:var(--text-dark);color:var(--text-primary);font-size:1.75rem;font-weight:800}.dashboard-header p{border-radius:0;color:var(--text-light);color:var(--text-secondary);font-size:1rem;margin-top:.25rem}.btn-outline.btn-violet{align-items:center;border:1px solid var(--accent-purple);border-radius:0;color:var(--accent-purple);display:flex;padding:.5rem 1rem;transition:background-color .3s,color .3s,border-color .3s}.btn-outline.btn-violet:hover{background-color:var(--accent-purple);border-color:var(--accent-purple);border-radius:0;color:#fff}.btn-outline.btn-violet .icon{align-items:center;background:linear-gradient(90deg,#8b5cf6,#a855f7);background:linear-gradient(to right,var(--accent-purple-start),var(--accent-purple-end));border-radius:0;color:#fff;display:flex;height:1rem;justify-content:center;margin-right:.5rem;width:1rem}.dashboard-grid{grid-gap:1.5rem;border-radius:0;display:grid;gap:1.5rem;grid-template-columns:repeat(12,1fr)}.dashboard-card{background-color:#fff;border:1px solid var(--divider-color);border-radius:0!important;box-shadow:0 1px 3px #00000005;min-width:0;overflow:hidden;padding:1.5rem;transition:all .3s ease}.dashboard-card:hover{border-color:var(--accent-purple);border-radius:0;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.card-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color);border-radius:0}.card-title{align-items:center;border-radius:0;color:var(--text-dark);color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:700}.card-title .icon{border-radius:0;color:var(--accent-purple);height:1.25rem;margin-right:.75rem;width:1.25rem}.section-title-accent{padding-bottom:.5rem;position:relative}.section-title-accent:before{background:var(--primary-gradient);bottom:0;content:"";height:3px;left:0;max-width:150px;position:absolute;right:0}.section-title-accent:after{animation:section-title-run 5s linear infinite;background:#fff;bottom:0;content:"";height:3px;left:0;position:absolute;width:6px}@keyframes section-title-run{0%{left:0}50%{left:calc(min(145px, 100% - 6px))}to{left:0}}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}.stat-card,.stat-card-icon{align-items:center;display:flex}.stat-card-icon{background:linear-gradient(90deg,#8b5cf6,#a855f7);background:linear-gradient(to right,var(--accent-purple-start),var(--accent-purple-end));border-radius:0!important;color:#fff;flex-shrink:0;height:50px;justify-content:center;margin-right:1rem;width:50px}.stat-card-info{min-width:0}.stat-card-info dt{border-radius:0;color:var(--text-light);color:var(--text-secondary);font-size:.9rem}.stat-card-info dd{border-radius:0;color:var(--text-dark);color:var(--text-primary);font-size:1.75rem;font-weight:700}.stat-card-info dd,.stat-card-info span{word-break:break-word}.quick-actions-grid{grid-gap:1rem;border-radius:0;display:grid;gap:1rem;grid-template-columns:1fr}.quick-action-link{align-items:center;border:1px solid #f1f5f9;border:1px solid var(--border-color);border-radius:0;display:flex;padding:1rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quick-action-link:hover{border-color:var(--accent-purple);border-radius:0;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-3px)}.quick-action-icon{align-items:center;background:linear-gradient(90deg,#8b5cf6,#a855f7);background:linear-gradient(to right,var(--accent-purple-start),var(--accent-purple-end));border-radius:0;color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;margin-right:1rem;width:2.5rem}.quick-action-text h3{border-radius:0;color:var(--text-dark);color:var(--text-primary);font-size:.875rem;font-weight:600}.quick-action-text p{border-radius:0;color:var(--text-light);color:var(--text-secondary);font-size:.75rem}.weekly-availability-overview{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.availability-tile{background-color:var(--card-background);border-radius:0;box-shadow:var(--shadow-sm);box-shadow:var(--shadow-light);padding:15px;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.availability-tile:hover{box-shadow:var(--shadow-md);box-shadow:var(--shadow-hover);transform:translateY(-5px)}@media (max-width:1024px){.col-span-4,.col-span-6,.col-span-8{border-radius:0;grid-column:span 12}}@media (max-width:768px){.col-span-3{border-radius:0;grid-column:span 6}.dashboard-page{border-radius:0;padding:10px}}@media (max-width:500px){.col-span-3,.col-span-6{border-radius:0;grid-column:span 12}}.weekly-availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.summary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.dashboard-layout{display:grid;min-height:100vh;transition:grid-template-columns .3s ease}.dashboard-layout,.dashboard-layout.sidebar-collapsed{grid-template-columns:auto 1fr}.main-content{overflow-x:auto;width:100%}@media (max-width:1023px){.dashboard-layout{grid-template-columns:1fr}.main-content{overflow-x:auto}}.vertical-sidebar{background-color:var(--bg-primary);border-radius:0;border-right:1px solid var(--border-color);box-shadow:var(--shadow-md);font-family:var(--font-sans);overflow:hidden;position:relative;transition:all .3s ease}.vertical-sidebar.collapsed{box-shadow:var(--shadow-sm);width:80px}.vertical-sidebar.expanded{width:280px}.sidebar-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-sm);min-height:64px;overflow:hidden;padding:0;position:relative}.vertical-sidebar.collapsed .sidebar-header{min-height:80px;padding:8px 0}.sidebar-logo{align-items:center;background-color:initial;border-radius:0;box-shadow:none;display:flex;justify-content:center;overflow:hidden;padding:4px 8px;position:relative;transition:all .3s ease}.sidebar-logo:hover{box-shadow:none;transform:none}.vertical-sidebar.collapsed .sidebar-logo{border-radius:0;box-shadow:none;padding:6px}.vertical-sidebar.collapsed .sidebar-logo:hover{box-shadow:none;transform:none}.sidebar-brand{color:#2d3748;color:var(--text-primary);letter-spacing:-.025em;position:relative;text-shadow:none}.sidebar-header-button{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-sm);color:#718096;color:var(--text-secondary);cursor:pointer;display:flex;height:2rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:2rem}.sidebar-header-button:hover{background-color:var(--bg-secondary);border-color:var(--accent-violet);box-shadow:var(--shadow-hover-lift);color:var(--accent-violet);transform:none}.sidebar-header-button:active{box-shadow:none;transform:none}.vertical-sidebar.collapsed .sidebar-header-button{background-color:initial;border-radius:0;box-shadow:none;height:1.5rem;width:1.5rem}.vertical-sidebar.collapsed .sidebar-header-button:hover{background-color:var(--bg-secondary);box-shadow:none}.sidebar-nav{background-color:var(--bg-primary);border-radius:0;padding:1.5rem 1rem;position:relative}.sidebar-nav:before{background-color:var(--border-color);content:"";height:1px;left:1rem;position:absolute;right:1rem;top:0}.sidebar-nav-item{background-color:initial;border:none;border-radius:0;margin-bottom:.5rem;overflow:hidden;position:relative;transition:all .3s ease}.sidebar-nav-item:hover{background-color:var(--bg-secondary);border-color:#0000;box-shadow:var(--shadow-sm);transform:none}.sidebar-nav-button{align-items:center;background-color:initial;border:1px solid #0000;color:#2d3748;color:var(--text-primary);cursor:pointer;display:flex;letter-spacing:.025em;overflow:hidden;padding:1rem 1.25rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.sidebar-nav-button:hover{background-color:var(--bg-secondary);border-color:var(--accent-violet);box-shadow:var(--shadow-sm);color:var(--accent-violet);transform:none}.sidebar-nav-button.active{background-color:var(--accent-purple-start);border-color:var(--accent-purple-start);box-shadow:var(--shadow-sm);color:var(--text-white);transform:none}.sidebar-nav-button.active:hover{background-color:var(--accent-purple-end);box-shadow:var(--shadow-md);transform:none}.sidebar-nav-icon{color:#718096;color:var(--text-secondary);filter:none;flex-shrink:0;height:1.375rem;margin-right:1rem;transition:all .3s ease;width:1.375rem}.sidebar-nav-button:hover .sidebar-nav-icon{color:var(--accent-violet);filter:none;transform:none}.sidebar-nav-button.active .sidebar-nav-icon{color:var(--text-white);filter:none;transform:none}.sidebar-nav-text{flex:1 1;font-weight:inherit;letter-spacing:inherit;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.sidebar-nav-button:hover .sidebar-nav-text{transform:none}.sidebar-nav-indicator{background-color:var(--accent-violet);border-radius:0;box-shadow:var(--shadow-sm);height:.625rem;opacity:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease;width:.625rem}.sidebar-nav-button.active .sidebar-nav-indicator{background-color:var(--text-white);box-shadow:var(--shadow-sm);opacity:1;transform:translateY(-50%) scale(1)}.vertical-sidebar.collapsed .sidebar-nav-text{opacity:0;pointer-events:none}.vertical-sidebar.collapsed .sidebar-nav-icon{margin-left:auto;margin-right:auto}.vertical-sidebar.collapsed .sidebar-nav-button{justify-content:center;padding:.75rem}.sidebar-tooltip{background-color:var(--bg-dark);border-radius:0;box-shadow:var(--shadow-sm);color:var(--text-white);font-size:.75rem;font-weight:500;left:calc(100% + .5rem);opacity:0;padding:.5rem .75rem;pointer-events:none;transition:opacity .2s ease;white-space:nowrap;z-index:1000}.sidebar-tooltip,.sidebar-tooltip:before{position:absolute;top:50%;transform:translateY(-50%)}.sidebar-tooltip:before{border:.25rem solid #0000;border-right:.25rem solid var(--bg-dark);content:"";left:-.25rem}.vertical-sidebar.collapsed .sidebar-nav-button:hover .sidebar-tooltip{opacity:1}.sidebar-profile{background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:1.5rem 1.25rem}.sidebar-profile,.sidebar-profile-avatar{border-radius:0;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.sidebar-profile-avatar{align-items:center;background-color:var(--accent-purple-start);color:var(--text-white);display:flex;font-size:.875rem;font-weight:700;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.sidebar-profile-avatar:hover{box-shadow:var(--shadow-md);transform:none}.sidebar-profile-info{flex:1 1;margin-left:1rem;min-width:0}.sidebar-profile-name{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#2d3748;color:var(--text-primary);font-size:.9rem;font-weight:700;letter-spacing:.025em;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-email{color:#718096;color:var(--text-secondary);font-size:.75rem;font-weight:500;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1023px){.vertical-sidebar{box-shadow:none;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px!important;z-index:50}.vertical-sidebar.mobile-open{transform:translateX(0)}.sidebar-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:40}.sidebar-mobile-toggle{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-sm);display:flex;justify-content:center;left:1rem;padding:.75rem;position:fixed;top:1rem;transition:all .2s ease;z-index:60}.sidebar-mobile-toggle:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-md);transform:none}.sidebar-mobile-toggle:active{box-shadow:none;transform:none}.sidebar-nav{padding:1.5rem 1rem}.sidebar-nav-button{border-radius:0;font-size:1rem;padding:1rem}.sidebar-nav-icon{height:1.5rem;margin-right:1rem;width:1.5rem}.sidebar-header,.sidebar-profile{padding:1.5rem 1rem}}@media (min-width:769px) and (max-width:1024px){.vertical-sidebar.expanded{width:220px}}@media (min-width:1440px){.vertical-sidebar.expanded{width:280px}}.sidebar-enter{opacity:0;transform:translateX(-100%)}.sidebar-enter-active{transition:opacity .3s ease,transform .3s ease}.sidebar-enter-active,.sidebar-exit{opacity:1;transform:translateX(0)}.sidebar-exit-active{opacity:0;transform:translateX(-100%);transition:opacity .3s ease,transform .3s ease}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:0}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#718096;background-color:var(--text-secondary)}.sidebar-dropdown-menu{display:flex;flex-direction:column;gap:.25rem;margin-left:1.5rem;margin-top:.5rem;pointer-events:auto;position:relative;z-index:1000}.sidebar-dropdown-item{background-color:initial;border:1px solid #0000;border-radius:0;box-shadow:var(--shadow-sm);pointer-events:auto;position:relative;transition:all .3s ease;z-index:1001}.sidebar-dropdown-item:hover{background-color:var(--bg-secondary);border-color:var(--accent-violet);box-shadow:var(--shadow-md);transform:none}.sidebar-dropdown-button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:0;color:#718096;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.75rem 1rem;pointer-events:auto;position:relative;text-align:left;transition:all .3s ease;width:100%;z-index:1002}.sidebar-dropdown-button.active{background-color:var(--accent-purple-start);border-color:var(--accent-purple-start);box-shadow:var(--shadow-sm);color:var(--text-white);font-weight:700}.sidebar-dropdown-button:hover{color:var(--accent-violet);transform:none}.sidebar-dropdown-icon{color:#718096;color:var(--text-secondary);filter:none;flex-shrink:0;height:1rem;margin-right:.75rem;transition:all .3s ease;width:1rem}.sidebar-dropdown-button:hover .sidebar-dropdown-icon{color:var(--accent-violet);filter:none;transform:none}.sidebar-dropdown-button.active .sidebar-dropdown-icon{color:var(--text-white);filter:none;transform:none}.sidebar-dropdown-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.sidebar-dropdown-indicator{background-color:var(--accent-violet);border-radius:0;box-shadow:var(--shadow-sm);height:.5rem;opacity:0;transition:all .3s ease;width:.5rem}.sidebar-dropdown-button.active .sidebar-dropdown-indicator{box-shadow:var(--shadow-sm);opacity:1;transform:scale(1)}.professional-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-md);overflow:hidden;position:relative}.header-background{pointer-events:none}.header-background,.header-background:before{background:none;bottom:0;left:0;position:absolute;right:0;top:0}.header-background:before{content:""}.header-content-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:2rem 2.5rem;position:relative;z-index:1}.header-main-content{flex:1 1}.dashboard-title,.header-title-section{position:relative}.dashboard-title{font-size:2.25rem;letter-spacing:-.025em;line-height:1.2;margin:0 0 .75rem}.title-gradient{position:relative}.title-underline{background:linear-gradient(135deg,var(--accent-purple-start) 0,var(--accent-purple-end) 100%);background:var(--primary-gradient);border-radius:0;bottom:-8px;box-shadow:var(--shadow-sm);height:3px;left:0;position:absolute;width:120px}.dashboard-subtitle{font-size:1.1rem;letter-spacing:.025em;margin:0 0 1rem}.assigned-number-badge{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-sm);color:var(--accent-violet);display:inline-flex;font-size:.875rem;font-weight:600;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s ease}.assigned-number-badge:hover{background-color:var(--bg-accent);box-shadow:var(--shadow-md);transform:none}.phone-icon-wrapper{align-items:center;background-color:var(--accent-purple-start);border-radius:0;box-shadow:none;color:var(--text-white);display:flex;height:24px;justify-content:center;margin-right:.75rem;width:24px}.header-actions-section{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-end}.user-profile-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;box-shadow:none;display:flex;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s ease}.user-profile-card:hover{border-color:var(--accent-violet);box-shadow:var(--shadow-sm);transform:none}.user-avatar-wrapper{margin-right:1rem;position:relative}.user-avatar{align-items:center;background-color:var(--accent-purple-start);border-radius:0;box-shadow:none;color:var(--text-white);display:flex;font-weight:700;height:2.75rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:2.75rem}.user-avatar:hover{box-shadow:none;transform:none}.avatar-glow{display:none}.user-profile-card:hover .avatar-glow{opacity:0}.user-profile-card:hover .user-avatar{box-shadow:none;transform:none}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#2d3748;color:var(--text-primary);letter-spacing:.025em;margin-bottom:.25rem;text-overflow:ellipsis}.user-email,.user-name{overflow:hidden;white-space:nowrap}.user-email{color:#718096;color:var(--text-secondary);opacity:.8;text-overflow:ellipsis}.plan-badge,.plan-badge-wrapper{position:relative}.plan-badge{align-items:center;background-color:var(--accent-purple-start);border:1px solid var(--accent-purple-start);border-radius:0;box-shadow:none;color:var(--text-white);display:flex;font-size:.875rem;font-weight:700;letter-spacing:.025em;overflow:hidden;padding:.75rem 1.25rem;transition:all .3s ease}.plan-badge:hover{background-color:var(--accent-purple-end);border-color:var(--accent-purple-end);box-shadow:none;transform:none}.plan-badge:before{background:none;border-radius:0;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.plan-badge-icon{filter:none;margin-right:.5rem}.plan-name{text-shadow:none;white-space:nowrap}.plan-badge-glow{display:none}.logout-button{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:0;box-shadow:none;color:#dc2626;cursor:pointer;display:flex;height:3rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:3rem}.logout-button:hover{background-color:var(--bg-secondary);border-color:#dc2626;box-shadow:none;color:#b91c1c;transform:none}.logout-button:before{background:none;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.logout-button-glow{display:none}.logout-button:active{box-shadow:none;transform:none}@media (max-width:1200px){.header-actions-section{justify-content:flex-start}.dashboard-title{font-size:1.75rem}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-actions-section>*,.header-title-section,.plan-badge,.sidebar-nav-button.active .sidebar-nav-indicator,.sidebar-nav-button.active:after,.sidebar-nav-item{animation:none}.sidebar-nav-button:after{background:linear-gradient(to bottom,var(--accent-purple-start),var(--accent-purple-end));border-radius:0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:4px}.sidebar-nav-button:hover:after{height:60%}.vertical-sidebar{z-index:1000}.professional-header{z-index:999}.main-content-area{z-index:1}*{transition-timing-function:ease}.logout-button:focus,.sidebar-nav-button:focus{box-shadow:0 0 0 2px var(--accent-violet);outline:none}.professional-header,.vertical-sidebar{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:none;font-family:Nunito,sans-serif;opacity:1;text-rendering:optimizeLegibility}.dashboard-title{font-family:Nunito,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;text-shadow:none}.dashboard-subtitle{color:#718096;color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.1rem);font-weight:500;line-height:1.5;opacity:.9}.dashboard-subtitle,.sidebar-nav-button{font-family:Nunito,sans-serif;letter-spacing:.01em}.sidebar-nav-button{font-size:.9rem;font-weight:600;line-height:1.4}.sidebar-nav-button.active{font-weight:700;letter-spacing:.02em}.user-name{font-size:1rem;font-weight:700;letter-spacing:.01em;line-height:1.3}.user-email,.user-name{font-family:Nunito,sans-serif}.user-email{font-size:.8rem;font-weight:500;letter-spacing:.005em;line-height:1.4}.plan-name{font-size:.875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.plan-name,.sidebar-brand{font-family:Nunito,sans-serif;line-height:1.2}.sidebar-brand{font-size:1.25rem;font-weight:800;letter-spacing:-.01em}.header-content-wrapper{gap:clamp(1rem,3vw,2rem);padding:clamp(1.5rem,4vw,2.5rem)}.sidebar-nav{padding:clamp(1rem,2vw,1.5rem) clamp(.75rem,2vw,1rem)}.sidebar-nav-item{margin-bottom:clamp(.25rem,1vw,.5rem)}.sidebar-nav-button{border-radius:0;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2vw,1.25rem)}.sidebar-header,.sidebar-profile{padding:clamp(1.25rem,3vw,1.5rem)}.title-gradient{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#2d3748;color:var(--text-primary)}:root{--primary-gradient:linear-gradient(135deg,var(--accent-purple-start) 0%,var(--accent-purple-end) 100%);--secondary-gradient:linear-gradient(135deg,#667eea1a,#9333ea14);--accent-gradient:linear-gradient(135deg,#fbbf24,#f59e0b 25%,#d97706 50%,#b45309 75%,#92400e);--text-primary:#2d3748;--text-secondary:#718096;--text-tertiary:#a0aec0;--surface-primary:var(--bg-primary);--surface-secondary:var(--bg-secondary);--border-primary:var(--border-color);--shadow-primary:none;--shadow-secondary:none}@media (max-width:768px){.dashboard-title{font-size:1.75rem;margin-bottom:.5rem}.dashboard-subtitle{font-size:.95rem;margin-bottom:.75rem}.sidebar-nav-button{font-size:.95rem;padding:1rem}.user-name{font-size:.95rem}.user-email{font-size:.75rem}}@media (min-width:1440px){.dashboard-title{font-size:2.5rem}.dashboard-subtitle{font-size:1.2rem}.sidebar-nav-button{font-size:1rem;padding:1.125rem 1.375rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{min-height:100vh}h1,h2,h3,h4,h5,h6{color:#1e293b;line-height:1.3;margin-bottom:.5rem}h1{font-size:2.5rem}h1,h2{font-weight:800}h2{font-size:2rem}h3{font-size:1.5rem}h3,h4{font-weight:700}h4{font-size:1.25rem}h5{font-size:1.125rem}h5,h6{font-weight:600}h6{font-size:1rem}p{color:#64748b;margin-bottom:1rem}.btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(90deg,#8b5cf6,#a855f7);background:var(--primary-gradient,linear-gradient(to right,#8b5cf6,#a855f7));border:none;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #8b5cf64d;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#6b7280;color:var(--text-secondary,#6b7280)}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border-color:#6b7280;border-color:var(--text-secondary,#6b7280)}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:initial;border:1px solid #dc2626;color:#dc2626}.btn-danger:hover:not(:disabled){background-color:#fef2f2;border-color:#b91c1c;color:#b91c1c}.btn-outline{background-color:initial;border:1px solid #d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-sm{font-size:.75rem;padding:.5rem 1rem}.btn-lg{font-size:1rem;padding:1rem 2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:0;font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#8b5cf6;border-color:var(--secondary-color,#8b5cf6);outline:2px solid #8b5cf6;outline:2px solid var(--secondary-color,#8b5cf6);outline-offset:2px}.form-input.error{border-color:#ef4444}.form-error{color:#ef4444;font-size:.75rem;margin-top:.25rem}.form-textarea{min-height:100px;resize:vertical}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-checkbox{margin-right:.5rem;width:auto}.card{background:#fff;border-radius:0;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.5rem}.card-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.card-subtitle{color:#6b7280;font-size:.875rem;margin-top:.25rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:0;box-shadow:var(--shadow-sm);padding:1.5rem}.stat-value{color:#1f2937;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#6b7280;font-size:.875rem;margin-top:.25rem}.stat-change{font-size:.75rem;font-weight:500;margin-top:.5rem}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.table-container{background:#fff;border-radius:0;box-shadow:var(--shadow-sm);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{background-color:#f8fafc;color:#374151;font-weight:600;text-align:left}.table td,.table th{border-bottom:1px solid #e5e7eb;padding:1rem}.table tr:hover{background-color:#f9fafb}.table tr:last-child td{border-bottom:none}.badge{align-items:center;background:linear-gradient(90deg,#8b5cf6,#a855f7);background:var(--primary-gradient,linear-gradient(to right,#8b5cf6,#a855f7));border:none;border-radius:0;color:var(--text-white);display:inline-flex;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.alert{border:1px solid #0000;border-radius:0;margin-bottom:1rem;padding:1rem}.alert-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-warning{background-color:#fffbeb;border-color:#fed7aa;color:#92400e}.alert-danger{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination button{background:#fff;border:1px solid #d1d5db;border-radius:0;cursor:pointer;padding:.5rem .75rem;transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:#f9fafb}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:0;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem 1.5rem 0}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:0 1.5rem 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-blue-600{color:#2563eb}.text-green-600{color:#059669}.text-red-600{color:#dc2626}.text-yellow-600{color:#d97706}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.border{border:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.rounded,.rounded-lg{border-radius:0}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.modal{margin:1rem;width:95%}.btn{font-size:.75rem;padding:.5rem 1rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (prefers-color-scheme:dark){body{background-color:#0f172a;color:#e2e8f0}.card{background-color:#1e293b;border:1px solid #334155}.form-input{border-color:#334155}.form-input,.table th{background-color:#1e293b;color:#e2e8f0}}
/*# sourceMappingURL=main.879b1ad3.css.map*/