@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);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bg-white{background:#fff}.bg-purple-50{background-color:#faf5ff}.bg-red-50{background-color:#fef2f2}.border{border-width:1px}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-purple-100{border-color:#f3e8ff}.border-purple-200{border-color:#e9d5ff}.border-purple-300{border-color:#d8b4fe}.border-dashed{border-style:dashed}.rounded{border-radius:4px}.rounded-sm{border-radius:2px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-lg{font-size:18px;line-height:28px}.text-xl{font-size:20px;line-height:28px}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-purple-600{color:#9333ea}.text-red-500{color:#ef4444}.text-red-700{color:#b91c1c}.w-5{width:20px}.w-12{width:48px}.h-5{height:20px}.h-12{height:48px}.p-2{padding:8px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-1{padding-bottom:4px;padding-top:4px}.py-1\.5{padding-bottom:6px;padding-top:6px}.py-2{padding-bottom:8px;padding-top:8px}.py-3{padding-bottom:12px;padding-top:12px}.py-4{padding-bottom:16px;padding-top:16px}.pb-6{padding-bottom:24px}.pt-2{padding-top:8px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.inline-flex{display:inline-flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-0\.5{gap:2px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.transition-colors{transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-purple-50:hover{background-color:#faf5ff}.hover\:bg-red-50:hover{background-color:#fef2f2}.hover\:bg-red-500:hover{background-color:#ef4444}.hover\:border-purple-300:hover{border-color:#d8b4fe}.hover\:border-purple-500:hover{border-color:#a855f7}.hover\:text-purple-600:hover{color:#9333ea}.hover\:text-red-700:hover{color:#b91c1c}.hover\:text-white:hover{color:#fff}.focus\:border-purple-400:focus{border-color:#c084fc}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus,.focus\:ring-purple-500:focus{box-shadow:0 0 0 3px #a855f780}.group:hover .group-hover\:text-purple-600{color:#9333ea}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-to))}.from-purple-500{--tw-gradient-from:#a855f7}.to-purple-600{--tw-gradient-to:#9333ea}.w-1\.5{width:6px}.h-1\.5{height:6px}.resize-none{resize:none}.floating-chatbot-trigger{align-items:center;background:var(--accent-purple-start);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:2px solid #0000;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:linear-gradient(90deg,#8b5cf6,#a855f7);border:2px solid #0000;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.toggle-btn:not(.active):hover{background:#f5f5f5;border:2px 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}.modal-form-group .password-input-wrapper 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 .password-input-wrapper input:focus{background:#fff;border-color:#007bbf;box-shadow:0 0 0 3px #007bbf1a;outline:none}.password-input-wrapper label{background:#0000;color:#999;font-size:13px;font-weight:400;left:14px;pointer-events:none;position:absolute;top:12px;transition:all .2s ease}.password-input-wrapper input:focus+label,.password-input-wrapper input:not(:placeholder-shown)+label{background:#fff;color:#007bbf;font-size:11px;left:12px;padding:0 4px;top:-8px}.password-toggle{align-items:center;color:#999;display:flex;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#007bbf}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.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{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;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%;right:20px;top:20px;transition:all .2s ease}.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{font-size:16px;right:12px;top:50%;transform:translateY(-50%);z-index:2}.password-requirements{background:#f8f9fa;border-radius:8px;margin:8px 0;padding:12px}.requirements-list{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;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%}.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{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}.contact-sales-book-demo{margin-top:8px}.contact-sales-book-demo p{color:#666;font-size:14px;margin-bottom:10px}.contact-sales-demo-link{align-items:center;background-color:#007bff;border-radius:6px;color:#fff;display:inline-flex;gap:8px;padding:10px 16px;text-decoration:none;transition:background-color .2s}.contact-sales-demo-link:hover{background-color:#0056b3}@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}}.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.modal-dialog{margin:0;max-width:600px;width:90%}.modal-content{border:none;border-radius:12px;box-shadow:0 10px 40px #0003}.modal-header{border:none;padding:20px 25px}.modal-title{font-size:20px}.btn-close{filter:brightness(0) invert(1);opacity:.8;transition:opacity .3s ease}.btn-close:hover{opacity:1}.btn-close:disabled{cursor:not-allowed;opacity:.5}.modal-body{max-height:70vh;padding:30px}.modal-body .alert{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.modal-body .alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.modal-body .alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-label{color:#333;font-size:14px;margin-bottom:8px}.form-label:after{content:""}.form-control{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-control:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-control:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.form-control::placeholder{color:#999;font-size:13px}.row{display:flex;flex-wrap:wrap;margin:0 -5px}.col-md-6{box-sizing:border-box;flex:0 0 50%;padding:0 5px}.col-md-6.mb-3,.mb-3{margin-bottom:20px}.text-muted{color:#999;display:block;font-size:12px;margin-top:6px}.modal-footer{background-color:#f8f9fa;border-top:1px solid #eee;padding:16px 30px}.btn{border-radius:8px;font-size:14px;padding:10px 20px;transition:all .3s ease}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#5a6268;box-shadow:0 4px 12px #6a757d4d;transform:translateY(-2px)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#764ba2}@media (max-width:768px){.col-md-6{flex:0 0 100%}.modal-dialog{margin:20px auto;width:95%}.modal-body{max-height:80vh;padding:20px}.modal-header{padding:15px 20px}.modal-footer{flex-wrap:wrap;padding:12px 20px}.btn{flex:1 1 45%;min-width:120px}}@media (max-width:480px){.modal-dialog{height:100%;max-width:100%;width:100%}.modal-content{border-radius:0;display:flex;flex-direction:column;height:100%}.modal-body{flex:1 1;padding:15px}.btn{flex:1 1 100%}}.thank-you-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;box-shadow:0 10px 30px #667eea4d;color:#fff}.success-icon-container{background:#fff3;border-radius:50%;height:100px;width:100px}.thank-you-title{font-size:2.5rem;font-weight:700}.thank-you-message{color:#fff;font-size:1.25rem;font-weight:500;line-height:1.8}.info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-left:4px solid #fff;border-radius:8px}.info-box p{color:#fff;font-size:1rem;font-weight:500}.btn-back-home{border:none;border-radius:0;color:#667eea;font-size:1rem;font-weight:700;padding:12px 40px;transition:all .3s ease}.btn-back-home:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.submission-details{background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 5px 20px #667eea26}.submission-details h3{color:#333;font-weight:700}.submission-details hr{border-color:#e9ecef;margin:20px 0}.detail-item{background:#f0f4ff;border:1px solid #d7e3ff;border-radius:8px}.detail-label{color:#667eea;font-size:.85rem;font-weight:600}.detail-value,.detail-value-message{color:#333;font-size:1.05rem;font-weight:500}.detail-value-message{line-height:1.6}.process-step{background:#f8f9fa;border-radius:0;border-top:4px solid #667eea}.process-step-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;height:60px;width:60px}@media (max-width:768px){.thank-you-title{font-size:2rem!important}.info-box p,.thank-you-message{font-size:1rem!important}.btn-back-home{font-size:.9rem!important;padding:10px 30px!important}}@media (max-width:480px){.thank-you-title{font-size:1.75rem!important}.submission-details,.thank-you-card{padding:2rem!important}.btn-back-home{font-size:.85rem!important;padding:8px 25px!important}}: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: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: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: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 var(--primary)}.btn-secondary:hover{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:var(--dark);padding:20px 0}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link:hover{color:var(--primary);transform:translateY(-2px)}.navbar-dark .navbar-brand h1{color:#fff}.navbar-dark .navbar-toggler{border-color:var(--primary)!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:var(--dark);padding:10px 0}.navbar-dark .navbar-brand h1{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: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: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: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,.btn-primary:hover{color:#fff!important}.section-title:before{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: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: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 var(--primary);transform:scale(1.05)}.pricing-card-enhanced.popular-plan:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{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: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:var(--primary);border-radius:0}.pricing-scroll-container::-webkit-scrollbar-thumb:hover{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:var(--primary);transform:scale(1.2)}.testimonial-carousel .owl-dot:hover{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 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: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:var(--light)!important;display:flex;height:35px;justify-content:center;margin-right:5px;transition:.3s;width:35px}.footer .btn.btn-social:hover{background-color:var(--primary);border-color:var(--primary);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:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.footer .btn-dark:hover{background-color:var(--secondary)!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:var(--primary)!important}.footer-about .bg-primary{background:var(--primary-gradient)!important}.btn-primary.btn-square{background:var(--primary-gradient);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:var(--light)!important;text-decoration:none}.footer .copyright a:hover{color:var(--primary)!important}.footer a{color:#fff!important;text-decoration:none}.footer a:hover{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: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:var(--primary)!important}.container-fluid.bg-dark .btn-primary{background:var(--primary-gradient)!important;border-color:var(--primary)!important;color:#fff!important}.container-fluid.bg-dark .btn-primary:hover{background:var(--secondary)!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: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:var(--primary-gradient)!important}.text-primary{color:var(--primary)!important}.btn-primary{border-color:var(--primary)!important;transition:all .3s ease}.btn-primary:hover{background:var(--secondary)!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: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: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: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: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:var(--primary);box-shadow:0 8px 25px #8b5cf633;transform:translateY(-5px)}.pricing-card-square.popular{border-color:var(--primary);z-index:2}.pricing-card-square.popular:before{transform:scaleX(1)}.popular-badge-square{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: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:var(--dark);font-size:20px;font-weight:700;margin-bottom:10px}.credit-display-square{margin-bottom:10px}.credit-amount-square{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: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:var(--primary-gradient);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:var(--primary);color:var(--primary)}.pricing-cta-square.outline:hover{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}.admin-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;transition:width .3s ease;width:260px}.admin-sidebar.collapsed{width:80px}.admin-sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;flex-shrink:0;height:65px;padding:1.25rem 1.5rem}.admin-logo-container{align-items:center;display:flex;flex-grow:1;overflow:hidden}.admin-sidebar.collapsed .admin-sidebar-header{flex-direction:column;gap:.25rem;height:64px;justify-content:center;padding:.25rem 1rem}.admin-sidebar-logo{height:32px;object-fit:contain;transition:all .2s ease}.admin-sidebar-logo.collapsed{border-radius:0;height:36px;width:36px}.admin-sidebar.collapsed .admin-logo-container{justify-content:center}.admin-sidebar-toggle-wrapper{display:flex;justify-content:flex-end}.admin-sidebar-toggle-btn{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:0;color:#4b5563;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background-color .2s,color .2s;width:28px}.admin-sidebar-toggle-btn:hover{background-color:#e5e7eb;color:#1f2937}.admin-sidebar.collapsed .admin-sidebar-toggle-btn{height:18px;width:18px}.admin-sidebar.collapsed .admin-sidebar-toggle-wrapper{justify-content:center}.admin-sidebar-nav{flex-grow:1;overflow-y:auto;padding:1rem 0}.admin-sidebar-nav ul{list-style:none;margin:0;padding:0 1rem}.admin-sidebar.collapsed .admin-sidebar-nav ul{padding:0 .75rem}.admin-nav-link{align-items:center;border-radius:0;color:#4b5563;display:flex;font-weight:500;margin-bottom:.5rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:background-color .2s,color .2s;white-space:nowrap}.admin-nav-link:hover{background-color:#f3f4f6;color:#111827}.admin-nav-link.active{background-color:#8b5cf6;box-shadow:0 4px 6px -1px #8b5cf64d,0 2px 4px -2px #8b5cf633;color:#fff}.admin-sidebar.collapsed .admin-nav-link{justify-content:center;padding:.75rem}.admin-sidebar.collapsed .admin-nav-link .admin-nav-tooltip{background-color:#1f2937;border-radius:0;color:#fff;font-size:.8rem;font-weight:500;left:100%;margin-left:12px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap}.admin-nav-icon{flex-shrink:0;margin-right:1rem;transition:margin .3s ease}.admin-sidebar.collapsed .admin-nav-icon{margin-right:0}.admin-nav-text{opacity:1;transition:opacity .2s ease}.admin-sidebar.collapsed .admin-nav-text{opacity:0;width:0}.admin-sidebar-footer{border-top:1px solid #e5e7eb;flex-shrink:0;padding:1.5rem}.admin-sidebar-footer.collapsed{display:none;padding:1rem}.admin-sidebar.collapsed .admin-sidebar-footer{padding:1rem}.admin-user-profile{align-items:center;display:flex;margin-bottom:1rem;overflow:hidden}.admin-user-avatar{align-items:center;background-color:#8b5cf6;border-radius:0;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;margin-right:.75rem;width:40px}.admin-user-info{overflow:hidden}.admin-user-name{color:#1f2937;font-weight:600}.admin-user-email,.admin-user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-email{color:#6b7280;font-size:.8rem}.admin-logout-btn{align-items:center;background-color:#f3f4f6;border:none;border-radius:0;color:#4b5563;cursor:pointer;display:flex;font-weight:500;padding:.75rem 1rem;transition:background-color .2s,color .2s;width:100%}.admin-logout-btn:hover{background-color:#fee2e2;color:#b91c1c}.admin-sidebar.collapsed .admin-logout-btn{justify-content:center}.admin-sidebar.collapsed .admin-logout-btn .admin-nav-text,.admin-sidebar.collapsed .admin-user-profile{display:none}.admin-sidebar.collapsed .admin-logout-btn{background-color:initial}.admin-sidebar.collapsed .admin-logout-btn:hover{background-color:#fee2e2}.admin-mobile-hamburger{background-image:linear-gradient(90deg,#a78bfa,#8b5cf6);border-radius:0;height:40px;width:40px}.admin-mobile-hamburger:hover{filter:brightness(1.1)}.admin-mobile-hamburger span{background:#fff;border-radius:2px;display:block;height:2px;left:50%;opacity:1;position:absolute;transform:translateX(-50%) rotate(0deg);transition:all .25s ease-in-out;width:20px}.admin-mobile-hamburger span:first-child{top:13px}.admin-mobile-hamburger span:nth-child(2){top:25px}.admin-mobile-hamburger.open span:first-child{transform:translateX(-50%) translateY(6px) rotate(135deg)}.admin-mobile-hamburger.open span:nth-child(2){transform:translateX(-50%) translateY(-6px) rotate(-135deg)}.admin-sidebar-overlay{background-color:#00000080;inset:0;position:fixed;transition:opacity .3s ease;z-index:39}@media (max-width:1023px){.admin-sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:260px!important;z-index:40}.admin-sidebar.mobile-open{transform:translateX(0)}.admin-sidebar-toggle-btn{display:none}.admin-sidebar-header{cursor:default}.admin-main-content-wrapper{margin-left:0!important}.admin-mobile-hamburger{display:block}}.admin-dashboard-layout{background-color:#f3f4f6;display:flex;min-height:100vh}.admin-main-content-wrapper{display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden;transition:width .3s ease}@media (max-width:1023px){.admin-main-content-wrapper{width:100%}}.admin-main-header{height:65px}.admin-header-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-left:1rem}.admin-main-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:64px;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:10}.admin-header-center{align-items:center;display:flex;justify-content:center}.admin-header-logo{height:45px;width:auto}.admin-header-right{width:40px}.admin-mobile-hamburger{background-color:initial;border:none;color:#ebf3f4;cursor:pointer;display:none;padding:8px;position:relative;transition:filter .2s ease-in-out}.admin-mobile-hamburger:hover{background-color:#f3f4f6}.admin-mobile-hamburger span{display:none}@media (max-width:1023px){.admin-main-header{padding:0 1rem}.admin-mobile-hamburger{display:block;z-index:20}}@media (min-width:1024px){.admin-main-header{justify-content:center;position:relative}.admin-header-right{display:none}}.page-header{border-bottom:2px solid #f1f5f9;margin-bottom:2rem;padding-bottom:1rem}.page-title{color:#1e293b;font-size:2.25rem;font-weight:800;letter-spacing:-.025em}.page-subtitle{color:#64748b;font-size:1.125rem;margin-top:.5rem}.admin-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;transition:all .2s ease-in-out}.admin-card-clickable{cursor:pointer;overflow:hidden;position:relative}.admin-card-clickable:hover{border-color:#a78bfa;box-shadow:0 10px 20px #8b5cf626,0 3px 6px #0000000d;transform:translateY(-3px)}.admin-card-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1.5rem}.admin-card-title{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700}.admin-card-body{flex-grow:1;padding:1.5rem}.form-group{position:relative}.form-group label{color:#4b5563}.connection-code-label{color:#000!important;font-weight:600}.connection-code-value{color:#000!important;font-weight:700}.input-with-icon svg{color:#9ca3af;left:.75rem;top:50%;transform:translateY(-50%)}.input-with-icon input{border:1px solid #d1d5db;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s,box-shadow .2s}.input-with-icon input:focus{box-shadow:0 0 0 3px #8b5cf61a}.btn:disabled{box-shadow:none;transform:none}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.btn-secondary{color:#4b5563}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;box-shadow:0 2px 5px #0000000d;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669)}.btn-success:hover{box-shadow:0 5px 15px #10b9814d;transform:translateY(-2px)}.btn-danger:hover{box-shadow:0 5px 15px #ef44444d;transform:translateY(-2px)}@media (max-width:768px){.flex-wrap .btn{justify-content:center;width:100%}}.btn.btn-danger{color:#fff}.horizontal-scroll-container{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.horizontal-scroll-container::-webkit-scrollbar{display:none}.admin-search-bar{margin-bottom:2rem;position:relative}.admin-search-bar svg{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.admin-search-bar input{background:#fff;border:1px solid #d1d5db;border-radius:0;font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s ease;width:100%}.admin-search-bar input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stats-card{align-items:flex-start;border:1px solid #0000;border-radius:0;color:#fff;display:flex;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease-in-out}.stats-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.stats-card:before{background:radial-gradient(circle at top left,#fff3,#0000 40%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.stats-card:hover:before{opacity:1}.stats-card-icon{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:0;display:flex;flex-shrink:0;height:56px;justify-content:center;margin-right:1.5rem;width:56px}.stats-card-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem;opacity:.9}.stats-card-value{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.2}.input-icon{color:#6b7280;left:12px;pointer-events:none;position:absolute}.input-field-with-icon{padding-left:36px!important;width:100%}.color-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.color-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.color-green{background:linear-gradient(135deg,#10b981,#059669)}.color-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.client-card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.client-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.client-card-title{color:#1e293b;font-size:1.25rem;font-weight:700;padding-right:1rem;word-break:break-word}.client-card-info{align-items:flex-start;color:#475569;display:flex;font-size:.875rem;gap:.75rem}.client-card-info svg{color:#a855f7;flex-shrink:0;margin-top:3px}.client-card-info p{line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:9999px;flex-shrink:0;font-size:.875rem;font-weight:700;justify-content:center;padding:.75rem 1.5rem}.status-badge.active{border-color:#4ade80}.status-badge.inactive{background-color:#fef9c3;border-color:#facc15;color:#854d0e}.client-card-footer{background-color:#f8fafc;border-top:1px solid #e5e7eb;color:#64748b;font-size:.75rem;margin-top:auto;padding:.75rem 1.5rem;text-align:right}.detail-item{padding:.75rem;transition:background-color .2s ease}.detail-item-icon{color:#6b7280;flex-shrink:0;margin-right:.75rem;margin-top:2px}.detail-item-content .label{color:#6b7280;font-size:.875rem;font-weight:500}.detail-item-content .value{color:#111827;font-size:1rem;font-weight:600}.activity-log-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;padding:1rem 1rem 1rem 2.5rem;position:relative}.activity-log-icon{background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;color:#94a3b8;left:0;padding:.25rem;position:absolute;top:1rem}.activity-log-content{width:100%}.activity-log-summary{color:#6b7280;font-size:.875rem;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-item:before{background-color:#e5e7eb;bottom:0;content:"";left:12px;position:absolute;top:0;width:2px}.client-details-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}@media (max-width:768px){.client-details-actions{width:100%}.client-details-actions .status-badge{border-radius:0;box-sizing:border-box;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.5px;padding:.75rem 1.5rem;text-align:center;text-transform:uppercase;width:100%}}@media (min-width:769px){.horizontal-scroll-container{overflow-x:hidden}.client-details-tabs>*{flex-grow:1;justify-content:center;text-align:center}}.admin-tab{border:1px solid #0000;border-radius:0;box-shadow:none;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 2rem;text-transform:uppercase;transform:translateY(0);transition:all .3s ease-in-out}.admin-tab:focus{outline:none}.admin-tab--inactive{background-color:#fff;border-color:#ddd6fe;color:#8b5cf6}.admin-tab--inactive:hover{border-color:#0000;box-shadow:0 8px 15px #8b5cf633}.admin-tab--active,.admin-tab--inactive:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;transform:translateY(-2px)}.admin-tab--active{box-shadow:0 4px 12px #8b5cf64d}: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:var(--bg-secondary);color:var(--text-dark)}h1,h2,h3,h4,h5,h6{color:var(--text-dark)}h1,h2,h3,h4,h5,h6,p{margin-bottom:var(--spacing-md)}p{color:var(--text-light)}a{color:var(--accent-purple);transition:color var(--transition-fast)}a:hover{color:var(--accent-violet)}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:640px}.container-lg{margin:0 auto;max-width:1400px;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0}.section-sm{padding:var(--spacing-2xl) 0}.section-lg{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:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.gap-6{gap:var(--spacing-lg)}.gap-8{gap:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-4{margin:var(--spacing-md)}.m-6{margin:var(--spacing-lg)}.m-8{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-6{margin-top:var(--spacing-lg)}.mt-8{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{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:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.p-8{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-4{padding-top:var(--spacing-md)}.pt-6{padding-top:var(--spacing-lg)}.pt-8{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-4{padding-bottom:var(--spacing-md)}.pb-6{padding-bottom:var(--spacing-lg)}.pb-8{padding-bottom:var(--spacing-xl)}.text-left{text-align:left}.text-primary{color:var(--text-dark)}.text-light,.text-secondary{color:var(--text-light)}.text-white{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:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-accent{background-color:var(--accent-purple)}.bg-dark{background-color:var(--primary-purple-dark)}.border{border:1px solid var(--border-color)}.border-0{border:0}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.rounded-2xl,.rounded-full,.rounded-sm,.rounded-xl{border-radius:0}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-xl{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: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;font-size:1rem;gap:var(--spacing-sm);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.btn:disabled{opacity:.6}.btn-primary{color:var(--text-white)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-hover-lift);color:var(--text-white)}.btn-outline{border:1px solid var(--border-color);color:var(--text-dark)}.btn-outline:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-1px)}.btn-ghost{background-color:initial;border-color:#0000;color:var(--text-light)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-dark)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:1.125rem;padding:var(--spacing-md) var(--spacing-xl)}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-purple-tint);overflow:hidden;transition:all var(--transition-normal)}.card:hover{border-color:var(--accent-purple);box-shadow:var(--shadow-hover-lift);transform:translateY(-2px)}.card-header{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.card-header h3{margin-bottom:0}.card-body,.card-footer{padding:var(--spacing-lg)}.card-footer{background-color:var(--bg-secondary);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:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 1px var(--accent-purple)}.form-input:disabled{background-color:var(--bg-secondary);cursor:not-allowed}.form-textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;font-family:Nunito,sans-serif;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.form-textarea:focus{border-color:var(--accent-purple);box-shadow:0 0 0 1px var(--accent-purple)}.form-select{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-dark);font-family:Nunito,sans-serif;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.form-select:focus{border-color:var(--accent-purple);box-shadow:0 0 0 1px var(--accent-purple)}.alert{border:1px solid;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.alert-error{background-color:#fef2f2;border-color:var(--error-red);color:var(--error-red)}.alert-warning{color:#d97706}.alert-info{color:#1d4ed8}.loading-spinner{animation:none!important;color:var(--text-dark);flex-direction:column;padding:2rem;transform:none!important}.spinner{animation:spinOnly 1s linear infinite;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: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 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 var(--accent-purple);outline-offset:2px}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:0}::-webkit-scrollbar-thumb:hover{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: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:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:var(--space-4)}h1{font-size:var(--font-size-5xl);letter-spacing:-.05em}h2{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:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--space-4)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-dark)}.btn{border:2px solid #0000;border-radius:var(--radius-lg);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 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:var(--transition-normal);width:100%}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.btn-secondary{background:var(--gradient-secondary);box-shadow:var(--shadow-md);color:#fff}.btn-secondary:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.btn-outline{background:#0000;border-color:var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-lg{font-size:var(--font-size-lg);min-height:56px;padding:var(--space-4) var(--space-8)}.btn-sm{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:var(--space-1) 0;position:fixed;right:0;top:0;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 var(--space-6)}.header-container,.logo{align-items:center;display:flex}.logo{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-2xl);font-weight:800;position:relative;text-decoration:none;transition:var(--transition-normal)}.logo:hover{transform:scale(1.05)}.logo-icon{color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(14,165,233,.3));height:40px;margin-right:var(--space-3);width:40px}.nav-menu{align-items:center;display:flex;gap:var(--space-8);list-style:none}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:600;padding:var(--space-2) var(--space-3);position:relative;text-decoration:none;transition:all var(--transition-normal)}.nav-link:hover{background:#0ea5e914;color:var(--primary-color);transform:translateY(-1px)}.nav-link:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--transition-normal);width:0}.nav-link:hover:after{width:100%}.header-actions{align-items:center;display:flex;gap:var(--space-4)}.header-actions .nav-link{background:#0000;border:2px solid #0000;border-radius:var(--radius-lg);font-weight:600;padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.header-actions .nav-link:hover{background:#0ea5e91a;border-color:#0ea5e933;color:var(--primary-dark)}.header-actions .btn{border:none;box-shadow:var(--shadow-md)}.header-actions .btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.mobile-menu-toggle{border-radius:var(--radius-md);cursor:pointer;display:none;flex-direction:column;padding:var(--space-3);transition:var(--transition-normal);z-index:1001}.mobile-menu-toggle:hover{background:#0ea5e91a}.mobile-menu-toggle span{background:var(--text-primary);border-radius:var(--radius-full);height:3px;margin:3px 0;transition:var(--transition-normal);width:28px}.mobile-menu-toggle.active span:first-child{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: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 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:var(--shadow-2xl);height:100%;padding:var(--space-8);position:absolute;right:0;top:0;transform:translateX(100%);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 var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-4)}.mobile-menu-close{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-full);color:#ef4444;cursor:pointer;display:flex;font-size:var(--font-size-xl);height:40px;justify-content:center;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:var(--text-primary);display:block;font-weight:500;padding:1rem 0;text-decoration:none;transition:color .3s ease}.mobile-nav a:hover{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,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-accent) 100%);overflow:hidden;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 var(--space-6);position:relative;z-index:2}.section-header{margin-bottom:var(--space-20);position:relative;text-align:center}.section-header:after{background:var(--gradient-primary);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,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-6)}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:400;line-height:1.6;margin:0 auto;max-width:700px}.features-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));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:var(--radius-2xl);box-shadow:var(--shadow-lg);cursor:pointer;overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-normal)}.feature-card:before{background:var(--gradient-primary);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;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 var(--transition-normal);width:100%}.feature-card:hover{border-color:#0ea5e94d;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:var(--space-4);margin-bottom:var(--space-6);position:relative;z-index:2}.feature-icon{background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;height:64px;overflow:hidden;padding:var(--space-4);position:relative;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: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:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-2);position:relative;z-index:2}.feature-description{color:var(--text-secondary);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{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,var(--primary-color),var(--primary-dark))}.step-number.bg-secondary{background:linear-gradient(135deg,var(--secondary-color),#059669)}.step-number.bg-accent{background:linear-gradient(135deg,var(--accent-color),#7c3aed)}.step-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.step-description{color:var(--text-secondary);line-height:1.6}.pricing-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 50%,var(--bg-yellow-light) 100%);overflow:hidden;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{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-left:auto;margin-right:auto;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:var(--radius-2xl);box-shadow:var(--shadow-xl);cursor:pointer;overflow:hidden;padding:var(--space-8);position:relative;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 var(--transition-normal)}.pricing-card.popular{background:linear-gradient(145deg,#fff,#f0f9fff2);border-color:var(--primary-color);box-shadow:var(--shadow-2xl);transform:scale(1.05)}.pricing-card.popular:after{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff;content:"Most Popular";font-size:var(--font-size-sm);font-weight:700;left:0;letter-spacing:.05em;padding:var(--space-3);position:absolute;right:0;text-align:center;text-transform:uppercase;top:0}.pricing-card:hover{border-color:#0ea5e966;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:var(--space-8);position:relative;text-align:center;z-index:2}.pricing-card.popular .pricing-header{padding-top:var(--space-8)}.pricing-name{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-3)}.pricing-price{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-5xl);font-weight:900;line-height:1;margin-bottom:var(--space-2)}.pricing-period{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:600}.pricing-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}.pricing-description,.pricing-features{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:var(--text-secondary);display:flex;font-size:var(--font-size-base);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-2) 0;transition:var(--transition-normal)}.pricing-feature:hover{color:var(--text-primary);padding-left:var(--space-2)}.pricing-feature:last-child{border-bottom:none}.pricing-feature-icon{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:var(--primary-color);color:#fff}.pricing-cta.primary:hover{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 var(--primary-color);color:var(--primary-color)}.pricing-cta.outline:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.testimonials-section{background:linear-gradient(135deg,var(--bg-green-light) 0,var(--bg-primary) 50%,var(--bg-accent) 100%);overflow:hidden;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{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-left:auto;margin-right:auto;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:var(--radius-2xl);box-shadow:var(--shadow-xl);cursor:pointer;overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-normal)}.testimonial-card:before{color:var(--secondary-color);content:'"';font-family:Georgia,serif;font-size:5rem;font-weight:700;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 var(--transition-normal);width:100%}.testimonial-card:hover{border-color:#22c55e4d;box-shadow:var(--shadow-2xl);transform:translateY(-8px) scale(1.02)}.testimonial-card:hover:after{opacity:1}.testimonial-text{color:var(--text-primary);font-size:var(--font-size-lg);font-style:italic;font-weight:500;line-height:1.8;margin-bottom:var(--space-6);position:relative;z-index:2}.testimonial-author{align-items:center;border-top:2px solid #22c55e33;display:flex;gap:var(--space-4);padding-top:var(--space-4);position:relative;z-index:2}.testimonial-avatar{align-items:center;background:var(--gradient-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:700;height:48px;justify-content:center;width:48px}.testimonial-info{flex:1 1}.testimonial-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-1)}.testimonial-business{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.testimonial-location{align-items:center;color:var(--secondary-color);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-1)}.testimonial-location:before{content:"📍";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,var(--gray-900) 0,var(--gray-800) 50%,var(--gray-900) 100%);color:#fff;overflow:hidden;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 var(--space-6);position:relative;z-index:2}.footer-grid{align-items:start;display:grid;gap:var(--space-12);grid-template-columns:1.5fr 1.2fr 1fr 1fr;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:var(--space-8)}.footer-logo{-webkit-text-fill-color:#0000;align-items:center;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-6);transition:var(--transition-normal)}.footer-logo:hover{transform:scale(1.05)}.footer-description{color:#fffc;font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--space-6)}.footer-grid h3,.footer-section h3{color:#fff;font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-6);padding-bottom:var(--space-2);position:relative}.footer-section h3:after{background:var(--gradient-primary);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:var(--space-3)}.footer-link a{align-items:center;color:#ffffffb3;display:flex;font-size:var(--font-size-base);gap:var(--space-2);padding:var(--space-1) 0;text-decoration:none;transition:all var(--transition-normal)}.footer-link a:hover{color:#fff;padding-left:var(--space-2);transform:translateX(4px)}.footer-bottom{align-items:center;border-top:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding-top:var(--space-8)}.footer-copyright{color:#ffffffb3;font-size:var(--font-size-sm)}.footer-social{display:flex;gap:var(--space-4)}.footer-social a{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-full);color:#ffffffb3;display:flex;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.footer-social a:hover{background:var(--primary-color);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 var(--space-4)}.footer-grid{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 var(--space-4)}.hero-actions{gap:var(--space-4)}.hero-actions,.hero-features{align-items:center;flex-direction:column}.features-grid{gap:var(--space-6)}.features-grid,.pricing-grid,.steps-grid{grid-template-columns:1fr}.pricing-grid{gap:var(--space-6)}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}.testimonials-grid{gap:var(--space-6);grid-template-columns:1fr}.cta-actions{align-items:center;flex-direction:column}.footer-grid{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:var(--space-4);text-align:center}.floating-element{display:none}.section-title{font-size:var(--font-size-3xl)}.section-subtitle{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:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{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{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{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{border-color:#667eea;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{color:#ef4444;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{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{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;--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: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: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: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:var(--primary-gradient)!important;border:2px solid var(--primary)!important;border-radius:0!important;box-shadow:0 4px 15px #667eea4d!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:var(--bg-white)!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: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:var(--success)!important}.enhanced-availability-manager .day-card.selected{background:#667eea0d!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: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:var(--bg-white)!important;border:2px solid var(--border-gray-dark)!important;border-radius:0!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:var(--success)!important;border-color:var(--success)!important}.enhanced-availability-manager .day-title{border-radius:0;color:var(--text-dark)!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important}.enhanced-availability-manager .day-title.inactive{color:var(--text-gray)!important}.enhanced-availability-manager .add-slot-btn{align-items:center!important;background:var(--primary-gradient)!important;border:none!important;border-radius:0!important;box-shadow:0 2px 8px #667eea33!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{align-items:center!important;background:var(--bg-gray-light)!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:var(--primary)!important;box-shadow:0 4px 12px #0000001a!important}.enhanced-availability-manager .slot-fields{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: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:var(--bg-white)!important;border:2px solid var(--border-gray)!important;border-radius:0!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: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:var(--danger)!important;border:none!important;border-radius:0!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:var(--text-gray)!important;padding:2rem!important;text-align:center!important}.enhanced-availability-manager .unavailable-icon{color:var(--text-gray)!important;margin:0 auto .5rem!important;opacity:.5!important}.enhanced-availability-manager .action-buttons{align-items:center!important;background:var(--bg-gray-light)!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 var(--border-gray)!important;border-radius:0!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:var(--bg-gray-light)!important;border-color:var(--text-gray)!important}.enhanced-availability-manager .save-btn{align-items:center!important;background:var(--primary-gradient)!important;border:none!important;border-radius:0!important;box-shadow:0 4px 15px #667eea4d!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: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-top:4px solid var(--bg-gray)!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: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{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{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{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{display:inline-flex;gap:8px;padding:10px 20px;transition:all .3s ease-in-out}.btn-secondary:hover{background:var(--accent-purple)!important;box-shadow:0 5px 15px #8b5cf633;color:#fff!important}.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{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;font-family:Nunito,sans-serif;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{display:grid;gap:15px;grid-template-columns:1fr}@media (min-width:768px){.profile-form .form-grid{grid-template-columns:1fr 1fr}}.profile-form textarea{direction:ltr!important;resize:vertical;text-align:left!important;unicode-bidi:normal!important}.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{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{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:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;display:flex;filter:none;gap:16px;opacity:1;padding:20px;transition:all .3s ease}.analytics-card:hover{border-color:#8b5cf6;box-shadow:0 8px 16px #8b5cf626;transform:translateY(-2px)}.analytics-card .card-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.analytics-card .card-icon{background:#8b5cf6;border-radius:12px;color:#fff}.analytics-card .card-content .card-title{color:#6b7280;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;margin:0;opacity:1}.analytics-card .card-content .card-value{color:#111827;font-family:Nunito,sans-serif;font-size:2rem;font-weight:800;margin:4px 0 0;opacity:1}.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: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-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;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{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{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{background-color:#0009;padding:20px}.modal-content{border:1px solid var(--divider-color);box-shadow:0 10px 30px #0003;max-width:700px;overflow:hidden;position:relative}.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{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;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: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;direction:ltr!important;display:flex;gap:.5rem;text-align:left!important;width:100%}.editable-field-input{background:#fff;border:1px solid #667eea;border-radius:0;color:#374151;direction:ltr!important;flex:1 1;font-size:.875rem;padding:.5rem;text-align:left!important;transition:all .2s ease;unicode-bidi:normal!important}.editable-field-input textarea,textarea.editable-field-input{text-orientation:mixed!important}.editable-field-input textarea,.profile-form textarea,textarea#businessAddress,textarea#businessDescription,textarea.editable-field-input{direction:ltr!important;text-align:left!important;unicode-bidi:normal!important;writing-mode:horizontal-tb!important}.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}.toggle-slider{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border:1px solid var(--divider-color);transition:.3s}.toggle-slider:before{border:1px solid var(--divider-color);border-radius:0;left:2px;transition:.3s}input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}input:checked+.toggle-slider:before{border-color:#667eea;transform:translateX(24px)}.role-password-config{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--divider-color);border-radius:0;margin-top:20px;padding:20px}.config-header{border-bottom:1px solid var(--divider-color);margin-bottom:20px;padding-bottom:15px}.config-header h4{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin:0 0 5px}.config-header p{color:var(--text-light);font-size:.9rem;margin:0}.password-field{margin-bottom:20px}.field-header{margin-bottom:8px}.field-header,.field-icon{align-items:center;display:flex}.field-icon{color:#667eea;height:20px;justify-content:center;margin-right:8px;width:20px}.field-header label{color:var(--text-dark);font-size:.9rem;font-weight:600;margin:0}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{background-color:#fff;border:1px solid var(--divider-color);border-radius:0;flex:1 1;font-size:.9rem;padding:12px 40px 12px 12px;transition:all .3s ease}.password-input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.password-input-wrapper input.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.password-toggle{background:none;border:none;color:var(--text-light);cursor:pointer;padding:4px;position:absolute;right:8px;transition:color .3s ease}.password-toggle:hover{color:#667eea}.field-error{align-items:center;color:#ef4444;display:flex;font-size:.8rem;margin-top:5px}.field-error svg{margin-right:5px}.access-info{background-color:#fff;border:1px solid var(--divider-color);border-radius:0;margin:20px 0;padding:15px}.access-item{align-items:center;display:flex;margin-bottom:10px}.access-item:last-child{margin-bottom:0}.access-icon{align-items:center;border-radius:0;display:flex;height:24px;justify-content:center;margin-right:10px;width:24px}.access-icon.admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.access-icon.employee{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.access-text{color:var(--text-dark);font-size:.9rem}.config-actions{border-top:1px solid var(--divider-color);margin-top:20px;padding-top:15px}.current-status{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:0;margin-top:15px;padding:15px}.status-header{align-items:center;color:#059669;display:flex;font-weight:600;margin-bottom:5px}.status-header svg{margin-right:8px}.current-status p{color:#065f46;font-size:.9rem;margin:0}.spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;margin-right:8px;width:16px}.franchise-location-manager{padding:15px}.add-location-btn{align-items:center;background-color:#8b5cf6;border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;margin-bottom:20px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s}.add-location-btn:hover{background-color:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.location-form{background-color:#f8f9fa;border:1px solid var(--divider-color);margin-bottom:20px;padding:20px}.location-form .form-title{font-size:1.1rem;font-weight:700;margin-bottom:15px}.location-form .form-grid{display:grid;gap:15px;grid-template-columns:1fr 1fr}.location-form .form-group{margin-bottom:15px}.location-form .form-group label{color:var(--text-dark);display:block;font-size:.85rem;font-weight:600;margin-bottom:5px}.location-form .form-group input,.location-form .form-group textarea{border:1px solid var(--divider-color);border-radius:0;font-size:.9rem;padding:10px;width:100%}.location-form .form-group small{color:var(--text-light);font-size:.75rem;margin-top:5px}.location-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.location-form .btn-primary{align-items:center;background-color:#8b5cf6;border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.location-form .btn-primary:hover{background-color:#7c3aed;transform:translateY(-1px)}.location-form .btn-secondary{align-items:center;background-color:#e5e7eb;border:2px solid #d1d5db;border-radius:0;color:#374151;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.location-form .btn-secondary:hover{background-color:#d1d5db}.locations-list{display:flex;flex-direction:column;gap:15px}.location-card{background-color:#fff;border:1px solid var(--divider-color);transition:all .2s ease-in-out}.location-card:hover{box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.location-card-header{align-items:center;background-color:#fdfdff;border-bottom:1px solid var(--divider-color);display:flex;justify-content:space-between;padding:12px 15px}.location-city{align-items:center;color:var(--text-dark);display:flex;font-size:1.1rem;font-weight:700;gap:8px}.location-actions button{background:none;border:none;color:var(--text-light);cursor:pointer;padding:4px}.location-actions button:hover{color:var(--accent-purple)}.location-card-body{display:flex;flex-direction:column;gap:12px;padding:15px}.location-address,.location-landmark{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px}.location-card-body .cluster-title{align-items:center;color:var(--text-light);display:flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.5px;margin:15px 0 10px;text-transform:uppercase}.location-card-body .cluster-title,.pincode-cluster{border-top:1px solid var(--divider-color);padding-top:15px}.pincode-cluster{margin-top:15px}.main-location-display{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:0;display:flex;gap:.5rem;padding:.75rem}.main-location-badge{background:#10b981;color:#fff;font-size:.7rem;font-weight:700;left:-1px;padding:2px 8px;text-transform:uppercase;top:-1px}.main-location-info{display:flex;flex-direction:column;line-height:1.3}.main-location-icon{color:var(--accent-purple)}.main-pincode{color:var(--text-dark);font-size:1.1rem;font-weight:700}.main-landmark{color:#6c757d;font-size:.8rem}.pincode-cluster .tags-container{display:flex;flex-wrap:wrap;gap:6px}.manage-cluster-btn{align-items:center;background-color:#8b5cf6;border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:.5rem;margin-top:15px;padding:.6rem 1.2rem;transition:all .3s}.manage-cluster-btn:hover{background-color:#7c3aed;transform:translateY(-1px)}.pincode-tag{background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:0;color:#4338ca;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.25rem;padding:.5rem .75rem}.pincode-tag .pincode-value{font-size:.9rem;font-weight:700}.pincode-tag .landmark-value{color:#6366f1;font-size:.75rem;font-weight:400}.no-locations-message{color:var(--text-light);font-style:italic;padding:20px;text-align:center}.pincode-cluster-input{background-color:#fdfdff;border:1px solid var(--divider-color);margin-top:10px;padding:15px}.pincode-cluster-input label{color:var(--text-dark);font-size:.9rem;font-weight:600}.pincode-cluster-input small{color:var(--text-light);display:block;font-size:.8rem;margin-bottom:15px}.cluster-entries{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding-right:5px}.cluster-entry{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.pincode-cluster-input .cluster-landmark-input,.pincode-cluster-input .cluster-pincode-input{border:1px solid #ced4da;border-radius:0;flex-grow:1;padding:.6rem;transition:border-color .2s,box-shadow .2s}.pincode-cluster-input .cluster-landmark-input:focus,.pincode-cluster-input .cluster-pincode-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.remove-entry-btn{align-items:center;background:#0000;border:none;border-radius:0;color:#dc3545;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s}.remove-entry-btn:hover{background-color:#fbebee}.add-entry-btn{align-items:center;background-color:#8b5cf6;border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5rem;margin-top:15px;padding:.5rem 1rem;transition:all .3s}.add-entry-btn:hover{background-color:#7c3aed}.cluster-management-form{animation:fadeIn .3s ease-in-out;background-color:initial;border:none;margin-bottom:0;padding:0}.cluster-management-form .form-title{border-bottom:1px solid #eee;color:#343a40;margin-bottom:1rem;padding-bottom:.75rem}@media (max-width:768px){.location-form .form-grid{grid-template-columns:1fr}.location-card-header{flex-wrap:wrap;gap:10px}.location-card-body{padding:12px}.main-location-display{align-items:flex-start;flex-direction:column}.cluster-entry{align-items:stretch;flex-direction:column;padding-bottom:10px;position:relative}.cluster-entry .remove-entry-btn{background-color:#fff;position:absolute;right:0;top:0}.location-form .form-actions{flex-direction:column;gap:8px}.location-form .form-actions button{justify-content:center;width:100%}}.outbound-management-section{background:#fff;border-radius:0;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem}.outbound-management-section .section-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.outbound-management-section .header-content{align-items:center;display:flex;gap:1rem}.outbound-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}.outbound-management-section .header-text h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.outbound-management-section .header-text p{color:#64748b;font-size:1rem;margin:.25rem 0 0}.tabs-container{gap:.5rem;margin-bottom:2rem;overflow-x:auto;scroll-behavior:smooth}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:0}.tab-btn{border-bottom:2px solid #0000;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tab-btn.active,.tab-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-btn.active{border-bottom-color:#0000}.stats-cards-container{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;margin-top:2rem;order:-1}.stat-card{border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;gap:1rem}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);height:50px;width:50px}.stat-icon svg{color:#fff;height:24px;width:24px}.stat-content h3{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0}.stat-content p{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.controls-section{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-control{gap:.5rem;max-width:600px;min-width:250px}.search-control svg{color:#64748b;height:18px;left:12px;width:18px}.search-input{border:1px solid #d1d5db;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.search-button:hover{background:linear-gradient(135deg,#5a6fe0,#6c4296);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.filter-control{gap:.5rem}.filter-select{border:1px solid #d1d5db;transition:all .2s ease}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.loading-state{padding:4rem 2rem}.loading-spinner{border:3px solid #e5e7eb;height:32px;margin-bottom:1rem;width:32px}.campaign-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}.campaign-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.campaign-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.campaign-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.campaign-info{flex:1 1;min-width:0}.campaign-info h4{word-wrap:break-word;color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.campaign-type{color:#64748b;font-size:.875rem;margin:0}.campaign-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}.campaign-status-badge.status-active{background:#dcfce7;border:1px solid #22c55e;color:#166534}.campaign-status-badge.status-pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.campaign-status-badge.status-paused{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.campaign-status-badge.status-completed{background:#dbeafe;border:1px solid #0284c7;color:#1e40af}.campaign-details{flex:1 1;margin-bottom:1rem}.detail-item{font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.detail-item svg{color:#667eea;height:18px;width:18px}.campaign-stats{background:#f8fafc;border-radius:0;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:.75rem;padding:.75rem}.stat-item{text-align:center}.stat-item-label{color:#64748b;font-size:.75rem;margin-bottom:.25rem}.stat-item-value{color:#1e293b;font-size:1.25rem;font-weight:700}.campaign-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.campaign-actions .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}.campaign-actions .view-details-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.campaign-actions .view-details-btn:hover{background:linear-gradient(135deg,#5a6fe0,#6c4296);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.campaign-actions .pause-btn{background:#fff;border:2px solid #667eea;color:#667eea}.campaign-actions .pause-btn:hover{background:#f0f4ff;border-color:#5a6fe0;box-shadow:0 4px 12px #667eea33;color:#5a6fe0;transform:translateY(-2px)}.campaign-actions .action-btn:active{transform:translateY(0)}.empty-state svg{color:#9ca3af;height:48px;margin-bottom:1rem;width:48px}.empty-state h3{color:#374151}.empty-state p{max-width:400px}.content-area{margin-top:2rem}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table th{border-radius:0;color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left}.data-table td{background:#fff;border-bottom:1px solid #e5e7eb;color:#1e293b;font-weight:500;padding:1.25rem 1rem}.data-table tbody tr{background:#fff;transition:all .2s ease}.data-table tbody tr:hover{background:#f8fafc;box-shadow:inset 0 0 0 1px #e5e7eb}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr td:first-child{color:#667eea;font-weight:600}.id-cell{color:#667eea;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.phone-cell{color:#1e293b;font-weight:600;letter-spacing:.5px}.date-cell{color:#64748b;font-size:.85rem}.date-display{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.date-display svg{color:#667eea;flex-shrink:0}.status-badge.status-not-answered{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b}.pagination-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:0;gap:2rem;justify-content:center;margin-top:2rem;padding:1.5rem}.pagination-btn{background:#fff;border:1px solid #d1d5db;color:#667eea;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d}.pagination-btn:disabled{background:#f3f4f6}.pagination-info{color:#64748b;font-size:.95rem;font-weight:600;white-space:nowrap}.sales-config-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:2rem}.config-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.config-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.config-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.config-header h3{font-size:1.25rem;font-weight:600;margin:0}.config-content{padding:1.5rem}.config-field{margin-bottom:1.5rem}.config-field label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.config-value{color:#64748b;font-size:.875rem;line-height:1.5;margin:0;word-break:break-word}.error-message{align-items:center;animation:slideDown .3s ease;background:#fee2e2;border:1px solid #ef4444;border-radius:0;color:#991b1b;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;margin-top:1rem;padding:1rem 1.5rem}.error-message svg{flex-shrink:0;height:20px;width:20px}.reminder-config-container{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.reminder-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 4px #0000000d;overflow:hidden;padding:1.5rem;transition:all .3s ease}.reminder-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.reminder-card h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.reminder-card p{color:#64748b;font-size:.875rem;margin:0}.others-container{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.info-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;padding:1.5rem;transition:all .3s ease}.info-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.info-card h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.info-content{gap:.75rem}.info-content p{color:#64748b;font-size:.875rem;margin:0}.service-card{border-radius:0;box-shadow:0 2px 4px #0000000d}.service-card:hover{box-shadow:0 8px 16px #0000001a}.service-card h4{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin:0 0 .5rem}.service-card .status-badge{margin-bottom:1rem;margin-left:auto}.service-toggle-card{display:flex;flex-direction:column;overflow:hidden}.service-toggle-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.service-icon-container{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem;width:100%}.service-icon-background,.service-icon-container{align-items:center;display:flex;justify-content:center}.service-icon-background{background:#fff3;border-radius:12px;color:#fff;height:64px;width:64px}.service-icon-background svg{height:32px;width:32px}.service-content{flex:1 1;padding:1.25rem 1.5rem}.service-title{color:#1e293b;font-size:1.125rem;font-weight:700;letter-spacing:.3px;margin:0 0 .5rem}.service-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.service-status{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:.75rem 1.5rem}.service-status .status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.service-status .status-badge.status-active{background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #22c55e;color:#166534}.service-status .status-badge.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.service-toggle-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.toggle-slider{border-radius:28px}@media (max-width:1024px){.services-toggle-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:768px){.services-toggle-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.service-icon-container{padding:1.25rem}.service-icon-background{height:56px;width:56px}.service-icon-background svg{height:28px;width:28px}.service-content{padding:1rem 1.25rem}.service-title{font-size:1rem}.service-toggle-footer{padding:1rem 1.25rem}}@media (max-width:480px){.services-toggle-grid{gap:.875rem;grid-template-columns:1fr}.service-icon-container{padding:1rem}.service-icon-background{height:48px;width:48px}.service-icon-background svg{height:24px;width:24px}.service-content{padding:.875rem 1rem}.service-title{font-size:.95rem;margin-bottom:.375rem}.service-description{font-size:.8125rem}.service-toggle-footer{align-items:flex-start;flex-direction:column;padding:.875rem 1rem}.toggle-label{margin-bottom:.5rem;width:100%}.toggle-switch{margin-left:auto}}.survey-config-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:2rem}.survey-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.survey-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.survey-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.survey-header h3{font-size:1.25rem;font-weight:600;margin:0}.survey-content{padding:1.5rem}.survey-field{margin-bottom:1.5rem}.survey-field label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.survey-value{color:#64748b;margin:0;word-break:break-word}.checkbox-label,.survey-value{font-size:.875rem;line-height:1.5}.checkbox-label{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.75rem;margin-top:.5rem}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;margin-top:.125rem;width:20px}.success-message{align-items:center;animation:slideDown .3s ease;background:#dcfce7;border:1px solid #22c55e;border-radius:0;color:#166534;display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem;margin-top:1rem;padding:1rem 1.5rem}.success-message svg{flex-shrink:0;height:20px;width:20px}.header-refresh{flex-wrap:wrap;gap:1rem}.header-refresh,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:#fff;border:2px solid #667eea;border-radius:0;box-shadow:none;color:#667eea;cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;height:auto;justify-content:center;letter-spacing:.5px;padding:.625rem 1rem;text-transform:uppercase;transition:all .3s ease;width:auto}.refresh-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-1px)}.refresh-btn:active{transform:translateY(0)}.refresh-btn svg{height:18px;width:18px}.last-refresh{color:#64748b;font-size:.875rem;font-weight:500;white-space:nowrap}.toggle-switch{height:24px;width:50px}.toggle-slider{background-color:#ef4444}.toggle-slider:before{bottom:3px;height:18px;left:3px;width:18px}input:checked+.toggle-slider{background-color:#22c55e}input:checked+.toggle-slider:before{transform:translateX(26px)}input:focus+.toggle-slider{box-shadow:0 0 0 3px #667eea1a}.services-management-form-wrapper{padding:1.5rem}.services-toggle-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-toggle-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 4px #0000000d;padding:1.5rem;transition:all .3s ease}.service-toggle-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.service-toggle-header{border-bottom:1px solid #e5e7eb;margin-bottom:.75rem;padding-bottom:.75rem}.feature-config-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.feature-config-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.feature-icon-container{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem;width:100%}.feature-icon-background,.feature-icon-container{align-items:center;display:flex;justify-content:center}.feature-icon-background{background:#fff3;border-radius:0;color:#fff;height:64px;width:64px}.feature-icon-background svg{height:32px;width:32px}.feature-content{flex:1 1;padding:1.25rem 1.5rem}.feature-title{color:#1e293b;font-size:1.125rem;font-weight:700;letter-spacing:.3px;margin:0 0 .5rem}.feature-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.feature-status{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:.75rem 1.5rem}.feature-status .status-badge{border-radius:0;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.feature-status .status-badge.status-active{background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #22c55e;color:#166534}.feature-status .status-badge.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.feature-toggle-footer{align-items:center;background:#fff;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.toggle-label{color:#374151;font-size:.875rem;font-weight:600;white-space:nowrap}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e5e7eb;border:2px solid #0000;border-radius:0;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:4px;width:20px}input:checked+.toggle-slider{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#0000}input:checked+.toggle-slider:before{transform:translateX(28px)}input:focus+.toggle-slider{border-color:#667eea4d;box-shadow:0 0 0 4px #667eea26}input:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}.cancel-btn,.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea,.inline-form,.services-management-form-wrapper,.submit-btn,.tab-form-section{border-radius:0}.submit-btn-small{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;min-width:120px;padding:.75rem 1.25rem;transition:all .2s ease}.submit-btn-small:hover{background:linear-gradient(135deg,#5a6fe0,#6c4296);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-btn-small:disabled{cursor:not-allowed;opacity:.6}.form-card,.number-management-form-wrapper{border-radius:0}.services-management-form-wrapper{background:#f9fafb;border-radius:8px;padding:2rem}.services-toggle-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:1024px){.services-toggle-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-icon-background{height:56px;width:56px}.feature-icon-background svg{height:28px;width:28px}}@media (max-width:768px){.services-toggle-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-icon-container{padding:1.25rem}.feature-icon-background{height:48px;width:48px}.feature-icon-background svg{height:24px;width:24px}.feature-content{padding:1rem 1.25rem}.feature-title{font-size:1rem}.feature-toggle-footer{padding:1rem 1.25rem}.services-management-form-wrapper{padding:1.5rem}}@media (max-width:480px){.services-toggle-grid{gap:.875rem;grid-template-columns:1fr}.feature-icon-container{padding:1rem}.feature-icon-background{height:48px;width:48px}.feature-icon-background svg{height:24px;width:24px}.feature-content{padding:.875rem 1rem}.feature-title{font-size:.95rem;margin-bottom:.375rem}.feature-description{font-size:.8125rem}.feature-toggle-footer{align-items:flex-start;flex-direction:column;padding:.875rem 1rem}.toggle-label{margin-bottom:.5rem;width:100%}.toggle-switch{margin-left:auto}.services-management-form-wrapper{padding:1rem}}.form-section-header{border-bottom:2px solid #f1f5f9;margin-bottom:1.5rem;padding-bottom:1rem}.form-section-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.form-section-header p{color:#64748b;font-size:.875rem;margin:.5rem 0 0}.tab-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:2rem}.inline-form{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.form-fields-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group label{font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-group small{color:#64748b;font-size:.8rem;font-weight:400;margin-top:.25rem}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:.95rem;padding:.875rem 1rem;transition:all .2s ease}.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.form-group select{cursor:pointer}.form-actions{border-top:1px solid #e5e7eb;gap:1rem}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.875rem 1.5rem;transition:all .2s ease}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover{background:linear-gradient(135deg,#5a6fe0,#6c4296);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.number-management-form-wrapper{background:#f9fafb;border-radius:8px;padding:1.5rem}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.form-card-section{margin-bottom:1rem}.services-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.table-container{border:1px solid #e5e7eb;border-radius:8px;margin-top:2rem;overflow-x:auto}.status-badge{border:1px solid;border-radius:4px;font-size:.8rem;font-weight:600;padding:.5rem .875rem}.status-badge.status-active{background:linear-gradient(135deg,#dcfce7,#d1fae5);border-color:#22c55e;color:#166534}.status-badge.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b}@media (max-width:1024px){.outbound-campaigns-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.outbound-management-section{padding:1.5rem}.tab-btn{font-size:.9375rem;padding:.625rem 1.25rem}.stats-cards-container{gap:1rem}.sales-config-container,.survey-config-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.outbound-management-section{padding:1rem}.outbound-management-section .section-header{align-items:flex-start;flex-direction:column;gap:1rem}.outbound-management-section .header-icon{height:50px;width:50px}.outbound-management-section .header-text h2{font-size:1.5rem}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.tab-btn{font-size:.875rem;padding:.75rem 1rem}.controls-section{align-items:stretch;flex-direction:column}.search-control{max-width:none}.stats-cards-container{gap:1rem;grid-template-columns:repeat(2,1fr)}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.75rem .5rem}.form-fields-grid,.others-container,.reminder-config-container,.sales-config-container,.services-grid,.survey-config-container{grid-template-columns:1fr}.form-fields-grid{gap:1rem}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{min-width:unset;width:100%}.tab-form-section{padding:1.5rem 1rem}.header-refresh{justify-content:space-between;width:100%}}@media (max-width:480px){.outbound-management-section{padding:.75rem}.outbound-management-section .header-icon{height:45px;width:45px}.outbound-management-section .header-text h2{font-size:1.25rem}.outbound-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}.data-table td,.data-table th{font-size:.7rem;padding:.5rem}.id-cell{font-size:.75rem}.pagination-info{font-size:.8rem}.refresh-btn{font-size:1rem;height:35px;width:35px}.inline-form,.tab-form-section{padding:1rem}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:.75rem}.cancel-btn,.submit-btn{font-size:.9rem;padding:.75rem 1rem}.form-section-header h3{font-size:1.25rem}.stat-card{flex-direction:column;text-align:center}.stat-content h3{font-size:1.5rem}}@media (max-width:360px){.outbound-management-section{padding:.5rem}.outbound-management-section .header-icon{height:40px;width:40px}.outbound-management-section .header-text h2{font-size:1.125rem}.tab-btn{font-size:.75rem;padding:.5rem .75rem}.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}.form-section-header h3{font-size:1.125rem}}@media print{.outbound-management-section{box-shadow:none}.campaign-actions,.controls-section,.form-actions,.search-button,.tabs-container{display:none!important}.campaign-card{break-inside:avoid;page-break-inside:avoid}.outbound-campaigns-grid{display:block}.campaign-card{border:1px solid #000;margin-bottom:1rem}.tab-form-section{page-break-inside:avoid}}@media (prefers-contrast:high){.campaign-card{border:2px solid #000}.campaign-status-badge,.status-badge{border:2px solid}}.employee-management-section{align-self:flex-start;background:#fff;border-radius:0;box-shadow:0 4px 20px #8b5cf614;margin-bottom:2rem;padding:2.5rem;width:100%}.employee-management-section .section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.employee-management-section .header-content{align-items:center;display:flex;gap:1.5rem}.employee-management-section .header-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:0;box-shadow:0 4px 16px #8b5cf64d;color:#fff;display:flex;height:64px;justify-content:center;width:64px}.employee-management-section .header-text h2{color:#1e293b;font-family:Nunito,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0;text-align:left}.employee-management-section .header-text p{color:#64748b;font-family:Nunito,sans-serif;font-size:1rem;font-weight:500;margin:.5rem 0 0}.tabs-container{border-bottom:2px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:2.5rem;padding:0 .25rem}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;border-radius:0;color:#64748b;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;gap:.625rem;margin-bottom:-2px;padding:1rem 1.75rem;transition:all .3s ease}.tab-btn:hover{background:#8b5cf614;color:#8b5cf6}.tab-btn.active{background:#8b5cf61a;border-bottom-color:#8b5cf6;color:#8b5cf6}.tab-btn-highlighted{animation:pulse-highlight 2s ease-in-out infinite;position:relative}.tab-btn-highlighted:not(.active){background:#8b5cf61f;border-bottom:3px solid #8b5cf6}@keyframes pulse-highlight{0%,to{box-shadow:0 0 0 0 #8b5cf680}50%{box-shadow:0 0 24px 6px #8b5cf640}}.notification-badge{align-items:center;animation:badge-bounce .5s ease-in-out;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:0;box-shadow:0 2px 8px #ef444466;color:#fff;display:inline-flex;font-family:Nunito,sans-serif;font-size:.8125rem;font-weight:800;height:24px;justify-content:center;margin-left:.625rem;min-width:24px;padding:0 8px}@keyframes badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.controls-section{align-items:center;display:flex;gap:1.25rem;margin-bottom:2.5rem}.search-control{align-items:center;display:flex;flex:1 1;gap:.75rem;position:relative}.search-control svg{color:#8b5cf6;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{border:2px solid #e5e7eb;border-radius:0;flex:1 1;font-family:Nunito,sans-serif;font-size:1rem;font-weight:500;padding:.875rem .875rem .875rem 3rem;transition:all .3s ease}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none}.search-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:0;box-shadow:0 4px 12px #8b5cf640;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;gap:.625rem;padding:.875rem 2rem;transition:all .3s ease;white-space:nowrap}.search-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf659;transform:translateY(-2px)}.filter-control{align-items:center;display:flex;gap:.75rem}.filter-control svg{color:#8b5cf6}.filter-select{border:2px solid #e5e7eb;color:#1e293b;font-size:1rem;font-weight:600;padding:.875rem 1.25rem;transition:all .3s ease}.filter-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.search-hint{display:none}.employees-list{margin-top:2rem}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem}.loading-state p{font-family:Nunito,sans-serif;font-weight:600}.loading-spinner{border:4px solid #f3e8ff;border-top-color:#8b5cf6;margin-bottom:1.5rem}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem}.empty-state svg{color:#8b5cf6;opacity:.6}.empty-state h3{color:#1e293b;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:800;margin:0 0 .75rem}.empty-state p{font-family:Nunito,sans-serif;font-size:1rem;font-weight:500;margin:0;max-width:450px}.employees-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.employee-card{border:2px solid #f3f4f6;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative}.employee-card:hover{border-color:#e9d5ff;box-shadow:0 12px 32px #8b5cf626;transform:translateY(-4px)}.employee-header{align-items:flex-start;display:flex;gap:1.25rem;margin-bottom:1.5rem}.employee-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:0;box-shadow:0 4px 12px #8b5cf640;overflow:hidden}.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-family:Nunito,sans-serif;font-size:1.25rem;font-weight:800;margin:0 0 .375rem}.employee-role{color:#8b5cf6;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:700;margin:0}.connection-status-badge{align-items:center;border-radius:0;display:inline-flex;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:800;gap:.5rem;letter-spacing:.5px;margin-left:auto;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.connection-status-badge.status-pending{background:#fef3c7;border:2px solid #fbbf24;color:#92400e}.connection-status-badge.status-accepted{background:#dcfce7;border:2px solid #22c55e;color:#166534}.connection-status-badge.status-rejected{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.status-badge{align-items:center;border-radius:0;display:inline-flex;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:800;gap:.375rem;letter-spacing:.5px;padding:.375rem 1rem;text-transform:uppercase;white-space:nowrap}.status-badge.status-pending{background:#fef3c7;border:2px solid #fbbf24;color:#92400e}.status-badge.status-approved{background:#dcfce7;border:2px solid #22c55e;color:#166534}.status-badge.status-rejected{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.employee-details{flex:1 1;margin-bottom:1.5rem}.detail-item{word-wrap:break-word;align-items:center;color:#64748b;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:500;margin-bottom:.875rem;padding:.625rem 0}.detail-item svg{color:#8b5cf6;height:20px;width:20px}.expertise-section{border-top:1px solid #f3f4f6;margin-top:1rem;padding-top:1rem}.expertise-section strong{color:#1e293b;display:block;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:800;margin-bottom:.75rem}.expertise-tags{display:flex;flex-wrap:wrap;gap:.625rem}.skill-tag{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:2px solid #e9d5ff;border-radius:0;color:#7c3aed;display:inline-block;font-family:Nunito,sans-serif;font-size:.8125rem;font-weight:700;padding:.5rem 1rem;transition:all .3s ease}.skill-tag:hover{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);box-shadow:0 2px 8px #8b5cf633;transform:translateY(-1px)}.employee-description{background:#fafafa;border-left:4px solid #8b5cf6;border-radius:0;margin-top:1rem;padding:1rem}.employee-description p{color:#64748b;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.6;margin:0}.employee-actions-hover{border-top:2px solid #f3f4f6;display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.employee-actions-hover .action-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;flex:1 1;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:800;gap:.625rem;justify-content:center;padding:1rem 1.25rem;transition:all .3s ease}.employee-actions-hover .view-tasks-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.employee-actions-hover .view-tasks-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.employee-actions-hover .disconnect-btn{background:#fff;border:2px solid #8b5cf6;color:#8b5cf6}.employee-actions-hover .disconnect-btn:hover{background:#f3e8ff;border-color:#7c3aed;box-shadow:0 4px 16px #8b5cf633;color:#7c3aed;transform:translateY(-2px)}.employee-actions-hover .action-btn:active{transform:translateY(0)}.request-message{background:#fafafa;border-left:4px solid #8b5cf6;border-radius:0;margin-bottom:.75rem;margin-top:.75rem;padding:1rem}.request-message strong{color:#1e293b;display:block;font-family:Nunito,sans-serif;font-size:.8125rem;font-weight:800;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.request-message p{color:#64748b;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.6;margin:0}.employee-actions{border-top:2px solid #f3f4f6;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.employee-actions-discover{border-top:2px solid #f3f4f6!important;gap:1rem!important;margin-top:1.5rem!important;padding-top:1.5rem!important;position:relative}.send-request-hover-only{gap:.75rem!important;transition:none!important}.connected-message,.pending-message{display:flex!important;max-height:10000px!important;opacity:1!important;visibility:visible!important}.send-request-section{gap:.75rem!important;transition:none!important}.request-message-input{border:2px solid #e5e7eb;border-radius:0;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:500;min-height:70px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.request-message-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none}.request-message-input::placeholder{color:#9ca3af;font-family:Nunito,sans-serif}.send-request-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:0;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:800;gap:.625rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.send-request-btn:hover{box-shadow:0 6px 20px #8b5cf666;opacity:.95;transform:translateY(-2px)}.send-request-btn:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.connected-message{align-items:center;background:#dcfce7;border:2px solid #22c55e;border-radius:0;color:#166534;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:700;gap:.75rem;padding:1rem 1.25rem}.connected-message svg{flex-shrink:0}.pending-message{align-items:center;background:#fef3c7;border:2px solid #fbbf24;border-radius:0;color:#92400e;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:700;gap:.75rem;padding:1rem 1.25rem}.pending-message svg{flex-shrink:0}.approved-message,.rejected-message{align-items:center;border-radius:0;display:flex;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:700;gap:.75rem;justify-content:center;padding:1rem 1.25rem}.approved-message{background:#dcfce7;border:2px solid #22c55e;color:#166534}.rejected-message{background:#fee2e2;border:2px 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-family:Nunito,sans-serif;font-size:.9375rem;font-weight:800;gap:.625rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666}.btn-secondary{background:#f3f4f6;color:#475569}.btn-secondary:hover{background:#e5e7eb}.btn-full{width:100%}.request-actions-group{border-top:2px solid #f3f4f6;display:flex;gap:1.25rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff;flex:1 1}.btn-approve:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff;flex:1 1}.btn-reject:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.modal-overlay{padding:1.5rem}.modal-content.task-modal{background:#fff;border-radius:0;box-shadow:0 20px 60px #8b5cf64d;display:flex;flex-direction:column;max-height:90vh;max-width:750px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.modal-title{gap:1.25rem}.modal-title h3{font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:800;margin:0}.modal-title p{font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:600;margin:.5rem 0 0;opacity:.95}.modal-close{border:none;padding:.625rem;transition:all .3s}.modal-close:hover{transform:scale(1.05)}.modal-body{flex:1 1}.tasks-section{margin-bottom:2.5rem}.tasks-section:last-child{margin-bottom:0}.section-header-small{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.section-header-small svg{color:#8b5cf6}.section-header-small h4{color:#1e293b;font-family:Nunito,sans-serif;font-size:1.375rem;font-weight:800;margin:0}.task-item{align-items:center;background:#fafafa;border:2px solid #f3f4f6;border-radius:0;display:flex;justify-content:space-between;padding:1.25rem;transition:all .3s}.task-item:hover{background:#f3e8ff;border-color:#e9d5ff;transform:translateX(4px)}.task-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.task-title{color:#1e293b;font-family:Nunito,sans-serif;font-size:1.0625rem;font-weight:800}.task-date{color:#64748b;font-weight:500}.task-customer,.task-date{font-family:Nunito,sans-serif;font-size:.9375rem}.task-customer{color:#475569;font-weight:700}.task-address{color:#64748b;font-size:.9375rem;font-weight:500;line-height:1.5}.task-address,.task-instructions{font-family:Nunito,sans-serif;margin-top:.375rem}.task-instructions{color:#8b5cf6;font-size:.875rem;font-style:italic;font-weight:600;line-height:1.4}.task-item-expanded .task-info{gap:.625rem}.task-status{border-radius:0;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.task-status.status-assigned,.task-status.status-scheduled{background:#e0e7ff;border:2px solid #c7d2fe;color:#3730a3}.task-status.status-pending{background:#fef3c7;border:2px solid #fbbf24;color:#92400e}.task-status.status-in-progress,.task-status.status-in_progress{background:#dbeafe;border:2px solid #93c5fd;color:#1e40af}.task-status.status-completed{background:#d1fae5;border:2px solid #6ee7b7;color:#065f46}.task-status.status-cancelled{background:#fee2e2;border:2px solid #fca5a5;color:#991b1b}.empty-tasks{color:#64748b;font-size:1rem;font-style:italic;font-weight:600;padding:2.5rem}.empty-tasks,.more-tasks{font-family:Nunito,sans-serif;text-align:center}.more-tasks{color:#8b5cf6;font-size:.9375rem;font-weight:800;margin-top:.75rem}@media (max-width:1024px){.employees-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.employee-management-section{padding:2rem}.tab-btn{font-size:.9375rem;padding:.875rem 1.5rem}.send-request-section{gap:.75rem}.request-message-input{font-size:.9375rem;min-height:65px}.send-request-btn{font-size:.9375rem;padding:.875rem 1.25rem}}@media (max-width:768px){.employee-management-section{border-radius:0;padding:1.5rem}.employee-management-section .section-header{align-items:flex-start;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.employee-management-section .header-icon{height:56px;width:56px}.employee-management-section .header-text h2{font-size:1.75rem}.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:#8b5cf6;border-radius:2px}.tab-btn{font-size:.9375rem;padding:.875rem 1.25rem}.controls-section{align-items:stretch;flex-direction:column}.search-control{max-width:none}.employees-grid{gap:1.5rem;grid-template-columns:1fr}.employee-card{border-radius:0;padding:1.5rem}.employee-actions-hover{flex-direction:column;gap:1rem;margin-top:1.25rem;padding-top:1.25rem}.employee-card:hover{transform:translateY(-2px)}.employee-actions-hover .action-btn{font-size:.9375rem;padding:.875rem 1.25rem;width:100%}.employee-header{flex-wrap:wrap}.connection-status-badge{justify-content:center;margin-left:0;margin-top:.75rem;width:100%}.employee-actions-discover{flex-direction:column;gap:1rem}.send-request-section{flex-direction:column;gap:.75rem}.request-message-input{font-size:.9375rem;min-height:65px;width:100%}.send-request-btn{font-size:.9375rem;padding:.875rem 1.25rem;width:100%}.modal-content.task-modal{border-radius:0;max-height:85vh;max-width:95%}.modal-header{padding:1.5rem}.modal-title h3{font-size:1.5rem}.modal-body{padding:1.5rem}.request-actions-group{flex-direction:column;gap:1rem}.btn-approve,.btn-reject{width:100%}}@media (max-width:480px){.employee-management-section{border-radius:0;padding:1.25rem}.employee-management-section .header-icon{height:52px;width:52px}.employee-management-section .header-text h2{font-size:1.5rem}.employee-management-section .header-text p{font-size:.9375rem}.tab-btn{font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.search-button{font-size:.9375rem;padding:.875rem 1.25rem}.employee-card{border-radius:0;padding:1.25rem}.employee-avatar{height:48px;width:48px}.employee-info h4{font-size:1.125rem}.employee-role{font-size:.875rem}.employee-actions-hover{flex-direction:column;gap:.875rem;margin-top:1.25rem}.employee-actions-hover .action-btn{font-size:.9375rem;padding:.875rem;width:100%}.detail-item{font-size:.9375rem}.skill-tag{font-size:.75rem;padding:.375rem .875rem}.connection-status-badge{font-size:.75rem;justify-content:center;margin-left:0;margin-top:.75rem;padding:.5rem .875rem;width:100%}.employee-actions-discover{flex-direction:column;gap:.875rem;margin-top:1.25rem}.send-request-section{flex-direction:column;gap:.75rem}.request-message-input{font-size:.9375rem;min-height:60px;padding:.875rem;width:100%}.connected-message,.pending-message,.send-request-btn{font-size:.9375rem;padding:.875rem 1rem;width:100%}.modal-content.task-modal{border-radius:0;max-height:90vh;max-width:100%}.modal-header{padding:1.25rem}.modal-title{gap:1rem}.modal-title h3{font-size:1.375rem}.modal-title p{font-size:.875rem}.modal-body{padding:1.25rem}.section-header-small h4{font-size:1.25rem}.task-item{align-items:flex-start;flex-direction:column;gap:.875rem;padding:1rem}.task-status{align-self:flex-start}.request-actions-group{flex-direction:column;gap:.875rem}.btn-approve,.btn-reject{padding:.875rem;width:100%}}@media (max-width:360px){.employee-management-section{border-radius:0;padding:1rem}.employee-management-section .header-icon{height:48px;width:48px}.employee-management-section .header-text h2{font-size:1.375rem}.tab-btn{font-size:.875rem;padding:.75rem .875rem}.employee-card{border-radius:0;padding:1rem}.employee-info h4{font-size:1.0625rem}.search-input{font-size:.9375rem;padding:.75rem .75rem .75rem 2.75rem}.search-button{font-size:.9375rem;padding:.75rem 1rem}.filter-select{font-size:.9375rem;padding:.75rem .875rem}.request-message-input{font-size:.9375rem;min-height:55px;padding:.75rem}.employee-actions-hover .action-btn,.send-request-btn{font-size:.875rem;padding:.75rem .875rem}}@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 (prefers-contrast:high){.employee-card{border:3px solid #000}.connection-status-badge{border:3px solid}.btn-primary,.btn-reject,.disconnect-btn,.send-request-btn,.view-tasks-btn{border:3px 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:4px solid #8b5cf6}}.employee-actions-discover .connected-message,.employee-actions-discover .pending-message,.employee-actions-discover .send-request-section,.employee-card .send-request-hover-only,.employee-card .send-request-section{display:flex!important;height:auto!important;margin:.5rem 0!important;max-height:10000px!important;opacity:1!important;overflow:visible!important;position:relative!important;transform:none!important;transition:none!important;visibility:visible!important}.employee-actions-discover{border-top:1px solid #e5e7eb!important;display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-top:1rem!important;padding-top:1rem!important;position:relative!important;width:100%!important}.employee-actions-discover .connected-message,.employee-actions-discover .pending-message,.employee-actions-discover .rejected-message{align-items:center!important;border:1px solid!important;border-radius:0!important;font-size:.875rem!important;font-weight:500!important;padding:.75rem!important}.employee-actions-discover .connected-message,.employee-actions-discover .pending-message,.employee-actions-discover .rejected-message,.send-request-hover-only{display:flex!important;gap:.5rem!important;margin:0!important;max-height:10000px!important;opacity:1!important;overflow:visible!important;visibility:visible!important}.send-request-hover-only,.send-request-section{flex-direction:column!important;height:auto!important;padding:0!important;transform:none!important}.send-request-section{display:flex!important;gap:.5rem!important;margin:0!important;overflow:visible!important}.request-message-input,.send-request-section{max-height:10000px!important;opacity:1!important;visibility:visible!important;width:100%!important}.request-message-input{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:0!important;display:block!important;font-family:inherit!important;font-size:.875rem!important;min-height:60px!important;padding:.75rem!important;resize:vertical!important;transition:all .2s ease!important}.request-message-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.request-message-input::placeholder{color:#9ca3af!important}.send-request-btn{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:0!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;font-weight:600!important;gap:.5rem!important;height:auto!important;justify-content:center!important;margin:0!important;max-height:10000px!important;opacity:1!important;overflow:visible!important;padding:.75rem 1rem!important;pointer-events:auto!important;position:relative!important;transform:none!important;transition:all .2s ease!important;visibility:visible!important;width:100%!important;z-index:10!important}.send-request-btn:hover{box-shadow:0 4px 12px #667eea4d!important;opacity:.9!important;transform:translateY(-1px)!important}.send-request-btn:disabled{background:#e5e7eb!important;box-shadow:none!important;color:#9ca3af!important;cursor:not-allowed!important;transform:none!important}.action-btn.send-request-btn{display:flex!important;flex:unset!important}.connected-message{align-items:center!important;background:#dcfce7!important;border:1px solid #22c55e!important;border-radius:0!important;color:#166534!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;margin:0!important;max-height:10000px!important;opacity:1!important;padding:.75rem!important;visibility:visible!important;width:100%!important}.connected-message svg{flex-shrink:0!important}.pending-message{align-items:center!important;background:#fef3c7!important;border:1px solid #fbbf24!important;border-radius:0!important;color:#92400e!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;margin:0!important;max-height:10000px!important;opacity:1!important;padding:.75rem!important;visibility:visible!important;width:100%!important}.pending-message svg{flex-shrink:0!important}.rejected-message{align-items:center!important;background:#fee2e2!important;border:1px solid #ef4444!important;border-radius:0!important;color:#991b1b!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;margin:0!important;max-height:10000px!important;opacity:1!important;padding:.75rem!important;visibility:visible!important;width:100%!important}.rejected-message svg{flex-shrink:0!important}@media (max-width:768px){.send-request-section{flex-direction:column!important;gap:.5rem!important}.request-message-input{min-height:50px!important;padding:.75rem!important}.request-message-input,.send-request-btn{font-size:.875rem!important;width:100%!important}.send-request-btn{padding:.75rem 1rem!important}.connected-message,.pending-message,.rejected-message{font-size:.875rem!important;padding:.75rem!important;width:100%!important}}@media (max-width:480px){.employee-actions-discover{gap:.5rem!important;margin-top:1rem!important;padding-top:1rem!important}.send-request-section{flex-direction:column!important;gap:.5rem!important}.request-message-input{min-height:50px!important;padding:.75rem!important}.request-message-input,.send-request-btn{font-size:.8125rem!important;width:100%!important}.send-request-btn{padding:.625rem .875rem!important}.connected-message,.pending-message,.rejected-message{font-size:.8125rem!important;padding:.75rem!important;width:100%!important}}@media (max-width:360px){.request-message-input{font-size:.8125rem!important;min-height:45px!important;padding:.625rem!important}.send-request-btn{font-size:.75rem!important;padding:.625rem .75rem!important}.connected-message,.pending-message,.rejected-message{font-size:.75rem!important;padding:.625rem!important}}@keyframes tabPulseHighlight{0%{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 0 0 #667eeab3;transform:scale(1)}50%{box-shadow:0 0 20px 8px #667eea4d;transform:scale(1.02)}to{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 0 0 #667eea00;transform:scale(1)}}@keyframes badgeGlow{0%,to{box-shadow:0 0 0 0 #ef4444b3}50%{box-shadow:0 0 0 10px #ef444400}}.tab-btn.tab-btn-highlighted{animation:tabPulseHighlight 1.5s ease-in-out infinite!important;position:relative!important}.tab-btn.tab-btn-highlighted .notification-badge{animation:badgeGlow 1.5s ease-in-out infinite!important;box-shadow:0 0 10px #ef4444cc!important}.tab-btn.tab-btn-highlighted{font-weight:600!important;text-shadow:0 0 8px #667eea80!important}@media (max-width:768px){.tab-btn.tab-btn-highlighted{animation:tabPulseHighlight 1.5s ease-in-out infinite!important}.tab-btn.tab-btn-highlighted .notification-badge{animation:badgeGlow 1.5s ease-in-out infinite!important}}@media (max-width:480px){@keyframes tabPulseHighlight{0%{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 0 0 #667eeab3;transform:scale(1)}50%{box-shadow:0 0 15px 5px #667eea4d;transform:scale(1.01)}to{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 0 0 #667eea00;transform:scale(1)}}.tab-btn.tab-btn-highlighted{animation:tabPulseHighlight 1.5s ease-in-out infinite!important}}.task-management-revamped{background:linear-gradient(135deg,#f5f7fa,#eef2f7);font-family:Nunito,sans-serif;min-height:100vh;padding:2rem}.task-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#6366f1;height:48px;width:48px}.task-header{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.task-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.task-header-left{flex:1 1;min-width:300px}.task-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.task-subtitle{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.task-header-actions{align-items:center;display:flex;gap:.75rem}.help-panel{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:0;font-family:Nunito,sans-serif;margin-top:1.5rem;padding:2rem}.help-header{align-items:center;color:#1e40af;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.help-header button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;margin-left:auto;padding:.25rem;transition:all .2s}.help-header button:hover{background:#0000000d;color:#1f2937}.help-content{display:flex;flex-direction:column;gap:1rem}.help-step{align-items:flex-start;background:#fff;border:1px solid #bfdbfe;display:flex;gap:1.25rem;margin-bottom:.75rem;padding:1rem}.help-step-number{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:0;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;height:40px;justify-content:center;width:40px}.help-step-number,.help-step-text h4{font-family:Nunito,sans-serif;font-weight:700}.help-step-text h4{color:#1f2937;font-size:1.05rem;margin:0 0 .5rem}.help-step-text p{color:#4b5563;font-family:Nunito,sans-serif;font-size:.95rem;line-height:1.6;margin:0}.help-step-text ul{color:#6b7280;font-size:.9rem;line-height:1.7;margin:.5rem 0 0 1.25rem;padding:0}.help-step-text ul li{margin-bottom:.25rem}.task-navigation{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.task-nav-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:0;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;text-align:left;transition:all .3s ease}.task-nav-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.task-nav-item.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff}.task-nav-item svg{color:#6b7280;flex-shrink:0}.task-nav-item.active svg{color:#fff}.nav-item-text{display:flex;flex-direction:column;gap:.25rem}.nav-title{color:#1f2937;font-size:1rem;font-weight:600}.task-nav-item.active .nav-title{color:#fff}.nav-description{color:#9ca3af;font-size:.75rem}.task-nav-item.active .nav-description{color:#ffffffe6}.task-content{animation:fadeIn .3s ease-in}.section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-header-content{flex:1 1;text-align:left}.section-header-content h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-align:left}.section-header-content p{color:#6b7280;font-size:.95rem;margin:0;text-align:left}.info-card{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:0;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.info-card svg{color:#d97706;flex-shrink:0}.info-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.info-content strong{color:#92400e;font-weight:600}.info-content span{color:#78350f;font-size:.9rem;line-height:1.5}.overview-section{display:flex;flex-direction:column;gap:2rem}.welcome-card{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 10px 25px #6366f14d;color:#fff;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:2rem}.welcome-content h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.welcome-content p{color:#fff;font-size:1rem;line-height:1.6;margin:0;max-width:600px;opacity:.95}.welcome-actions{display:flex;flex-wrap:wrap;gap:1rem}.welcome-actions .btn-primary{background:#fff;box-shadow:0 4px 12px #0000001a;color:#6366f1;font-size:1rem;font-weight:700;padding:1rem 2rem}.welcome-actions .btn-primary:hover{background:#f9fafb;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.welcome-actions .btn-secondary{background:#ffffff26;border:2px solid #fff;color:#fff!important;font-size:1rem;font-weight:700;padding:1rem 2rem}.welcome-actions .btn-secondary:hover{background:#ffffff40;border-color:#fff;transform:translateY(-2px)}.stats-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{border:1px solid #0000;box-shadow:0 1px 3px #0000001a;gap:1.25rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.stat-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;width:56px}.stat-blue .stat-icon{background:linear-gradient(135deg,#dbeafe,#280df1);color:#1e40af}.stat-green .stat-icon{background:linear-gradient(135deg,#dcfce7,#068934);color:#166534}.stat-orange .stat-icon{background:linear-gradient(135deg,#fed7aa,#9c5305);color:#9a3412}.stat-yellow .stat-icon{background:linear-gradient(135deg,#fef3c7,#b39006);color:#92400e}.stat-purple .stat-icon{background:linear-gradient(135deg,#f3e8ff,#610dbc);color:#6b21a8}.stat-indigo .stat-icon{background:linear-gradient(135deg,#e0e7ff,#0d32c8);color:#3730a3}.stat-content{flex:1 1}.stat-value{font-size:1.75rem;margin-bottom:.25rem}.stat-title{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.stat-description{color:#9ca3af;font-size:.75rem}.recent-activity-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.activity-card{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.activity-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.activity-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.activity-count{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.activity-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.activity-item{align-items:center;background:#f9fafb;border-radius:0;cursor:pointer;display:flex;gap:1rem;padding:.875rem;transition:all .2s}.activity-item:hover{background:#f3f4f6;transform:translateX(4px)}.activity-item-icon{align-items:center;background:#fff;border-radius:0;box-shadow:0 1px 2px #0000000d;color:#6366f1;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.activity-item-content{flex:1 1;min-width:0}.activity-item-title{color:#1f2937;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item-meta{align-items:center;display:flex;font-size:.75rem;gap:.75rem}.activity-item-assignee,.activity-item-date{color:#6b7280}.activity-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.activity-empty svg{margin-bottom:1rem;opacity:.5}.activity-empty p{font-size:.875rem;margin:0}.quick-actions-card{background:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;padding:24px}.quick-actions-card h3{color:#111827;font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 20px}@media (max-width:1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action{align-items:flex-start;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;font-family:Nunito,sans-serif;gap:12px;min-height:140px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action:before{background:#8b5cf6;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.quick-action:hover:before{transform:scaleY(1)}.quick-action:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;box-shadow:0 12px 24px #8b5cf640;transform:translateY(-4px)}.quick-action:active{box-shadow:0 6px 16px #8b5cf633;transform:translateY(-2px)}.quick-action:hover small,.quick-action:hover span,.quick-action:hover svg{color:#fff}.quick-action svg{color:#8b5cf6;flex-shrink:0;height:28px;transition:all .3s ease;width:28px}.quick-action:hover svg{transform:scale(1.1)}.quick-action span{color:#111827;font-size:1.05rem;font-weight:700;line-height:1.4}.quick-action small,.quick-action span{font-family:Nunito,sans-serif;transition:color .3s ease}.quick-action small{color:#6b7280;font-size:.85rem;font-weight:500;line-height:1.5}.tasks-section{display:flex;flex-direction:column;gap:1.5rem}.filter-section{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;padding:1.25rem}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-box{flex:1 1;min-width:300px;position:relative}.search-box svg{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #e5e7eb;border-radius:0;font-family:Nunito,sans-serif;font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s;width:100%}.search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.filter-controls{align-items:center;display:flex;gap:.75rem}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:0;cursor:pointer;font-family:Nunito,sans-serif;font-size:.95rem;padding:.75rem 1rem;transition:all .2s}.filter-select:hover{border-color:#6366f1}.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.view-mode-toggle{background:#f3f4f6;border-radius:0;display:flex;padding:.25rem}.view-mode-toggle button{background:#0000;border:none;border-radius:0;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.view-mode-toggle button.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#6366f1}.filter-summary{align-items:center;border-top:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.clear-filters{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.clear-filters:hover{color:#4f46e5;text-decoration:underline}.tasks-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-card{background:#fff;border:1px solid #0000;border-radius:0;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:1.25rem;transition:all .3s ease}.task-card:hover{border-color:#6366f1;box-shadow:0 8px 20px #0000001f}.task-card-grid{display:flex;flex-direction:column;gap:1rem}.task-card-list{align-items:center;display:flex;gap:1.5rem}.task-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.task-card-priority{align-items:center;display:flex;gap:.5rem}.task-card-type{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.task-card-content{flex:1 1}.task-card-title{color:#1f2937;font-size:1.05rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.task-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.6;overflow:hidden}.task-card-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.task-card-meta{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:.5rem}.employees-section{display:flex;flex-direction:column;gap:1.5rem}.employee-cards-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.employee-card{background:#fff;border:1px solid #0000;border-radius:0;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .3s ease}.employee-card:hover{border-color:#6366f1;box-shadow:0 8px 20px #0000001f}.employee-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem}.employee-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.employee-info h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.employee-info p{color:#6b7280;font-size:.875rem;margin:0}.employee-stats{display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.employee-stat{background:#f9fafb;border-radius:0;padding:.75rem;text-align:center}.stat-label{margin-bottom:.25rem}.stat-label,.stat-value{display:block}.stat-green{color:#059669!important}.stat-orange{color:#ea580c!important}.stat-yellow{color:#d97706!important}.employee-assignments{display:flex;flex-direction:column;gap:.75rem}.assignments-header{align-items:center;justify-content:space-between}.assignments-header h4{color:#1f2937;font-size:.95rem;font-weight:600;margin:0}.assignments-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.assignments-list{gap:.5rem}.assignment-item{background:#f9fafb;border-radius:0;cursor:pointer;padding:.75rem;transition:all .2s}.assignment-item:hover{background:#f3f4f6;transform:translateX(4px)}.assignment-content{display:flex;flex-direction:column;gap:.5rem}.assignment-title{color:#1f2937;font-size:.9rem;font-weight:600}.assignment-meta{align-items:center;display:flex;font-size:.75rem;gap:.75rem}.assignment-date{color:#6b7280;gap:.25rem}.assignments-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;padding:2rem 1rem}.assignments-empty svg{margin-bottom:.5rem;opacity:.5}.assignments-empty p{font-size:.875rem;margin:0}.daily-section{display:flex;flex-direction:column;gap:1.5rem}.daily-content{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;padding:3rem}.daily-placeholder{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:2rem 0;text-align:center}.daily-placeholder svg{color:#9ca3af;margin-bottom:1.5rem}.daily-placeholder h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.daily-placeholder p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 2rem}.feature-list{display:flex;flex-direction:column;gap:1rem;width:100%}.feature-item{align-items:center;background:#f9fafb;border-radius:0;display:flex;gap:.75rem;padding:1rem;text-align:left}.feature-item svg{color:#10b981;flex-shrink:0}.feature-item span{color:#1f2937;font-weight:500}.empty-state{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;padding:4rem 2rem}.empty-state svg{color:#d1d5db;margin-bottom:1.5rem}.empty-state h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 auto 1.5rem;max-width:500px}.modal-overlay{animation:fadeIn .2s ease;background:#000000b3}.modal-container{animation:slideUp .3s ease;background:#fff;border:3px solid #6366f1;border-radius:0;box-shadow:0 25px 60px #6366f14d;font-family:Nunito,sans-serif;max-height:90vh;max-width:650px;overflow-y:auto;width:100%}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#6366f1,#8b5cf6);gap:1rem;padding:2rem}.modal-header h2{font-size:1.625rem;font-weight:800;margin:0 0 .5rem}.modal-header h2,.modal-header p{color:#fff;font-family:Nunito,sans-serif}.modal-header p{font-size:.95rem;font-weight:500;margin:0;opacity:.95}.modal-close{align-items:center;background:#fff3;border:2px solid #fff;border-radius:0;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.form-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-label{font-size:.95rem;font-weight:700}.form-label.required:after{color:#ef4444;content:" *"}.form-input{border:1px solid #e5e7eb;font-size:.95rem;padding:.75rem 1rem;transition:all .2s}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-help{color:#6b7280;display:block;font-family:Nunito,sans-serif;font-size:.8125rem;font-weight:500;line-height:1.4;margin-top:.5rem}.task-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;margin-top:.75rem;padding:.75rem}.task-preview strong{color:#1f2937;display:block;font-size:.875rem;margin-bottom:.5rem}.task-preview p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.detail-section{margin-bottom:1.5rem}.detail-section h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .75rem}.detail-section p{color:#6b7280;line-height:1.6;margin:0}.detail-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{align-items:flex-start;background:#f9fafb;border-radius:0;display:flex;gap:1rem;padding:1rem}.detail-item svg{color:#6366f1;flex-shrink:0;margin-top:2px}.detail-item>div{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#9ca3af;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:#1f2937;font-size:.95rem;font-weight:600}.btn-icon,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:0;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f166}.btn-secondary{border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.btn-icon{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;color:#6b7280;padding:.75rem}.btn-icon:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.spin{animation:spin 1s linear infinite}.badge{font-family:Nunito,sans-serif;font-weight:600;text-transform:capitalize}.badge.variant-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626}.badge.variant-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#d97706}.badge.variant-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #4ade80;color:#166534}.badge.variant-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.badge.variant-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#6b7280}@media (max-width:1024px){.task-navigation{grid-template-columns:repeat(2,1fr)}.recent-activity-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.task-management-revamped{padding:1rem}.task-header{padding:1.5rem}.task-main-title{font-size:1.5rem}.task-navigation{grid-template-columns:1fr}.welcome-card{align-items:flex-start;flex-direction:column}.employee-cards-grid,.stats-grid,.tasks-grid{grid-template-columns:1fr}.filter-row{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.form-row{grid-template-columns:1fr}.modal-container{margin:1rem}}@media (max-width:480px){.task-header-actions{justify-content:stretch;width:100%}.task-header-actions button{flex:1 1}.employee-stats{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:1fr}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.modal-large{max-height:90vh;max-width:900px;overflow-y:auto}.modal-header-left{flex:1 1}.modal-title-group{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.modal-title-group h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.badge-group{display:flex;gap:.5rem}.modal-subtitle{color:#64748b;font-size:.875rem;margin:0;text-transform:capitalize}.task-stats-bar{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:1.5rem;overflow-x:auto;padding:1.5rem}.stat-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;min-width:-moz-fit-content;min-width:fit-content;padding:.75rem 1rem}.stat-item svg{color:#6366f1;flex-shrink:0}.stat-item>div{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#64748b;font-size:.75rem;font-weight:500;white-space:nowrap}.stat-value{color:#1e293b;font-size:1.25rem}.modal-tabs{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;gap:0;overflow-x:auto;padding:0 1.5rem}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .2s;white-space:nowrap}.tab-button.active,.tab-button:hover{background:#f8fafc;color:#6366f1}.tab-button.active{border-bottom-color:#6366f1}.tab-button svg{flex-shrink:0}.tab-content{animation:fadeIn .3s ease-in}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag-badge{background:#e0e7ff;border-radius:6px;color:#4338ca;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.assignments-list{display:flex;flex-direction:column;gap:1rem}.assignment-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;transition:all .2s}.assignment-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #0000001a}.assignment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.assignment-info{align-items:center;display:flex;gap:.75rem}.assignment-info svg{color:#6366f1}.assignment-name{color:#1e293b;font-size:1rem;font-weight:700}.assignment-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.assignment-date{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.assignment-date.success{color:#22c55e}.assignment-date svg{flex-shrink:0}.assignment-notes{background:#f8fafc;border-left:3px solid #6366f1;border-radius:4px;margin-top:1rem;padding:1rem}.assignment-notes p{color:#475569;font-size:.875rem;line-height:1.6;margin:0}.instances-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.instance-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;transition:all .2s}.instance-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #0000001a}.instance-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.instance-date{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.instance-date svg{color:#6366f1;flex-shrink:0}.instance-employee{align-items:center;color:#64748b;display:flex;font-size:.8125rem;gap:.5rem;margin-top:.5rem}.reports-list{display:flex;flex-direction:column;gap:1.25rem}.report-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #22c55e;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.report-header{justify-content:space-between;margin-bottom:1rem}.report-header,.report-info{align-items:center;display:flex}.report-info{gap:.75rem}.report-info svg{flex-shrink:0}.text-success{color:#22c55e}.report-title{color:#1e293b;font-size:1rem;font-weight:700}.report-date{color:#64748b;font-size:.8125rem}.report-details{display:flex;gap:1.5rem;margin-bottom:1rem}.report-stat{align-items:center;color:#475569;display:flex;font-size:.875rem;gap:.5rem}.report-stat svg{color:#6366f1;flex-shrink:0}.report-notes{background:#f8fafc;border-radius:6px;margin-top:1rem;padding:1rem}.report-notes h4{color:#475569;font-size:.875rem;font-weight:700;margin:0 0 .5rem}.report-notes p{color:#64748b;font-size:.875rem;line-height:1.6;margin:0}.report-photos{margin-top:1rem}.report-photos h4{color:#475569;font-size:.875rem;font-weight:700;margin:0 0 .75rem}.photo-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.completion-photo{border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:120px;object-fit:cover;transition:transform .2s;width:100%}.completion-photo:hover{transform:scale(1.05)}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.comment-author{color:#1e293b;font-size:.875rem;font-weight:700}.comment-date{color:#94a3b8;font-size:.75rem}.comment-body p{color:#475569;font-size:.875rem;line-height:1.6;margin:0}.footer-left,.footer-right{display:flex;gap:.75rem}.btn-danger{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.confirmation-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;width:90%}.confirmation-modal h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.confirmation-modal p{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0 0 1.5rem}.confirmation-modal .form-group{margin-bottom:1.5rem}.confirmation-modal label{color:#475569;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.confirmation-modal .form-input{border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;width:100%}.confirmation-modal .form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.confirmation-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-container .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.modal-container .loading-state p{color:#64748b;font-size:.9375rem;margin-top:1rem}.assignments-header{display:flex;justify-content:flex-end;margin-bottom:1rem;padding:0 .5rem}.assignment-actions{align-items:center;display:flex;gap:.5rem}.btn-icon-sm{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.btn-icon-sm:hover{background:#059669;transform:scale(1.05)}.btn-sm{font-size:.875rem}:root{--primary-gradient:linear-gradient(90deg,#8b5cf6,#a855f7);--accent-purple:#667eea;--text-dark:#1f2937;--text-light:#6b7280;--text-secondary:#9ca3af;--divider-color:#e5e7eb;--background-light:#f8fafc;--success-green:#10b981;--shadow-purple-tint-hover:0 5px 15px #8b5cf64d}.customer-management-page{background-color:#f8fafc;font-family:Nunito,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:var(--primary-gradient);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:var(--primary-gradient);color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.customer-management-btn-primary:hover{background:var(--primary-gradient);box-shadow:var(--shadow-purple-tint-hover);opacity:.9}.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{display:grid;gap:1.5rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2rem}.customer-management-stat-card{align-items:center;background:var(--primary-gradient);border:none;border-radius:0;box-shadow:0 4px 10px #8b5cf64d;color:#fff;display:flex;gap:1rem;min-height:140px;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.customer-management-stat-card:before{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);content:"";inset:0;pointer-events:none;position:absolute}.customer-management-stat-icon{align-items:center;background:#ffffff40;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.customer-management-stat-icon-svg{color:#fff;height:1.4rem;width:1.4rem}.customer-management-stat-content{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.customer-management-stat-label{color:#ffffffd9;font-size:.75rem;font-weight:600;letter-spacing:.4px;margin:0;text-transform:uppercase}.customer-management-stat-value{font-size:1.75rem;font-weight:800;line-height:1;margin:0}.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:var(--primary-gradient);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:600px;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:Nunito,Inter,-apple-system,BlinkMacSystemFont,sans-serif;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:var(--primary-gradient);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:center;background:var(--primary-gradient);display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.customer-management-modal-title{background:none;color:#fff;font-size:1.5rem;font-weight:600;margin:0;padding:0}.customer-management-modal-close{background:#0000;border:none;cursor:pointer}.customer-management-modal-close-icon{color:#fff}.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{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-view-modal-body{background:#fff;padding:0}.customer-view-section{border-bottom:1px solid #e5e7eb}.customer-view-section:last-child{border-bottom:none}.customer-view-section-header{align-items:center;background:var(--primary-gradient);color:#fff;display:flex;gap:.75rem;padding:1rem 1.5rem}.customer-view-section-title{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.3px;margin:0}.customer-view-grid{display:grid;gap:0;grid-template-columns:repeat(3,1fr);padding:0}.customer-view-card{background:#fff;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:1.5rem}.customer-view-card:nth-child(3n){border-right:none}.customer-view-card-full{grid-column:1/-1}.customer-view-label{color:#9ca3af;font-size:.6875rem;font-weight:700;letter-spacing:.8px;margin-bottom:.5rem;text-transform:uppercase}.customer-view-value{color:#1f2937;font-size:.9375rem;font-weight:500;line-height:1.5;word-break:break-word}.customer-view-interaction-count{color:#1f2937;font-size:2rem;font-weight:700;line-height:1;margin-top:.25rem}.customer-view-status-badge{align-items:center;border-radius:0;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-top:.5rem;padding:.375rem .75rem;text-transform:uppercase}.customer-view-status-badge.active{background:#dcfce7;color:#166534}.customer-view-status-badge.inactive{background:#fef3c7;color:#92400e}.customer-view-status-badge.blocked{background:#fee2e2;color:#991b1b}.customer-view-notes-card{background:#f9fafb;border-radius:0;padding:1.5rem}.customer-view-notes-card p{color:#374151;font-size:.9375rem;line-height:1.6;margin:0}.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:var(--primary-gradient);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:var(--primary-gradient);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%}.customer-view-grid{grid-template-columns:repeat(2,1fr)}.customer-view-card:nth-child(3n){border-right:1px solid #e5e7eb}.customer-view-card:nth-child(2n){border-right:none}}.customer-management-form-input:hover:not(:focus),.customer-management-form-select:hover:not(:focus),.customer-management-form-textarea:hover:not(:focus){border-color:#e5e7eb!important}.customer-management-form-label{color:#6b7280!important;display:block!important;font-size:.6875rem!important;font-weight:700!important;letter-spacing:.8px!important;margin-bottom:.5rem!important;text-transform:uppercase!important}.customer-management-form-label:after{content:none!important}.customer-management-form-group:has(input[required]) .customer-management-form-label:after,.customer-management-form-group:has(select[required]) .customer-management-form-label:after,.customer-management-form-group:has(textarea[required]) .customer-management-form-label:after{content:none!important}.customer-management-form-section-title{align-items:center!important;color:#1f2937!important;display:flex!important;font-size:1rem!important;font-weight:700!important;gap:.625rem!important;letter-spacing:.3px!important;margin:0!important;text-transform:none!important}.customer-management-form-section-header-with-icon{align-items:center!important;display:flex!important;gap:.875rem!important;margin-bottom:1.25rem!important}.customer-management-section-icon-box{align-items:center!important;background:linear-gradient(135deg,#8b5cf6,#a855f7)!important;border-radius:8px!important;box-shadow:0 2px 8px #8b5cf64d!important;display:flex!important;flex-shrink:0!important;height:2.5rem!important;justify-content:center!important;width:2.5rem!important}.customer-management-section-icon-box svg{stroke:#fff!important;fill:none!important;stroke-width:2!important;color:#fff!important;height:1.25rem!important;width:1.25rem!important}.customer-management-form-section-header{align-items:center!important;display:flex!important;gap:1rem!important;justify-content:space-between!important;margin-bottom:1.25rem!important;width:100%!important}.customer-management-form-section-header .customer-management-form-section-header-with-icon{align-items:center!important;display:flex!important;gap:.875rem!important;margin-bottom:0!important}.customer-management-form-section-header .customer-management-form-section-title{margin:0!important}.customer-management-form-section-header svg{stroke-width:2!important;color:#6b7280!important;height:1.125rem!important;width:1.125rem!important}.customer-management-btn-copy,.customer-management-form-section-header .customer-management-btn-secondary{align-items:center!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:0!important;color:#374151!important;cursor:pointer!important;display:inline-flex!important;font-size:.75rem!important;font-weight:600!important;gap:.375rem!important;height:auto!important;letter-spacing:.5px!important;min-height:auto!important;padding:.5rem 1rem!important;text-transform:uppercase!important;transition:all .2s ease!important;white-space:nowrap!important}.customer-management-btn-copy:hover,.customer-management-form-section-header .customer-management-btn-secondary:hover{background:#f9fafb!important;border-color:#9ca3af!important;box-shadow:0 2px 4px #0000000d!important;color:#1f2937!important}.customer-management-btn-copy svg{color:inherit!important;height:.875rem!important;width:.875rem!important}.customer-management-form-section-header button[type=button]:not(.customer-management-btn-secondary):not(.customer-management-btn-copy){align-items:center!important;background:linear-gradient(90deg,#8b5cf6,#a855f7)!important;border:none!important;border-radius:0!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.75rem!important;font-weight:600!important;gap:.375rem!important;letter-spacing:.5px!important;padding:.5rem 1rem!important;text-transform:uppercase!important}.customer-management-form-section-header button[type=button]:not(.customer-management-btn-secondary):not(.customer-management-btn-copy):hover:not(:disabled){background:linear-gradient(90deg,#7c3aed,#9333ea)!important;box-shadow:0 4px 12px #8b5cf64d!important;opacity:.95!important}.customer-management-form-section-header button[type=button]:disabled{background:linear-gradient(90deg,#8b5cf6,#a855f7)!important;cursor:not-allowed!important;opacity:.5!important}.customer-management-form-section-header button[type=button] svg{color:#fff!important;height:.875rem!important;width:.875rem!important}.customer-management-modal-actions .customer-management-btn-primary{align-items:center!important;background:linear-gradient(90deg,#8b5cf6,#a855f7)!important;border:none!important;border-radius:0!important;box-shadow:0 4px 12px #8b5cf64d!important;color:#fff!important;display:inline-flex!important;font-size:.9375rem!important;font-weight:600!important;gap:.5rem!important;letter-spacing:.3px!important;padding:.75rem 1.75rem!important;text-transform:none!important}.customer-management-modal-actions .customer-management-btn-primary:hover{background:linear-gradient(90deg,#7c3aed,#9333ea)!important;box-shadow:0 6px 16px #8b5cf666!important;transform:translateY(-1px)!important}.customer-management-modal-actions .customer-management-btn-primary svg{color:#fff!important;height:1rem!important;width:1rem!important}.customer-management-form-input,.customer-management-form-select,.customer-management-form-textarea{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:0!important;color:#374151!important;font-size:.9375rem!important;font-weight:400!important;line-height:1.5!important;padding:.75rem 1rem!important;transition:border-color .2s ease!important;width:100%!important}.customer-management-form-input::placeholder,.customer-management-form-textarea::placeholder{color:#9ca3af!important;font-weight:400!important}.customer-management-form-input:focus,.customer-management-form-select:focus,.customer-management-form-textarea:focus{border:1px solid #8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}.customer-management-form-input:hover:not(:focus){border:1px solid #e5e7eb!important}.customer-management-btn-copy{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;color:#6b7280!important}.customer-management-form-section{margin-bottom:2.5rem!important;padding:0!important}.customer-management-form-section:last-of-type{margin-bottom:1.5rem!important}.customer-management-form-grid{display:grid!important;gap:1.25rem!important;grid-template-columns:repeat(3,1fr)!important;margin-top:1rem!important}.customer-management-form-group-full{grid-column:1/-1!important}.customer-management-form-group{display:flex!important;flex-direction:column!important;gap:.5rem!important}.customer-management-addresses-list{display:flex!important;flex-direction:column!important;gap:1.5rem!important;margin-top:1rem!important}.customer-management-address-card{background:#fafafa!important;border:1px solid #e5e7eb!important;border-radius:0!important;padding:1.25rem!important}.customer-management-address-card-header{align-items:center!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;justify-content:space-between!important;margin-bottom:1rem!important;padding-bottom:.75rem!important}.customer-management-address-card-title{color:#374151!important;font-size:.9375rem!important;font-weight:600!important;margin:0!important}.customer-management-address-remove-btn{align-items:center!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:0!important;color:#ef4444!important;cursor:pointer!important;display:flex!important;height:2rem!important;justify-content:center!important;padding:0!important;transition:all .2s ease!important;width:2rem!important}.customer-management-address-remove-btn:hover{background:#fee2e2!important;border-color:#ef4444!important}.customer-management-address-remove-btn svg{height:1rem!important;width:1rem!important}.customer-management-form-input[type=date]{color:#6b7280!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.customer-management-form-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23374151" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>')!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1rem!important;padding-right:2.5rem!important}.customer-management-modal-form{max-height:calc(90vh - 160px)!important;overflow-y:auto!important;padding:1.5rem 2rem!important;scrollbar-color:#cbd5e1 #f1f5f9!important;scrollbar-width:thin!important}.customer-management-modal-form::-webkit-scrollbar{width:8px!important}.customer-management-modal-form::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:0!important}.customer-management-modal-form::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:0!important}.customer-management-modal-form::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.customer-management-modal-actions{background:#fafafa!important;border-top:1px solid #e5e7eb!important;display:flex!important;gap:.75rem!important;justify-content:flex-end!important;padding:1.5rem 2rem!important}.customer-management-modal-actions .customer-management-btn{border-radius:0!important;font-size:.9375rem!important;font-weight:600!important;justify-content:center!important;min-width:120px!important;padding:.75rem 1.75rem!important}.customer-management-modal-actions .customer-management-btn-secondary{background:#fff!important;border:1px solid #d1d5db!important;color:#374151!important}.customer-management-modal-actions .customer-management-btn-secondary:hover{background:#f9fafb!important;border-color:#9ca3af!important}.customer-management-form-textarea{font-family:inherit!important;min-height:80px!important;resize:vertical!important}.customer-management-form-section:last-of-type .customer-management-form-textarea{background:#f9fafb!important;min-height:100px!important}.customer-management-form-input:disabled,.customer-management-form-select:disabled,.customer-management-form-textarea:disabled{background-color:#f3f4f6!important;border-color:#d1d5db!important;color:#6b7280!important;cursor:not-allowed!important}.customer-management-form-input:disabled:hover,.customer-management-form-select:disabled:hover,.customer-management-form-textarea:disabled:hover{border-color:#d1d5db!important}@media (max-width:1024px){.customer-management-form-grid{gap:1rem!important;grid-template-columns:repeat(2,1fr)!important}.customer-view-grid{grid-template-columns:repeat(2,1fr)}.customer-view-card:nth-child(3n){border-right:1px solid #e5e7eb}.customer-view-card:nth-child(2n){border-right:none}}@media (max-width:768px){.customer-management-form-grid{gap:.875rem!important;grid-template-columns:1fr!important}.customer-management-modal-form{padding:1.25rem 1.5rem!important}.customer-management-modal-actions{flex-direction:column-reverse!important;padding:1.25rem 1.5rem!important}.customer-management-modal-actions .customer-management-btn{width:100%!important}.customer-management-form-section-header{align-items:flex-start!important;flex-direction:column!important}.customer-management-form-section-header .customer-management-btn{justify-content:center!important;width:100%!important}.customer-view-grid{grid-template-columns:1fr}.customer-view-card{border-right:none}}@media (max-width:480px){.customer-management-form-label{font-size:.625rem!important;letter-spacing:.6px!important}.customer-management-form-input,.customer-management-form-select,.customer-management-form-textarea{font-size:.875rem!important;padding:.625rem .875rem!important}.customer-management-form-section{margin-bottom:2rem!important}.customer-management-address-card{padding:1rem!important}}.customer-management-address-remove-btn,.customer-management-btn,.customer-management-form-input,.customer-management-form-select,.customer-management-form-textarea{transition:all .2s ease!important}.customer-management-btn:focus-visible,.customer-management-form-input:focus-visible,.customer-management-form-select:focus-visible,.customer-management-form-textarea:focus-visible{border:1px solid #8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important}@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: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-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}}.product-service-grid-container{background:#fff;display:flex;flex-direction:column;height:100%}.psg-top-bar{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;padding:16px}.psg-search-wrapper{position:relative;width:100%}.psg-search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.psg-search-input{border:2px solid #e5e7eb;border-radius:0;font-size:14px;outline:none;padding:10px 12px 10px 40px;transition:border-color .2s;width:100%}.psg-search-input:focus{border-color:#667eea}.psg-category-btn,.psg-category-toggle{display:flex;gap:8px}.psg-category-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:0;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:10px 16px;transition:all .2s}.psg-category-btn:hover{background:#f3f4f6;border-color:#667eea}.psg-category-btn.active{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));border-color:#667eea;color:#fff}.psg-grid-section{flex:1 1;overflow-y:auto;padding:16px}.psg-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.psg-card{background:#fff;border:2px solid #e5e7eb;border-radius:0;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.psg-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.psg-card-selected{background-color:#ecfdf5!important;border-color:#10b981!important;border-width:3px!important;box-shadow:0 4px 12px #10b98140!important;transform:translateY(-2px)}.psg-card-selected:hover{background-color:#d1fae5!important;border-color:#059669!important;box-shadow:0 6px 16px #10b9814d!important;transform:translateY(-3px)}.psg-card-image{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;height:120px;justify-content:center;overflow:hidden;width:100%}.psg-card-image img{height:100%;object-fit:cover;width:100%}.psg-card-image-placeholder{align-items:center;color:#9ca3af;display:flex;justify-content:center}.psg-card-details{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px}.psg-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin:0;min-height:2.6em;overflow:hidden;text-overflow:ellipsis}.psg-card-price{color:#667eea;font-size:14px;font-weight:700;margin:0}.psg-card-weight{color:#6b7280;font-size:11px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psg-card-stock{border-radius:3px;display:inline-block;font-size:11px;font-weight:600;margin:4px 0 0;padding:2px 6px;width:-moz-fit-content;width:fit-content}.psg-stock-zero{background-color:#fee2e2;color:#dc2626}.psg-card-out-of-stock{background-color:#f9fafb;opacity:.6}.psg-card-out-of-stock:hover{box-shadow:0 2px 4px #0000001a;transform:none}.psg-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.psg-spinner{animation:psg-spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@keyframes psg-spin{to{transform:rotate(1turn)}}.psg-empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.psg-empty-state p{font-size:16px;font-weight:600;margin:12px 0 0}.psg-empty-hint{color:#6b7280!important;font-size:14px!important;font-weight:400!important}.psg-grid-section::-webkit-scrollbar{width:8px}.psg-grid-section::-webkit-scrollbar-track{background:#f3f4f6}.psg-grid-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.psg-grid-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.psg-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.psg-card-image{height:100px}.psg-card-details{padding:10px}.psg-card-name{font-size:12px}.psg-card-price{font-size:13px}.psg-card-weight{font-size:10px}}@media (max-width:480px){.psg-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.psg-card-image{height:80px}.psg-top-bar{padding:12px}.psg-search-input{font-size:13px;padding:8px 10px 8px 36px}.psg-category-btn{font-size:13px;padding:8px 12px}}.enhanced-order-two-section-layout{background:#fff;display:flex;gap:0;height:calc(100vh - 200px);min-height:600px}.enhanced-order-left-section{border-right:2px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;padding:20px;width:36%}.enhanced-order-right-section{display:flex;flex-direction:column;overflow:hidden;width:64%}.enhanced-order-form-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.enhanced-order-selected-items{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;max-height:300px;overflow-y:auto;padding:12px}.enhanced-order-empty-items{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.enhanced-order-empty-items p{font-weight:600;margin:8px 0 0}.enhanced-order-item-row{background:#fff;border:2px solid #e5e7eb;border-radius:0;margin-bottom:10px;max-width:100%;overflow:hidden;padding:12px}.enhanced-order-item-row:last-child{margin-bottom:0}.enhanced-order-item-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.enhanced-order-item-name{color:#1f2937;flex:1 1;font-size:13px;font-weight:600}.enhanced-order-item-type-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:0;color:#6b7280;font-size:11px;padding:2px 8px}.enhanced-order-item-spec{color:#667eea;font-size:11px;font-weight:500;margin-top:2px}.enhanced-order-item-controls{align-items:end;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;max-width:100%;overflow:hidden}.enhanced-order-item-total,.enhanced-order-price-control,.enhanced-order-quantity-control,.enhanced-order-unit-control{display:flex;flex-direction:column}.enhanced-order-quantity-control{grid-column:1;grid-row:1}.enhanced-order-unit-control{grid-column:2;grid-row:1}.enhanced-order-price-control{grid-column:1;grid-row:2}.enhanced-order-item-total{grid-column:2;grid-row:2}.enhanced-order-remove-item-btn{align-self:end;grid-column:2;grid-row:2;margin-left:8px}.enhanced-order-price-input,.enhanced-order-quantity-input{border:2px solid #e5e7eb;border-radius:0;box-sizing:border-box;font-size:13px;min-width:0;outline:none;padding:6px 8px;transition:border-color .2s;width:100%}.enhanced-order-unit-display{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;color:#667eea;font-size:13px;font-weight:500;padding:6px 8px;text-align:center}.enhanced-order-price-input:focus,.enhanced-order-quantity-input:focus{border-color:#667eea}.enhanced-order-price-display{background:#f9fafb;font-size:13px;font-weight:500;padding:6px 8px}.enhanced-order-price-display,.enhanced-order-total-display{border:2px solid #e5e7eb;border-radius:0;color:#667eea;text-align:center}.enhanced-order-total-display{background:#f3f4f6;font-size:12px;font-weight:700;min-width:0;overflow:hidden;padding:6px 4px;text-overflow:ellipsis;white-space:nowrap}.enhanced-order-remove-item-btn{align-items:center;background:#fee2e2;border:2px solid #fecaca;border-radius:0;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:6px;transition:all .2s;width:32px}.enhanced-order-remove-item-btn:hover{background:#fecaca;border-color:#dc2626}.enhanced-order-pricing-summary{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;padding:16px}.enhanced-order-pricing-row{align-items:center;color:#374151;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.enhanced-order-pricing-row:not(:last-child){border-bottom:1px solid #e5e7eb}.enhanced-order-pricing-label{color:#374151;font-weight:600}.enhanced-order-pricing-total{border-top:2px solid #667eea;color:#1f2937;font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.enhanced-order-pricing-inputs{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin:12px 0}.enhanced-order-form-actions{border-top:2px solid #e5e7eb;display:flex;gap:10px;margin-top:auto;padding-top:16px}.enhanced-order-form-actions .orders-btn{flex:1 1;font-size:13px;padding:10px 16px}.enhanced-order-left-section::-webkit-scrollbar{width:8px}.enhanced-order-left-section::-webkit-scrollbar-track{background:#f3f4f6}.enhanced-order-left-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.enhanced-order-left-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}.enhanced-order-selected-items::-webkit-scrollbar{width:6px}.enhanced-order-selected-items::-webkit-scrollbar-track{background:#f3f4f6}.enhanced-order-selected-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.enhanced-order-selected-items::-webkit-scrollbar-thumb:hover{background:#9ca3af}.customer-form-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.customer-form-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:0;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:100%}.customer-form-header{align-items:center;background:linear-gradient(90deg,#8b5cf6,#a855f7);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.customer-form-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.customer-form-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.customer-form-close-btn:hover{background:#fff3}.customer-form-section{margin-bottom:2rem}.customer-form-section:last-child{margin-bottom:0}.customer-form-section-header-with-icon{align-items:center;display:flex;gap:.875rem;margin-bottom:1.25rem}.customer-form-section-icon-box{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.customer-form-section-icon-box svg{stroke:#fff;fill:none;stroke-width:2;color:#fff;height:1.25rem;width:1.25rem}.customer-form-section-title{color:#1f2937;font-size:1rem;font-weight:700;letter-spacing:.3px;margin:0}.customer-form-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1.5rem 2rem}.customer-form-field{display:flex;flex-direction:column;gap:.5rem}.customer-form-field-full{grid-column:1/-1}.customer-form-field label{color:#6b7280;font-size:.6875rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.customer-form-field input,.customer-form-field textarea{background:#fff;border:1px solid #e5e7eb;border-radius:0;color:#374151;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:border-color .2s}.customer-form-field input:focus,.customer-form-field textarea:focus{border:1px solid #8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.customer-form-field input::placeholder,.customer-form-field textarea::placeholder{color:#9ca3af}.customer-form-field textarea{font-family:inherit;min-height:60px;resize:vertical}.customer-form-footer{background:#fafafa;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1.5rem 2rem}.customer-form-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.75rem;transition:all .2s}.customer-form-btn:disabled{cursor:not-allowed;opacity:.5}.customer-form-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.customer-form-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.customer-form-btn-save{background:linear-gradient(90deg,#8b5cf6,#a855f7);border:none;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.customer-form-btn-save:hover:not(:disabled){background:linear-gradient(90deg,#7c3aed,#9333ea);box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}.customer-form-btn-save svg{height:1rem;width:1rem}.customer-form-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@media (max-width:768px){.customer-form-modal{max-width:95%}.customer-form-grid{gap:.875rem;grid-template-columns:repeat(2,1fr)}.customer-form-body,.customer-form-footer{padding:1.25rem 1.5rem}}@media (max-width:480px){.customer-form-grid{gap:.75rem;grid-template-columns:1fr}.customer-form-footer{flex-direction:column}.customer-form-btn{width:100%}.customer-form-header{padding:1.25rem}.customer-form-title{font-size:1.25rem}.customer-form-body,.customer-form-footer{padding:1rem 1.25rem}}@media (max-width:768px){.enhanced-order-two-section-layout{flex-direction:column;height:auto;overflow:hidden}.enhanced-order-left-section,.enhanced-order-right-section{max-width:100%;min-width:100%;width:100%}.enhanced-order-left-section{border-right:none}.customer-form-modal{max-width:95%}.customer-form-row{gap:10px;grid-template-columns:1fr}.customer-form-footer{flex-direction:column}.customer-form-btn{width:100%}}@media (max-width:480px){.enhanced-order-two-section-layout{height:calc(100vh - 150px)}.enhanced-order-item-controls{gap:6px;grid-template-columns:1fr 1fr}.enhanced-order-remove-item-btn{grid-column:span 2}.enhanced-order-pricing-inputs{grid-template-columns:1fr}.enhanced-order-form-actions{flex-direction:column}.enhanced-order-form-actions .orders-btn{width:100%}.customer-form-header{padding:14px 16px}.customer-form-title{font-size:15px}.customer-form-body{padding:16px}.customer-form-footer{padding:14px 16px}}.quick-bill-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden}.quick-bill-two-section-layout{background:#fff;display:flex;gap:0;height:calc(100vh - 200px);min-height:600px}.quick-bill-left-section{border-right:2px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;padding:20px;width:36%}.quick-bill-right-section{display:flex;flex-direction:column;overflow:hidden;width:64%}.quick-bill-form-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.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{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.quick-bill-customer-inputs{display:flex;flex-direction:column;gap:12px}.quick-bill-selected-items{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;max-height:300px;overflow-y:auto;padding:12px}.quick-bill-empty-items{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.quick-bill-empty-items p{font-weight:600;margin:8px 0 0}.quick-bill-item-row{background:#fff;border:2px solid #e5e7eb;border-radius:0;margin-bottom:10px;padding:12px}.quick-bill-item-row:last-child{margin-bottom:0}.quick-bill-item-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.quick-bill-item-name{color:#1f2937;flex:1 1;font-size:13px;font-weight:600}.quick-bill-item-type-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:0;color:#6b7280;font-size:11px;padding:2px 8px}.quick-bill-item-spec{color:#667eea;font-size:11px;font-weight:500;margin-top:2px}.quick-bill-item-controls{align-items:end;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.quick-bill-item-total,.quick-bill-price-control,.quick-bill-quantity-control,.quick-bill-unit-control{display:flex;flex-direction:column}.quick-bill-quantity-control{grid-column:1;grid-row:1}.quick-bill-unit-control{grid-column:2;grid-row:1}.quick-bill-price-control{grid-column:1;grid-row:2}.quick-bill-item-total{grid-column:2;grid-row:2}.quick-bill-remove-item-btn{align-self:end;grid-column:2;grid-row:2;margin-left:8px}.quick-bill-price-input,.quick-bill-quantity-input{border:2px solid #e5e7eb;border-radius:0;box-sizing:border-box;font-size:13px;min-width:0;outline:none;padding:6px 8px;transition:border-color .2s;width:100%}.quick-bill-unit-display{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;color:#667eea;font-size:13px;font-weight:500;padding:6px 8px;text-align:center}.quick-bill-price-input:focus,.quick-bill-quantity-input:focus{border-color:#667eea}.quick-bill-price-display{background:#f9fafb;font-weight:500}.quick-bill-price-display,.quick-bill-total-display{border:2px solid #e5e7eb;border-radius:0;color:#667eea;font-size:13px;padding:6px 8px;text-align:center}.quick-bill-total-display{background:#f3f4f6;font-weight:700}.quick-bill-remove-item-btn{align-items:center;background:#fee2e2;border:2px solid #fecaca;border-radius:0;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.quick-bill-remove-item-btn:hover{background:#fecaca;border-color:#dc2626}.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{display:grid;gap:16px;grid-template-columns:1fr 2fr}.quick-bill-item-details-row{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{border:1px solid #e5e7eb;border-radius:8px;padding:20px}.quick-bill-pricing-row{font-size:16px;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{gap:16px;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}}.quick-bill-pricing-summary{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;padding:16px}.quick-bill-pricing-row{align-items:center;color:#374151;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.quick-bill-pricing-row:not(:last-child){border-bottom:1px solid #e5e7eb}.quick-bill-pricing-label{color:#374151;font-weight:600}.quick-bill-pricing-total{border-top:2px solid #667eea;color:#1f2937;font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.quick-bill-pricing-inputs{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:12px 0}.quick-bill-form-actions{border-top:2px solid #e5e7eb;display:flex;gap:10px;margin-top:auto;padding-top:16px}.quick-bill-form-actions .orders-btn{flex:1 1;font-size:13px;padding:10px 16px}.quick-bill-left-section::-webkit-scrollbar{width:8px}.quick-bill-left-section::-webkit-scrollbar-track{background:#f3f4f6}.quick-bill-left-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.quick-bill-left-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}.quick-bill-selected-items::-webkit-scrollbar{width:6px}.quick-bill-selected-items::-webkit-scrollbar-track{background:#f3f4f6}.quick-bill-selected-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.quick-bill-selected-items::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.quick-bill-two-section-layout{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.quick-bill-left-section,.quick-bill-right-section{min-width:100vw;width:100vw}.quick-bill-left-section{border-right:none}}@media (max-width:480px){.quick-bill-two-section-layout{height:calc(100vh - 150px)}.quick-bill-item-controls{gap:6px;grid-template-columns:1fr 1fr}.quick-bill-remove-item-btn{grid-column:span 2}.quick-bill-pricing-inputs{grid-template-columns:1fr}.quick-bill-form-actions{flex-direction:column}.quick-bill-form-actions .orders-btn{width:100%}}.daily-order-two-section-layout{background:#fff;display:flex;gap:0;height:calc(100vh - 200px);min-height:600px}.daily-order-left-section{border-right:2px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;padding:20px;width:36%}.daily-order-right-section{display:flex;flex-direction:column;overflow:hidden;width:64%}.daily-order-form-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.daily-order-selected-items{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;max-height:250px;overflow-y:auto;padding:12px}.daily-order-empty-items{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.daily-order-empty-items p{font-weight:600;margin:8px 0 0}.daily-order-item-row{background:#fff;border:2px solid #e5e7eb;border-radius:0;margin-bottom:10px;padding:12px}.daily-order-item-row:last-child{margin-bottom:0}.daily-order-item-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.daily-order-item-name{color:#1f2937;flex:1 1;font-size:13px;font-weight:600}.daily-order-item-spec{color:#667eea;font-size:11px;font-weight:500;margin-top:2px}.daily-order-item-controls{align-items:end;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.daily-order-price-control,.daily-order-quantity-control,.daily-order-unit-control{display:flex;flex-direction:column}.daily-order-quantity-control{grid-column:1;grid-row:1}.daily-order-unit-control{grid-column:2;grid-row:1}.daily-order-price-control{grid-column:1;grid-row:2}.daily-order-item-total{display:flex;flex-direction:column;grid-column:2;grid-row:2}.daily-order-remove-item-btn{align-self:end;grid-column:2;grid-row:2;margin-left:8px}.daily-order-price-input,.daily-order-quantity-input{border:2px solid #e5e7eb;border-radius:0;box-sizing:border-box;font-size:13px;min-width:0;outline:none;padding:6px 8px;transition:border-color .2s;width:100%}.daily-order-unit-display{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;color:#667eea;font-size:13px;font-weight:500;padding:6px 8px;text-align:center}.daily-order-price-input:focus,.daily-order-quantity-input:focus{border-color:#667eea}.daily-order-price-display{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;color:#667eea;font-size:13px;font-weight:500;padding:6px 8px;text-align:center}.daily-order-remove-item-btn{align-items:center;background:#fee2e2;border:2px solid #fecaca;border-radius:0;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.daily-order-remove-item-btn:hover{background:#fecaca;border-color:#dc2626}.daily-order-pricing-summary{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;padding:16px}.daily-order-pricing-row{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:10px 0}.daily-order-pricing-label{color:#374151;font-weight:600}.daily-order-pricing-value{color:#667eea;font-size:18px}.daily-order-form-actions{border-top:2px solid #e5e7eb;display:flex;gap:10px;margin-top:auto;padding-top:16px}.daily-order-form-actions .orders-btn{flex:1 1;font-size:13px;padding:10px 16px}.daily-order-left-section::-webkit-scrollbar{width:8px}.daily-order-left-section::-webkit-scrollbar-track{background:#f3f4f6}.daily-order-left-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.daily-order-left-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}.daily-order-selected-items::-webkit-scrollbar{width:6px}.daily-order-selected-items::-webkit-scrollbar-track{background:#f3f4f6}.daily-order-selected-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.daily-order-selected-items::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.daily-order-two-section-layout{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.daily-order-left-section,.daily-order-right-section{min-width:100vw;width:100vw}.daily-order-left-section{border-right:none}}@media (max-width:480px){.daily-order-two-section-layout{height:calc(100vh - 150px)}.daily-order-item-controls{gap:6px;grid-template-columns:1fr 1fr}.daily-order-remove-item-btn{grid-column:span 2}.daily-order-form-actions{flex-direction:column}.daily-order-form-actions .orders-btn{width:100%}}.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{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{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: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{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;font-family:Nunito,sans-serif;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:#8b5cf6;border-radius:0;color:#fff;display:flex;font-family:Nunito,sans-serif;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;font-family:Nunito,sans-serif;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-family:Nunito,sans-serif;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.create-task-section-title svg{color:#8b5cf6}.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-family:Nunito,sans-serif;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-family:Nunito,sans-serif;font-size:14px;font-weight:600;margin-bottom:8px}.create-task-input,.create-task-textarea{border:1px solid #ddd;border-radius:0;font-family:Nunito,sans-serif;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.create-task-input:focus,.create-task-textarea:focus{border-color:#8b5cf6;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:#faf5ff;border-color:#8b5cf6}.create-task-employee-card.selected{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border-color:#8b5cf6}.create-task-employee-info{flex:1 1}.create-task-employee-name{color:#333;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;margin-bottom:4px}.create-task-employee-contact{color:#666;display:flex;flex-direction:column;font-family:Nunito,sans-serif;font-size:13px;gap:2px}.create-task-employee-selected-badge{align-items:center;background:#8b5cf6;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-family:Nunito,sans-serif;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-family:Nunito,sans-serif;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:#8b5cf6;color:#fff}.create-task-btn-create:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8b5cf666;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;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,.orders-pagination-btn-enhanced:hover:not(.disabled){background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.orders-pagination-btn-enhanced:hover:not(.disabled){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{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{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:default;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.has-instance{cursor:pointer}.daily-order-calendar-day.has-instance:hover{border-color:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.daily-order-calendar-day.has-instance:active{transform:translateY(0)}.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{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(to right,var(--primary-purple-dark),var(--primary-purple-light));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;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.orders-action-btn-task,.orders-action-btn-task:hover{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.orders-action-btn-task:hover{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{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{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(to right,var(--primary-purple-dark),var(--primary-purple-light));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{color:#fff}.employee-selection-btn-assign,.employee-selection-btn-assign:hover:not(:disabled){background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.employee-selection-btn-assign:hover:not(:disabled){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{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(to right,var(--primary-purple-dark),var(--primary-purple-light));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(to right,var(--primary-purple-dark),var(--primary-purple-light));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;color:#000;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(to right,var(--primary-purple-dark),var(--primary-purple-light));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{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{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(to right,var(--primary-purple-dark),var(--primary-purple-light));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(to right,var(--primary-purple-dark),var(--primary-purple-light));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{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,.orders-error-retry:hover{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.orders-error-retry:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.orders-error-banner{align-items:center;background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));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{color:#fff}.orders-btn-primary,.orders-btn-primary:hover{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.orders-btn-primary:hover{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{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(to right,var(--primary-purple-dark),var(--primary-purple-light));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;margin-left:.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{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{color:#fff}.orders-view-mode-btn-active,.orders-view-mode-btn-active:hover{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.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;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,.orders-empty-action:hover{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.orders-empty-action:hover{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(to right,var(--primary-purple-dark),var(--primary-purple-light))}.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{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{color:#fff}.orders-form-btn-primary,.orders-form-btn-primary:hover{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.orders-form-btn-primary:hover{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(to right,var(--primary-purple-dark),var(--primary-purple-light))!important;color:#fff!important;font-weight:600!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(to right,var(--primary-purple-dark),var(--primary-purple-light));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(to right,var(--primary-purple-dark),var(--primary-purple-light));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{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{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{border-color:#667eea;color:#fff}.orders-day-btn-active,.orders-day-btn-active:hover{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.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{color:#fff}.orders-searchable-select-option-selected,.orders-searchable-select-option-selected:hover{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light))}.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{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.orders-stat-card{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));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,#dc2626,#b91c1c)}.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(to right,var(--primary-purple-dark),var(--primary-purple-light));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,#dc2626,#b91c1c);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(to right,var(--primary-purple-dark),var(--primary-purple-light));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(to right,var(--primary-purple-dark),var(--primary-purple-light));color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.order-items-header,.order-items-row{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(to right,var(--primary-purple-dark),var(--primary-purple-light));color:#fff;font-size:.875rem;font-weight:600}.order-items-edit-header,.order-items-edit-row{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}}.assigned-employee-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:0;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem}.employee-name{color:#0c4a6e;font-size:.875rem;font-weight:600}.employee-contact,.employee-name{align-items:center;display:flex;gap:.5rem}.employee-contact{color:#0369a1;font-size:.75rem}.employee-contact:hover{color:#0c4a6e}.status-change-info{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.status-change-detail{align-items:center;display:flex;justify-content:space-between}.status-change-label{color:#6b7280;font-size:.875rem;font-weight:600}.status-change-value{color:#374151;font-size:.875rem;font-weight:500}.status-change-badge{border-radius:0;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.status-change-badge.status-scheduled{background:#fef3c7;color:#92400e}.status-change-badge.status-assigned{background:#dbeafe;color:#1e40af}.status-change-badge.status-in_transit{background:#e0e7ff;color:#3730a3}.status-change-badge.status-auto_delivered,.status-change-badge.status-delivered{background:#dcfce7;color:#166534}.status-change-badge.status-cancelled{background:#fee2e2;color:#991b1b}.status-change-badge.status-skipped{background:#f3f4f6;color:#4b5563}.status-change-badge.status-failed{background:#fecaca;color:#7f1d1d}.status-change-billing-note{align-items:flex-start;background:#fef3c7;border:2px solid #fbbf24;border-radius:0;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.status-change-billing-icon{color:#92400e;flex-shrink:0;height:20px;margin-top:2px;width:20px}.status-change-billing-note span{color:#78350f;font-size:.875rem;line-height:1.5}.orders-modal-medium{max-width:500px;width:90%}.quick-bill-intro{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{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.edit-bill-amounts-grid{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-price-display{background:#f9fafb;border:2px solid #e0e0e0;border-radius:0;color:#667eea;font-size:14px;font-weight:500;padding:12px;text-align:left}.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{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{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(to right,var(--primary-purple-dark),var(--primary-purple-light));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(to right,var(--primary-purple-dark),var(--primary-purple-light));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;font-weight:700;padding:1rem 1.5rem;vertical-align:top}.invoices-table-td-right{text-align:right}.invoices-date-column{min-width:12rem;width:15%}.invoices-amount-column{min-width:14rem;width:18%}.invoices-items-column{min-width:10rem;width:12%}.invoices-details-column{min-width:14rem;width:16%}.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(to right,var(--primary-purple-dark),var(--primary-purple-light));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{color:#fff;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{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{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: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:var(--text-dark)}h3,h4{font-weight:700}h5,h6{color:var(--text-dark);font-weight:600}.customization-page-container{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 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 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(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:var(--text-light);font-size:.9rem;margin:6px 0 0;text-align:left!important}.customization-section .header-actions{margin-left:auto}.btn-primary{background:linear-gradient(to right,var(--primary-purple-dark),var(--primary-purple-light));display:inline-flex;gap:8px;padding:10px 20px;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 var(--divider-color);color:var(--text-dark);transition:all .3s ease-in-out}.btn-primary.btn-cancel:hover{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 var(--primary-purple-dark);outline-offset:2px}.customization-display{display:grid;gap:15px;grid-template-columns:1fr}.customization-field{background:var(--background-light);border:1px solid var(--divider-color);border-radius:0;padding:12px 15px}.customization-field h3{border-bottom:1px solid var(--divider-color);color:var(--text-dark);font-size:1.1rem;font-weight:700;margin:0 0 10px;padding-bottom:5px}.customization-field .field-content{color:var(--text-dark);font-size:1rem;line-height:1.6;white-space:pre-wrap}.customization-form{display:grid;gap:15px;grid-template-columns:1fr}.form-group{margin-bottom:15px}.form-group label{color:var(--text-dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.input-with-enhance{background:#fff;border:1px solid var(--divider-color);border-radius:0;display:flex;overflow:hidden}.form-textarea{background:#fff;border:none;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: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:var(--primary-purple-dark)}.enhance-btn:disabled{background:#ccc;cursor:not-allowed}.enhance-btn svg{height:18px;width:18px}.char-count{color:var(--text-light);font-size:.85rem;margin-top:5px;text-align:right}.form-actions{gap:15px;margin-top:20px;padding-top:15px}.spinner{border:3px solid #ffffff4d;border-top-color:#fff}@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(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%}}.custom-qr-upload-modal{max-height:90vh;max-width:600px;width:90%}.upload-instructions{align-items:center;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:0;color:#3730a3;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.upload-instructions p{font-size:.875rem;line-height:1.4;margin:0}.upload-dropzone{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:0;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:3rem 2rem;text-align:center;transition:all .3s ease}.upload-dropzone:hover{background:#f8faff;border-color:#667eea}.upload-dropzone.drag-active{background:#f0f4ff;border-color:#667eea;transform:scale(1.02)}.upload-dropzone-content{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem}.upload-dropzone-content svg{color:#9ca3af}.upload-dropzone-content h4{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.upload-dropzone-content p{color:#6b7280;font-size:.875rem;margin:0}.upload-browse-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.upload-browse-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.upload-preview{background:#fff;border:1px solid #e5e7eb;border-radius:0;padding:1.5rem}.preview-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.preview-header h4{color:#374151;font-size:1rem;font-weight:600;margin:0}.remove-file-btn{align-items:center;background:none;border:none;border-radius:2px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.remove-file-btn:hover{background:#ef44441a;color:#dc2626}.preview-content{align-items:start;display:grid;gap:1.5rem;grid-template-columns:auto 1fr}.qr-preview-image{background:#fff;border:1px solid #e5e7eb;border-radius:0;height:120px;object-fit:contain;padding:.5rem;width:120px}.file-info{flex-direction:column;gap:.5rem}.file-info p{color:#6b7280;font-size:.875rem;margin:0}.file-info strong{color:#374151;font-weight:600}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.btn-secondary{align-items:center;background:#fff;border:1px solid #d1d5db;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;transform:none}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.custom-qr-upload-modal{max-height:95vh;width:95%}.upload-dropzone{min-height:150px;padding:2rem 1rem}.upload-dropzone-content h4{font-size:1rem}.preview-content{gap:1rem;grid-template-columns:1fr;text-align:center}.qr-preview-image{height:100px;margin:0 auto;width:100px}.modal-footer{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.upload-dropzone{padding:1.5rem .75rem}.upload-instructions{flex-direction:column;gap:.5rem;padding:.75rem;text-align:center}.preview-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.products-page-container{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:var(--primary-gradient);border-radius:0;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.products-header h5{color:var(--primary);font-size:.875rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.products-header h1{color:var(--text-dark);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:0}.products-header p{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:1rem}.qr-options-subtitle{color:#475569!important;font-size:1rem!important;font-weight:600!important;margin-bottom:1.5rem!important}.qr-options-container{display:flex;flex-direction:column;gap:1rem;width:100%}.qr-option-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:0;cursor:pointer;display:flex;font-family:Nunito,sans-serif;gap:1rem;padding:1.25rem;text-align:left;transition:all .3s ease;width:100%}.qr-option-btn:hover:not(:disabled){background:#faf5ff;border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf626;transform:translateY(-2px)}.qr-option-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.qr-option-btn svg{color:#8b5cf6;flex-shrink:0}.qr-option-content{display:flex;flex-direction:column;gap:.25rem}.qr-option-title{color:#1e293b;font-size:1rem;font-weight:600}.qr-option-description{color:#64748b;font-size:.875rem;line-height:1.4}.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:var(--bg-primary);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:var(--bg-primary)!important;border:2px solid var(--border-color)!important;border-radius:0!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:var(--primary)!important;box-shadow:0 0 0 4px #667eea26!important;outline:none!important;transform:translateY(-1px)!important}.products-search-input::placeholder{color:var(--text-light)!important;font-weight:400!important}.products-search-icon{color:var(--primary);height:20px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.products-section{background:#0000;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:0;width:100%}.products-header-with-search{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1rem}.products-header-left{align-items:center;display:flex;flex:1 1;gap:1.5rem;min-width:0}.products-header-left h2{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.products-header-right{align-items:center;display:flex;gap:.75rem}.products-search-container{align-items:center;display:flex;flex:1 1;max-width:600px}.products-section input[type=text].search-input{background:var(--bg-primary)!important;border:2px solid var(--border-color)!important;border-radius:0!important;color:var(--text-dark)!important;font-size:.95rem!important;height:42px!important;padding:.65rem 1rem!important;transition:all .3s ease!important;width:100%!important}.products-section input[type=text].search-input::placeholder{color:#9ca3af}.products-section input[type=text].search-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}@media (max-width:1024px){.products-header-with-search{align-items:stretch;flex-direction:column}.products-header-left{align-items:flex-start;flex-direction:column;width:100%}.products-search-container{max-width:none;width:100%}.products-section input[type=text].search-input{width:100%!important}}@media (max-width:768px){.products-header-left,.products-header-with-search{flex-direction:column;gap:1rem}.products-header-left{align-items:stretch}.products-header-left h2{font-size:1.25rem}.products-search-container{max-width:none;width:100%}.products-header-right{justify-content:flex-start;width:100%}.products-section input[type=text].search-input{font-size:.9rem!important;height:40px!important;padding:.6rem .85rem!important}}@media (max-width:480px){.products-header-with-search{gap:.75rem}.products-header-left h2{font-size:1.125rem}.products-header-right{flex-direction:column;width:100%}.products-section input[type=text].search-input{font-size:.85rem!important;height:38px!important;padding:.5rem .75rem!important}}.products-stats{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:600px}.products-stat-card{background:var(--bg-primary);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: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: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: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: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:var(--text-dark);font-size:2rem;font-weight:800;line-height:1;margin:0;text-align:center}.products-grid{contain:layout;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem;min-height:400px;overflow:visible;padding:0 1rem}.products-grid,.products-page-container{box-sizing:border-box;max-width:100%;width:100%}.products-page-container{overflow-x:hidden}.product-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:0!important;box-shadow:0 4px 15px #667eea14;box-sizing:border-box;contain:layout style;display:flex;flex-direction:column;font-family:Nunito,sans-serif;height:auto;min-height:400px;overflow:visible;position:relative;transition:all .3s ease;width:100%}.product-card:before{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: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;min-height:0;overflow:hidden;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: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:var(--text-white)}.product-card-badge.inactive{background:#6b7280;border:none;color:var(--text-white)}.product-card-description{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: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:var(--primary);display:flex;font-size:1.125rem;font-weight:700}.product-card-category{background:var(--primary);border-radius:0;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}.stock-display-container{align-items:center;display:flex;gap:.5rem}.edit-icon-btn{align-items:center;display:flex;justify-content:center;transition:all .2s ease}.edit-icon-btn:hover{background:#667eea1a;border-radius:2px;color:#667eea}.inline-edit-input{background:#fff;border:2px solid #667eea;padding:.4rem .6rem;width:80px}.inline-edit-input:focus{border-color:#5a67d8;box-shadow:0 0 0 2px #667eea33}.inline-edit-btn{border-radius:2px;padding:.4rem;transition:all .2s}.inline-edit-btn.save:hover{background:#10b9811a}.inline-edit-btn.cancel:hover{background:#ef44441a}.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 var(--border-color);border-radius:0;height:150px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.product-image{height:100%;object-fit:cover;transition:transform .3s ease;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:var(--bg-secondary);border-top:2px solid var(--border-color);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:auto;min-height:60px;overflow:visible;padding:1rem;width:100%}.product-card-actions .products-btn-outline,.product-card-actions button{flex:1 1 auto;font-size:.875rem;max-width:100%;min-width:0;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;white-space:nowrap}.product-action-btn{align-items:center;background:#0000;border:2px solid var(--primary);border-radius:0!important;box-shadow:0 2px 8px #667eea1a;color:var(--primary);cursor:pointer;display:inline-flex;flex:1 1 auto;font-size:.875rem;font-weight:600;gap:.25rem;justify-content:center;letter-spacing:.5px;max-width:100%;min-height:40px;min-width:auto;padding:.5rem .75rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.product-action-btn:hover{background:var(--primary-gradient);box-shadow:0 8px 25px #667eea66;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:var(--text-white)}.product-action-btn.btn-secondary{border-color:var(--border-color);color:var(--text-dark)}.product-action-btn.btn-secondary:hover{background:var(--primary-gradient);border-color:var(--primary);color:var(--text-white)}.product-action-btn.btn-outline-primary{border-color:var(--primary);color:var(--primary)}.product-action-btn.btn-outline-primary:hover{background:var(--primary-gradient);border-color:var(--primary);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:var(--text-white)}.products-empty-state{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:0;margin:2rem 1rem;padding:5rem 2rem;text-align:center}.products-empty-icon{color:var(--text-light);height:80px;margin:0 auto 2rem;width:80px}.products-empty-title{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.products-empty-description{color:var(--text-light);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.form-label{color:var(--text-dark);font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.form-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:0!important;color:var(--text-dark);font-family:Nunito,sans-serif;font-size:1rem;padding:1rem;transition:all .3s ease}.form-input:focus{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:var(--bg-primary);border:2px solid var(--border-color);border-radius:0;cursor:pointer;height:1.25rem;width:1.25rem}.form-checkbox:checked{background:var(--primary-gradient);border-color:var(--primary)}.products-form{display:flex;flex-direction:column;gap:2rem}.products-form-row{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:var(--bg-secondary);border-radius:0;display:flex;gap:.75rem;padding:1rem}.form-checkbox-label{color:var(--text-dark);cursor:pointer;font-family:Nunito,sans-serif;font-weight:500}.form-help-text{color:var(--text-light);font-size:.875rem;font-style:italic;margin-top:.25rem}.products-form-actions{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:wrap;gap:.5rem;overflow:visible;padding:1rem}}@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:wrap;gap:.5rem;overflow:visible;padding:1rem}.product-card-actions .products-btn-outline{flex:1 1 auto;font-size:.875rem;max-width:100%;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{background:#f9fafb;border-radius:0;display:block;height:150px;overflow:hidden;position:relative;width:100%}.product-image-container .product-image{display:block;height:150px;max-height:150px;object-fit:cover;position:relative;transition:transform .3s ease;width:100%;z-index:1}.product-image-container .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}.product-image-container .image-nav-btn:hover{background:var(--primary-gradient);border-color:var(--primary);opacity:1;transform:translateY(-50%) scale(1.1)}.product-image-container .image-nav-prev{left:10px}.product-image-container .image-nav-next{right:10px}.product-image-container .image-indicators{bottom:8px;display:flex;gap:4px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.product-image-container .image-indicator{background:#ffffff80;border-radius:0;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.product-image-container .image-indicator.active{background:#fff;transform:scale(1.2)}.product-image-container .image-count-badge{background:#000000b3;border-radius:0;color:#fff;font-size:.75rem;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:10}.product-card-suppliers{background-color:#f9fafb;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{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: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:var(--primary-gradient);border-radius:0;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.services-header h5{color:var(--primary);font-size:.875rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.services-header h1{color:var(--text-dark);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:0}.services-header p{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;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:0;width:100%}.services-section.embedded{margin:0;padding:0}.btn-primary{align-items:center!important;background:var(--primary-gradient)!important;border:none!important;border-radius:0!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 var(--primary)!important;border-radius:0!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:var(--primary-gradient)!important;box-shadow:0 8px 25px #667eea33!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{contain:layout;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem;min-height:400px;overflow:visible}.services-grid,.services-page-container{box-sizing:border-box;max-width:100%;width:100%}.services-page-container{overflow-x:hidden}.service-card{background:var(--bg-primary);border:2px solid var(--border-color);box-sizing:border-box;contain:layout style;height:auto;min-height:400px;overflow:visible;padding:1.5rem;position:relative;width:100%}.service-card:before{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: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: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 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:var(--text-light);font-weight:600;text-transform:capitalize}.service-key-values span{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 var(--border-color);display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.add-service-form{background:var(--bg-secondary)!important;border:2px solid var(--border-color)!important;border-radius:0!important;margin-bottom:2rem!important;padding:2rem!important}.add-service-form h3{color:var(--text-dark);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.add-service-form input,.add-service-form textarea{background:var(--bg-primary)!important;border:2px solid var(--border-color)!important;border-radius:0!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:var(--primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.add-service-form label{color:var(--text-dark);display:block;font-weight:600;margin-bottom:.5rem}.modal-overlay{background:#0009}.modal-content{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:0!important}.modal-content h3{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.services-error,.services-loading{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 .section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:0}.services-section .section-header h2{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.services-search-container{align-items:center;display:flex;flex:1 1;max-width:600px}.services-section input[type=text].search-input{background:var(--bg-primary)!important;border:2px solid var(--border-color)!important;border-radius:0!important;color:var(--text-dark)!important;font-size:.95rem!important;height:42px!important;padding:.65rem 1rem!important;transition:all .3s ease!important;width:100%!important}.services-section input[type=text].search-input::placeholder{color:#9ca3af}.services-section input[type=text].search-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.search-clear-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:0 .5rem;transition:all .3s ease}.search-clear-btn:hover{color:var(--primary);transform:scale(1.2)}.search-results-info{color:#6b7280;font-size:.85rem;font-weight:500;margin-top:.75rem}.services-header-with-search{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1rem}.services-header-left{align-items:center;display:flex;flex:1 1;gap:1.5rem;min-width:0}.services-header-left h2{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.services-header-right{align-items:center;display:flex;gap:.75rem}@media (max-width:1024px){.services-header-with-search{align-items:stretch;flex-direction:column}.services-header-left{align-items:flex-start;flex-direction:column;width:100%}.services-search-container{max-width:none;width:100%}.services-section input[type=text].search-input{width:100%!important}}@media (max-width:768px){.services-header-left,.services-header-with-search{flex-direction:column;gap:1rem}.services-header-left{align-items:stretch}.services-header-left h2{font-size:1.25rem}.services-search-container{max-width:none;width:100%}.services-header-right{justify-content:flex-start;width:100%}.services-section input[type=text].search-input{font-size:.9rem!important;height:40px!important;padding:.6rem .85rem!important}}@media (max-width:480px){.services-header-with-search{gap:.75rem}.services-header-left h2{font-size:1.125rem}.services-header-right{flex-direction:column;width:100%}.services-section input[type=text].search-input{font-size:.85rem!important;height:38px!important;padding:.5rem .75rem!important}}.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{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{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow:hidden;padding:2rem}.service-card-image{background:#f8f9fa;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;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:auto;min-height:60px;overflow:visible;padding:1rem;width:100%}.service-card-actions .services-btn-outline,.service-card-actions button{flex:1 1 auto;font-size:.875rem;max-width:100%;min-width:0;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;white-space:nowrap}.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:wrap;gap:.5rem;overflow:visible;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}.modal-content{background:#fff;overflow-y:auto;width:90%}.large-modal{max-width:900px!important;width:90%!important}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid var(--border-color);color:#fff;padding:1.5rem 2rem}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;font-size:2rem;height:32px;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 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:var(--primary-gradient);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:var(--text-light);font-size:.875rem;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:1rem}.pagination-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:0;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:var(--primary-gradient);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-numbers{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.pagination-ellipsis{color:var(--text-secondary);padding:.5rem .25rem;pointer-events:none;-webkit-user-select:none;user-select:none}.pagination-ellipsis,.pagination-number{align-items:center;display:flex;font-weight:600;justify-content:center}.pagination-number{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:0;color:var(--text-dark);cursor:pointer;height:40px;transition:all .3s ease;width:40px}.pagination-number:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.pagination-number.active{background:var(--primary-gradient);border-color:var(--primary);color:#fff}@media (max-width:768px){.pagination-container{margin:1rem 0}.pagination-controls{flex-direction:column;gap:.5rem}.pagination-numbers{flex-wrap:wrap;justify-content:center}}.gcal-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.gcal-modal-content{animation:gcalSlideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:540px;overflow-y:auto;width:100%}@keyframes gcalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gcal-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.gcal-modal-title-section{align-items:center;display:flex;gap:.75rem}.gcal-modal-icon{color:#fff}.gcal-modal-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.gcal-modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.gcal-modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.gcal-modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.gcal-modal-body{padding:2rem}.gcal-info-box{background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-left:4px solid #667eea;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.gcal-info-icon{color:#667eea;flex-shrink:0;margin-top:2px}.gcal-info-text p{color:#4c1d95;font-size:.875rem;line-height:1.5;margin:0}.gcal-info-text p:first-child{font-weight:600;margin-bottom:.25rem}.gcal-form{gap:1.5rem}.gcal-form,.gcal-form-group{display:flex;flex-direction:column}.gcal-form-group{gap:.5rem}.gcal-form-label{color:#374151;font-size:.875rem;font-weight:600}.gcal-form-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.gcal-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.gcal-form-input.error{border-color:#ef4444}.gcal-form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.gcal-form-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.gcal-form-hint{color:#6b7280;font-size:.75rem;line-height:1.4;margin:0}.gcal-form-error{align-items:center;color:#ef4444;display:flex;font-size:.875rem;gap:.25rem;margin:0}.gcal-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.gcal-btn-cancel,.gcal-btn-submit{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.gcal-btn-cancel{background:#f3f4f6;color:#374151}.gcal-btn-cancel:hover:not(:disabled){background:#e5e7eb}.gcal-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.gcal-btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.gcal-btn-cancel:disabled,.gcal-btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.gcal-spinner{animation:gcalSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes gcalSpin{to{transform:rotate(1turn)}}@media (max-width:640px){.gcal-modal-content{border-radius:12px;margin:1rem;max-width:100%}.gcal-modal-header{border-radius:12px 12px 0 0;padding:1.25rem 1.5rem}.gcal-modal-title{font-size:1.25rem}.gcal-modal-body{padding:1.5rem}.gcal-form-actions{flex-direction:column}.gcal-btn-cancel,.gcal-btn-submit{justify-content:center;width:100%}}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{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-google-sync{align-items:center;background:linear-gradient(135deg,#34a853,#0f9d58);border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #34a85333;color:var(--text-white);cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.appointments-btn-google-sync:hover{background:linear-gradient(135deg,#2d8e47,#0d8a4c);box-shadow:0 8px 25px #34a85366;color:var(--text-white);transform:translateY(-2px)}.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: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 cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;font-family:Times New Roman,Times,serif;padding:1rem}.modal-content{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background-color:#fff;border:3px solid #8b5cf6;border-radius:0;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%}.modal-content.large-modal{max-width:850px}.modal-header{border-bottom:4px solid #7c3aed;border-radius:0;justify-content:space-between;padding:2rem 2.5rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#fff;font-family:Times New Roman,Times,serif;font-size:1.875rem;font-weight:700;gap:1rem;letter-spacing:.5px}.modal-title svg{color:#fff}.modal-close-btn{align-items:center;background:#fff3;border:2px solid #fff;border-radius:0;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.modal-close-btn:hover{background:#fff;color:#8b5cf6;transform:scale(1.1)}.modal-body{font-family:Times New Roman,Times,serif;overflow-y:auto;padding:2.5rem}.form-grid{gap:2rem}.form-section{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-group.full-width{grid-column:1/-1}.form-group label{color:#1f2937;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:700;letter-spacing:.3px;margin-bottom:.75rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#8b5cf6;left:1rem;pointer-events:none;position:absolute;z-index:1}.input-with-icon input{background:#fff;border:2px solid #d1d5db;border-radius:0;font-family:Times New Roman,Times,serif;font-size:1rem;padding:1rem 1rem 1rem 3rem;padding-left:3rem!important;text-indent:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input-with-icon input::placeholder{color:#9ca3af;opacity:.8}.input-with-icon input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626;outline:none;transform:translateY(-1px)}.form-select{background:#fff;border:2px solid #d1d5db;border-radius:0;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626;outline:none}.modal-footer{background-color:#f9fafb;border-radius:0;border-top:2px solid #e5e7eb;padding:2rem 2.5rem}.btn-primary{background:#8b5cf6;border-radius:0;box-shadow:0 4px 15px #8b5cf64d;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){background:#7c3aed;box-shadow:0 8px 25px #8b5cf666}.btn-primary:disabled{background:#9ca3af}.btn-secondary{background-color:#e5e7eb;border:2px solid #d1d5db;border-radius:0;color:#374151;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background-color:#d1d5db;border-color:#9ca3af}.form-section-title{align-items:center;border-bottom:3px solid #8b5cf6;color:#8b5cf6;display:flex;font-family:Times New Roman,Times,serif;font-size:1.25rem;font-weight:700;gap:.75rem;letter-spacing:.5px;margin-bottom:1.5rem;padding-bottom:.75rem;text-transform:uppercase}.dynamic-input-group{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.btn-add-dynamic,.btn-remove-dynamic{background:none;border:none;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:600}.btn-remove-dynamic{border:2px solid #ef4444;border-radius:0;color:#ef4444;padding:.5rem;transition:all .3s}.btn-remove-dynamic:hover{background:#ef4444;color:#fff}.btn-add-dynamic{align-items:center;border:2px solid #8b5cf6;border-radius:0;color:#8b5cf6;display:flex;font-weight:700;gap:.5rem;margin-top:.5rem;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s}.btn-add-dynamic:hover{background:#8b5cf6;color:#fff}.btn-primary-avp,.btn-secondary-avp{border-radius:0;font-family:Times New Roman,Times,serif;font-weight:700;padding:1rem 2rem;text-transform:uppercase}.bill-selection-section{border-top:2px solid #8b5cf6;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:#1f2937;cursor:pointer;font-size:.95rem;font-weight:600}.bill-selection-title,.select-all-label{align-items:center;display:flex;font-family:Times New Roman,Times,serif;gap:.5rem}.bill-selection-title{color:#8b5cf6;font-size:1.125rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.bill-selection-empty,.bill-selection-loading{color:#6b7280;font-family:Times New Roman,Times,serif;font-size:.875rem;padding:1.5rem;text-align:center}.bill-list,.bill-selection-empty,.bill-selection-loading{background-color:#f9fafb;border:2px 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;font-family:Times New Roman,Times,serif;padding:.875rem 1rem;transition:background-color .2s}.bill-item:last-child{border-bottom:none}.bill-item:hover{background-color:#8b5cf61a}.bill-item input[type=checkbox]{accent-color:#8b5cf6;height:20px;margin-right:1rem;width:20px}.bill-info{display:flex;flex-grow:1;font-size:.875rem;justify-content:space-between}.bill-number{color:#1f2937;font-weight:700}.bill-amount,.bill-number{font-family:Times New Roman,Times,serif}.bill-amount{color:#ef4444;font-weight:600}.bill-due-date{color:#6b7280}.bill-due-date,.bill-selection-summary{font-family:Times New Roman,Times,serif}.bill-selection-summary{align-items:center;background-color:#8b5cf61a;border:2px solid #8b5cf6;border-radius:0;color:#8b5cf6;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;margin-top:1rem;padding:1rem 1.25rem}.vendor-management-page{background-color:#f8fafc;font-family:Times New Roman,Times,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-family:Times New Roman,Times,serif;font-size:2rem;font-weight:700;margin:0}.vendor-management-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.vendor-management-btn-primary{background:#8b5cf6;box-shadow:0 4px 15px #8b5cf64d;color:#fff}.vendor-management-btn-primary:hover{background:#7c3aed;box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.vendor-stats-bar{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.vendor-stat-item{align-items:center;background:#8b5cf6;border-radius:0;box-shadow:0 4px 15px #8b5cf640;color:#fff;display:flex;font-family:Times New Roman,Times,serif;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.vendor-stat-item:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.vendor-stat-item:hover{box-shadow:0 12px 30px #8b5cf659;transform:translateY(-4px)}.vendor-stat-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:0;display:flex;height:3rem;justify-content:center;width:3rem}.vendor-stat-icon svg{height:1.5rem;width:1.5rem}.vendor-stat-label{color:#ffffffe6;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.vendor-stat-label,.vendor-stat-value{display:block;font-family:Times New Roman,Times,serif}.vendor-stat-value{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%);z-index:1}.vendor-management-search input{background:#fff;border:2px solid #e5e7eb;border-radius:0;font-family:Times New Roman,Times,serif;font-size:.875rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.vendor-management-search input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none;transform:translateY(-1px)}.vendor-management-content{background:#fff;border-radius:0;box-shadow:0 4px 12px #00000014;overflow:hidden}.vendor-cards-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:1.5rem}.vendor-card{background:#fff;border:2px solid #f3f4f6;border-radius:0;cursor:pointer;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.vendor-card:before{background:#8b5cf6;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.vendor-card:hover:before{transform:scaleX(1)}.vendor-card:hover{border-color:#8b5cf6;box-shadow:0 16px 40px #8b5cf633;transform:translateY(-6px)}.vendor-card-header{align-items:flex-start;background:linear-gradient(180deg,#fafbfc,#fff);border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.vendor-name{color:#1f2937;font-size:1.125rem;margin:0}.vendor-category-badge,.vendor-name{font-family:Times New Roman,Times,serif;font-weight:600}.vendor-category-badge{background:#8b5cf6;border-radius:0;color:#fff;font-size:.75rem;letter-spacing:.025em;padding:.375rem .875rem}.vendor-card-body{flex-grow:1;padding:1.5rem}.vendor-financials{margin-bottom:1rem}.outstanding-label{color:#6b7280;font-size:.875rem;font-weight:500}.outstanding-amount,.outstanding-label{font-family:Times New Roman,Times,serif}.outstanding-amount{display:block;font-size:1.75rem;font-weight:700;margin-top:.5rem}.outstanding-amount.positive{color:#ef4444}.outstanding-amount.zero{color:#10b981}.due-status{border-radius:0;display:inline-block;font-family:Times New Roman,Times,serif;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.5rem 1rem}.due-status.paid{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.due-status.no-due{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.due-status.overdue{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.due-status.due-today{background:#fef3c7;border:1px solid #fcd34d;color:#78350f}.due-status.due{background:#e0e7ff;border:1px solid #a5b4fc;color:#3730a3}.vendor-card-footer{background:#fafbfc;border-top:1px solid #f3f4f6;color:#6b7280;font-family:Times New Roman,Times,serif;font-size:.75rem;font-weight:500;padding:1rem 1.5rem}.vendor-management-pagination{align-items:center;background:#fafbfc;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.vendor-management-pagination button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:0;color:#374151;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.vendor-management-pagination button:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;color:#fff;transform:translateY(-2px)}.vendor-management-pagination button:disabled{cursor:not-allowed;opacity:.4}.vendor-management-state{color:#6b7280;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:500;padding:4rem 2rem;text-align:center}.vendor-management-state.error{color:#dc2626}@media (max-width:768px){.vendor-management-page{padding:1rem}.vendor-management-header{align-items:stretch;flex-direction:column}.vendor-cards-grid{grid-template-columns:1fr}}.vendor-detail-page{background-color:#f8fafc;font-family:Times New Roman,Times,serif;padding:1.5rem}.vendor-detail-header{margin-bottom:2rem}.back-button{align-items:center;background:#8b5cf6;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:700;gap:.625rem;letter-spacing:.5px;margin-bottom:1.5rem;padding:.875rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateX(-4px)}.vendor-title-section{align-items:center;background:#fff;border:3px solid #8b5cf6;border-radius:0;box-shadow:0 4px 12px #00000014;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem 2.5rem}.vendor-title-section h1{color:#8b5cf6;font-family:Times New Roman,Times,serif;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin:0}.vendor-header-actions{display:flex;gap:.75rem}.vendor-action-btn{align-items:center;background:#8b5cf6;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:700;gap:.625rem;letter-spacing:.5px;padding:.875rem 1.75rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.vendor-action-btn:hover{background:#7c3aed;box-shadow:0 6px 20px #8b5cf64d;transform:translateY(-2px)}.vendor-workspace-layout{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;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:500;padding:4rem 2rem;text-align:center}.vendor-detail-state.error{background:#fee2e2;border:2px solid #dc2626;border-radius:0;color:#dc2626;padding:2rem}@media (max-width:768px){.vendor-detail-page{padding:1rem}.vendor-workspace-layout{grid-template-columns:1fr}.vendor-title-section{padding:1.25rem 1.5rem}.vendor-title-section h1{font-size:1.75rem}.vendor-header-actions{flex-wrap:wrap;width:100%}.vendor-action-btn{flex:1 1;justify-content:center;min-width:140px}}.product-catalogue-panel{background:#fff;border:2px solid #f3f4f6;border-radius:0;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif}.catalogue-header{align-items:center;background:linear-gradient(180deg,#fafbfc,#fff);border-bottom:2px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.75rem}.catalogue-header h2{color:#8b5cf6;font-size:1.375rem;margin:0}.add-product-btn,.catalogue-header h2{font-family:Times New Roman,Times,serif;font-weight:700}.add-product-btn{align-items:center;background:#8b5cf6;border:none;border-radius:0;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.875rem 1.75rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-product-btn:hover{background:#7c3aed;box-shadow:0 8px 20px #8b5cf666;transform:translateY(-2px)}.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%);z-index:1}.filter-input,.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:0;font-family:Times New Roman,Times,serif;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-input:focus,.filter-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none;transform:translateY(-1px)}.catalogue-body{background:#fafbfc;flex-grow:1;padding:1.75rem}.catalogue-state{color:#6b7280;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:500;padding:4rem 2rem;text-align:center}.catalogue-state.error{background:#fee2e2;border:2px solid #dc2626;border-radius:0;color:#dc2626;padding:2rem}.products-grid-catalogue{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.product-card-catalogue{background:#fff;border:2px solid #f3f4f6;border-radius:0;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card-catalogue:hover{border-color:#8b5cf6;box-shadow:0 16px 40px #8b5cf633;transform:translateY(-6px)}.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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;color:#fff;font-family:Times New Roman,Times,serif;font-size:.75rem;font-weight:700;left:.875rem;letter-spacing:.025em;padding:.5rem .875rem;position:absolute;top:.875rem}.stock-badge.in-stock{background:#10b981;box-shadow:0 4px 12px #10b9814d}.stock-badge.out-of-stock{background:#ef4444;box-shadow:0 4px 12px #ef44444d}.product-info-catalogue{flex-grow:1;padding:1.25rem}.product-name-catalogue{color:#1f2937;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:700;line-height:1.4;margin:0 0 1rem}.product-details-catalogue{align-items:center;color:#4b5563;display:flex;font-family:Times New Roman,Times,serif;font-size:.875rem;justify-content:space-between}.product-price-catalogue{color:#8b5cf6;font-family:Times New Roman,Times,serif;font-size:1.25rem;font-weight:700}.editable-field{align-items:center;display:flex;gap:.5rem}.edit-icon-btn{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;opacity:0;padding:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.editable-field:hover .edit-icon-btn{opacity:1}.edit-icon-btn:hover{background:#f3f4f6;color:#8b5cf6}.editable-cell{border-radius:0;cursor:pointer;padding:.375rem .625rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.editable-cell:hover{background:#f9fafb}.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:#8b5cf6;border:none;border-radius:0;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;padding:.875rem 1rem;text-transform:uppercase;transition:all .2s ease;width:100%}.add-to-cart-btn:hover{background:#7c3aed;box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}.manage-images-btn{align-items:center;background:#fff;border:2px solid #8b5cf6;border-radius:0;color:#8b5cf6;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-transform:uppercase;transition:all .2s ease;width:100%}.manage-images-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.modal-overlay-avp{align-items:center;animation:fadeIn-avp .3s ease-out;background-color:#000000b3;bottom:0;display:flex;font-family:Times New Roman,Times,serif;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:3px solid #8b5cf6;border-radius:0;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:90%}@keyframes slideIn-avp{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header-avp{align-items:center;background:#8b5cf6;border-bottom:3px solid #8b5cf6;display:flex;justify-content:space-between;padding:1.75rem 2rem}.modal-header-avp h2{color:#fff;font-family:Times New Roman,Times,serif;font-size:1.625rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.modal-close-btn-avp{align-items:center;background:#fff3;border:2px solid #fff;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;font-weight:700;height:40px;justify-content:center;transition:all .3s;width:40px}.modal-close-btn-avp:hover{background:#fff;color:#8b5cf6;transform:scale(1.1)}.modal-body-avp{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:2rem}.form-group-avp label{color:#1f2937;display:block;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:700;letter-spacing:.3px;margin-bottom:.75rem}.form-group-avp input,.form-group-avp textarea{border:2px solid #d1d5db;border-radius:0;font-family:Times New Roman,Times,serif;font-size:1rem;padding:1rem;transition:all .3s;width:100%}.form-group-avp input:focus,.form-group-avp textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626;outline:none}.form-grid-avp{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.modal-footer-avp{background:#f9fafb;border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.btn-primary-avp,.btn-secondary-avp{border-radius:0;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s}.btn-secondary-avp{background-color:#e5e7eb;border:2px solid #d1d5db;color:#374151}.btn-secondary-avp:hover{background-color:#d1d5db;border-color:#9ca3af}.btn-primary-avp{background:#8b5cf6;border:none;box-shadow:0 4px 15px #8b5cf64d;color:#fff}.btn-primary-avp:hover:not(:disabled){background:#7c3aed;box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.btn-primary-avp:disabled{background:#9ca3af;cursor:not-allowed}.checkbox-group-avp{display:flex;flex-direction:column;gap:.5rem}.checkbox-label-avp{align-items:center;color:#374151;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-size:.95rem;gap:.75rem;margin:0}.checkbox-input-avp{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.checkbox-text-avp{font-weight:600}.checkbox-text-avp,.form-help-text-avp{font-family:Times New Roman,Times,serif}.form-help-text-avp{color:#6b7280;display:block;font-size:.85rem;font-style:italic;margin-top:.25rem}.cart-summary-panel{background:#fff;border:2px solid #e5e7eb;border-radius:0;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;height:100%}.cart-summary-header{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;gap:.75rem;padding:1rem 1.5rem}.cart-summary-header h2{color:#8b5cf6;flex-grow:1;font-size:1.25rem;margin:0}.cart-item-count,.cart-summary-header h2{font-family:Times New Roman,Times,serif;font-weight:700}.cart-item-count{align-items:center;background:#8b5cf6;border-radius:0;color:#fff;display:flex;font-size:.875rem;height:28px;justify-content:center;width:28px}.cart-summary-body{flex-grow:1;overflow-y:auto;padding:1rem}.cart-empty-state{color:#6b7280;font-family:Times New Roman,Times,serif;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;font-family:Times New Roman,Times,serif;justify-content:space-between;padding-bottom:1rem}.cart-item-info .cart-item-name{color:#374151;font-family:Times New Roman,Times,serif;font-weight:700;margin:0}.cart-item-info .cart-item-price{color:#6b7280;font-family:Times New Roman,Times,serif;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:2px solid #e5e7eb;border-radius:0;cursor:pointer;display:flex;font-family:Times New Roman,Times,serif;font-weight:700;height:32px;justify-content:center;transition:background-color .2s;width:32px}.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-family:Times New Roman,Times,serif;font-weight:700}.cart-summary-footer{background:#f9fafb;border-top:2px solid #e5e7eb;padding:1.5rem}.cart-summary-total{color:#8b5cf6;display:flex;font-size:1.25rem;justify-content:space-between;margin-bottom:1rem}.cart-summary-total,.place-order-btn{font-family:Times New Roman,Times,serif;font-weight:700}.place-order-btn{background:#8b5cf6;border:none;border-radius:0;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;letter-spacing:.5px;padding:1rem;text-transform:uppercase;transition:all .2s ease;width:100%}.place-order-btn:hover:not(:disabled){background:#7c3aed;box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}.place-order-btn:disabled{background:#9ca3af;cursor:not-allowed}.payment-panel{background:#fff;border:2px solid #e5e7eb;border-radius:0;font-family:Times New Roman,Times,serif}.payment-panel-header{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.payment-panel-header h2{color:#8b5cf6;display:flex;font-size:1.25rem;gap:.75rem;margin:0}.payment-panel-actions .action-btn,.payment-panel-header h2{align-items:center;font-family:Times New Roman,Times,serif;font-weight:700}.payment-panel-actions .action-btn{background:#8b5cf6;border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;letter-spacing:.5px;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .2s ease}.payment-panel-actions .action-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.payment-summary-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.summary-card{border:2px solid #e5e7eb;border-radius:0;font-family:Times New Roman,Times,serif;padding:1.5rem;text-align:center}.summary-card-label{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.summary-card-label,.summary-card-value{font-family:Times New Roman,Times,serif;font-weight:700}.summary-card-value{font-size:2rem;line-height:1}.summary-card-value.billed{color:#8b5cf6}.summary-card-value.paid{color:#10b981}.summary-card-value.outstanding{color:#ef4444}.payment-history-tabs{border-bottom:2px solid #e5e7eb;display:flex;padding:0 1.5rem}.payment-history-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:700;letter-spacing:.5px;margin-bottom:-2px;padding:.875rem 1.25rem;text-transform:uppercase}.payment-history-tab.active{border-bottom-color:#8b5cf6;color:#8b5cf6}.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-family:Times New Roman,Times,serif;font-size:.875rem;padding:.875rem 1rem;text-align:left}.history-table th{background:#f9fafb;color:#8b5cf6;font-weight:700}.history-table td{color:#374151}.history-table .amount-cell{font-family:Times New Roman,Times,serif;font-weight:700}.history-table .amount-cell.paid{color:#10b981}.history-table .amount-cell.outstanding{color:#ef4444}.history-table .status-badge{border-radius:0;font-family:Times New Roman,Times,serif;font-size:.75rem;font-weight:700;padding:.375rem .75rem;text-transform:uppercase}.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}.tab-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.tab-actions .action-btn{align-items:center;background:#8b5cf6;border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-family:Times New Roman,Times,serif;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.5px;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .2s ease}.tab-actions .action-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.table-action-btn{align-items:center;background:#10b981;border:none;border-radius:0;color:#fff;cursor:pointer;display:inline-flex;font-family:Times New Roman,Times,serif;font-size:.75rem;font-weight:700;gap:.25rem;padding:.5rem .75rem;text-transform:uppercase;transition:all .2s ease}.table-action-btn:hover{background:#059669;transform:translateY(-1px)}.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{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:var(--accent-purple-start);--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:var(--support-bg-gray-50);min-height:100vh;padding:2rem}.support-page-content{margin:0 auto;max-width:1200px}.support-section{background:var(--support-bg-white);border-radius:0;box-shadow:var(--support-shadow);margin-bottom:2rem;padding:2rem}.support-header{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: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: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: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{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.support-stat-card{align-items:center;background:var(--support-bg-white);border:1px solid var(--support-border-gray);border-radius:0;box-shadow:var(--support-shadow);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.support-stat-card:hover{box-shadow:var(--support-shadow-lg);transform:translateY(-2px)}.support-stat-icon{align-items:center;background:var(--accent-purple-start);border-radius:0;color:var(--support-bg-white);display:flex;height:48px;justify-content:center;width:48px}.support-stat-content{flex:1 1}.support-stat-number{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:var(--support-text-gray-600);font-family:Nunito,sans-serif;font-size:.875rem;margin:0}.support-action-bar{align-items:center;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:var(--accent-purple-start);border:none;border-radius:0;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: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:var(--support-bg-white);border:1px solid var(--support-border-gray);border-radius:0;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:var(--support-bg-gray-50);box-shadow:var(--support-shadow);transform:translateY(-2px)}.support-search-container{align-items:center;display:flex;position:relative}.support-search-container svg{color:var(--support-text-gray-600);left:.75rem;position:absolute;z-index:1}.support-search-input{background:var(--support-bg-white);border:1px solid var(--support-border-gray);border-radius:0;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:var(--support-text-gray-600)}.support-filter-select{background:var(--support-bg-white);border:1px solid var(--support-border-gray);border-radius:0;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:var(--support-bg-white);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:var(--support-bg-gray-50);font-weight:600;text-align:left}.support-table td,.support-table th{border-bottom:1px solid var(--support-border-gray);color:var(--support-text-black);font-size:.875rem;padding:1rem}.support-table tbody tr:hover{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:var(--support-text-black);font-weight:600}.support-subject-preview{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:var(--support-bg-gray-100);color:var(--support-text-gray-600)}.support-priority-high,.support-priority-medium,.support-priority-urgent{background:var(--accent-purple-start);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:var(--accent-purple-start);color:var(--support-bg-white)}.support-status-closed,.support-status-resolved{background:var(--support-bg-gray-100);color:var(--support-text-gray-600)}.support-date-info{display:flex;flex-direction:column;gap:.125rem}.support-date{color:var(--support-text-black);font-weight:600}.support-time{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:var(--accent-purple-start);color:var(--support-bg-white)}.support-btn-view:hover{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: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: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:var(--support-text-gray-600);margin-bottom:1rem}.support-empty-state .support-btn-primary svg{color:var(--support-bg-white);margin-bottom:0}.support-loading-spinner{animation:support-spin 1s linear infinite;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:var(--support-bg-white);border-radius:0;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 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: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: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:var(--support-text-gray-600);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.support-modal-close-btn:hover{background:var(--support-bg-gray-50);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{color:var(--support-text-black);font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600}.support-form-input,.support-form-select,.support-form-textarea{background:var(--support-bg-white);border:1px solid var(--support-border-gray);border-radius:0;color:var(--support-text-black);font-family:Nunito,sans-serif;font-size:.875rem;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:var(--support-bg-gray-50);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,.support-meta-item strong{color:var(--support-text-black)}.support-messages-container{background:var(--support-bg-gray-50);border:1px solid var(--support-border-gray);border-radius:0;flex:1 1;margin-bottom:1rem;overflow-y:auto;padding:1rem}.support-message-date-separator{align-items:center;display:flex;justify-content:center;margin:1.5rem 0 1rem}.support-message-date-separator span{background:var(--support-bg-white);border-radius:8px;box-shadow:0 1px 2px #0000001a;color:var(--support-text-gray-600);font-family:Nunito,sans-serif;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-align:center}.support-message{display:flex;margin-bottom:.5rem}.support-message-client{justify-content:flex-end}.support-message-admin{justify-content:flex-start}.support-message-content{border-radius:8px;max-width:70%;position:relative}.support-message-client .support-message-content{background:var(--accent-purple-start);color:var(--support-bg-white)}.support-message-admin .support-message-content{background:var(--support-bg-white);border:1px solid var(--support-border-gray);color:var(--support-text-black)}.support-message-text{word-wrap:break-word;font-family:Nunito,sans-serif;font-size:.875rem;line-height:1.5;padding:.625rem .875rem 1.25rem;white-space:pre-wrap}.support-message-time{bottom:.25rem;font-family:Nunito,sans-serif;font-size:.65rem;margin-left:.5rem;opacity:.7;position:absolute;right:.5rem;white-space:nowrap}.support-message-client .support-message-time{color:#ffffffe6}.support-message-admin .support-message-time{color:var(--support-text-gray-600)}.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:var(--support-text-gray-600);margin-bottom:1rem}.support-no-messages h3{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: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:var(--support-bg-white);border:1px solid var(--support-border-gray);border-radius:4px;color:var(--support-text-black);flex:1 1;font-family:Nunito,sans-serif;font-size:.875rem;min-height:40px;padding:.75rem;transition:all .3s ease}.support-message-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.support-message-input:disabled{background:var(--support-bg-gray-100);cursor:not-allowed;opacity:.6}.support-message-attachment{margin-top:.75rem;max-width:100%}.support-attachment-link{border-radius:8px;display:inline-block;max-width:100%;overflow:hidden;text-decoration:none}.support-attachment-image,.support-attachment-video{border-radius:8px;display:block;max-height:300px;max-width:100%}.support-attachment-video{background:#000}.support-attachment-audio{border-radius:8px;display:block;margin-top:.5rem;max-width:100%}.support-attachment-file{align-items:center;background:var(--support-bg-gray-100);border-radius:8px;color:var(--support-text-black);display:flex;font-size:.875rem;gap:.75rem;margin-top:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.support-attachment-file:hover{background:var(--support-bg-gray-100);transform:translateY(-2px)}.support-attachment-file span{flex:1 1;text-align:left;word-break:break-word}.support-attach-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--support-text-gray-600);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:all .3s ease}.support-attach-btn:hover:not(:disabled){background:var(--support-bg-gray-100);color:var(--support-text-black);transform:scale(1.05)}.support-attach-btn:disabled{cursor:not-allowed;opacity:.5}.support-file-preview{background:var(--support-bg-gray-50);border:1px solid var(--support-border-gray);border-radius:4px;font-size:.875rem;justify-content:space-between;margin-top:.5rem;padding:.75rem}.support-file-preview,.support-remove-file-btn{align-items:center;color:var(--support-text-gray-600);display:flex}.support-remove-file-btn{background:none;border:none;border-radius:4px;cursor:pointer;justify-content:center;padding:.25rem;transition:all .3s ease}.support-remove-file-btn:hover{background:var(--support-bg-gray-100);color:var(--support-text-black)}.support-send-btn{align-items:center;background:var(--accent-purple-start);border:none;border-radius:4px;color:var(--support-bg-white);cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:80px;padding:.75rem 1rem;transition:all .3s ease}.support-send-btn:hover:not(:disabled){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{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:var(--accent-purple-start)!important;color:#fff!important;font-weight:600!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-modal-body,.support-modal-header{box-sizing:border-box!important;max-width:84vw!important;padding:2.5vw!important;width:84vw!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-chat-body{height:350px}.support-messages-container{padding:.75rem}.support-message-content{max-width:85%}.support-message-text{font-size:.8rem;padding:.5rem .75rem 1.125rem}.support-message-time{bottom:.2rem;font-size:.6rem;right:.4rem}.support-message-date-separator span{font-size:.7rem;padding:.25rem .5rem}.support-message-input-wrapper{flex-direction:column;gap:.5rem}.support-send-btn{width:100%}}@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 var(--support-border-gray);box-shadow:none}.support-table{font-size:.75rem}.support-action-btn,.support-btn-primary,.support-btn-secondary{display:none}}.support-chat-tabs{border-bottom:2px solid var(--support-border-gray);display:flex;gap:8px;margin-bottom:20px;padding-bottom:0}.support-tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--support-text-gray-600);cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.support-tab-btn:hover{background-color:var(--support-bg-gray-50);color:var(--support-text-black)}.support-tab-btn.active{border-bottom-color:#667eea;color:#667eea}.support-admin-media-container{display:flex;flex-direction:column;gap:20px;max-height:450px;overflow-y:auto}.support-media-stats{background-color:var(--support-bg-gray-50);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:16px}.media-stat{align-items:center;background-color:var(--support-bg-white);border:1px solid var(--support-border-gray);border-radius:6px;display:flex;flex-direction:column;font-family:Nunito,sans-serif;gap:8px;padding:12px;text-align:center}.media-stat svg{color:#667eea}.media-stat span{color:var(--support-text-black);font-size:13px;font-weight:500}.support-media-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.support-media-item{background-color:var(--support-bg-white);border:1px solid var(--support-border-gray);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.support-media-item:hover{box-shadow:var(--support-shadow-lg);transform:translateY(-2px)}.media-item-header{align-items:center;background-color:var(--support-bg-gray-50);border-bottom:1px solid var(--support-border-gray);display:flex;font-family:Nunito,sans-serif;gap:8px;justify-content:space-between;padding:12px}.media-type-badge{background-color:#667eea;border-radius:12px;color:var(--support-bg-white);font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.media-admin-name{color:var(--support-text-gray-600);flex:1 1;font-size:12px;font-weight:500;text-align:right}.media-preview{background-color:#f0f0f0;cursor:pointer;flex:1 1;height:150px;overflow:hidden;position:relative;width:100%}.media-preview img,.media-preview video{height:100%;object-fit:cover;width:100%}.media-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.media-overlay svg{color:var(--support-bg-white)}.media-preview:hover .media-overlay{opacity:1}.media-audio-player{align-items:center;background-color:var(--support-bg-gray-50);display:flex;flex:1 1;justify-content:center;padding:16px}.media-audio-player audio{max-width:100%}.media-file-item{align-items:center;background-color:var(--support-bg-gray-50);display:flex;flex:1 1;flex-direction:column;font-family:Nunito,sans-serif;gap:12px;justify-content:center;padding:24px}.media-file-item svg{color:#667eea}.media-file-item p{color:var(--support-text-gray-600);font-size:12px;margin:0;text-align:center;word-break:break-word}.media-item-footer{background-color:var(--support-bg-white);border-top:1px solid var(--support-border-gray);display:flex;flex-direction:column;font-family:Nunito,sans-serif;gap:8px;padding:12px}.media-message{color:var(--support-text-black);flex:1 1;font-size:13px;line-height:1.4;margin:0}.media-timestamp{color:var(--support-text-gray-600);font-size:11px;margin:0}.support-download-btn{align-items:center;background-color:#667eea;border:none;border-radius:4px;color:var(--support-bg-white);cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.support-download-btn:hover{background-color:#5568d3;box-shadow:var(--support-shadow);transform:translateY(-2px)}.support-download-btn:active{transform:scale(.98)}@media (max-width:768px){.support-media-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.support-media-stats{grid-template-columns:repeat(2,1fr)}.media-preview{height:120px}.support-chat-tabs{gap:4px}.support-tab-btn{font-size:13px;padding:10px 16px}.support-admin-media-container{max-height:400px}}@media (max-width:480px){.support-media-grid{grid-template-columns:1fr}.support-media-stats{grid-template-columns:repeat(2,1fr)}.media-item-header{align-items:flex-start;flex-direction:column}.media-admin-name{text-align:left}.media-preview{height:150px}.support-download-btn{font-size:11px;padding:6px 10px}.support-admin-media-container{max-height:350px}}.support-attachment-audio-wrapper,.support-attachment-file-wrapper,.support-attachment-image-wrapper,.support-attachment-video-wrapper,.support-message-attachment-inline{margin-top:8px}.support-attachment-image{transition:transform .2s ease,box-shadow .2s ease}.support-attachment-image:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.support-message-admin .support-attachment-image{border-color:#fff6!important}.support-message-client .support-attachment-image{border-color:#0000001a!important}.support-message-content{max-width:100%;overflow:hidden}.support-attachment-file{transition:all .2s ease}.support-attachment-file:hover{background:#00000014!important;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.support-attachment-audio,.support-attachment-video{outline:none}.support-attachment-audio:focus,.support-attachment-video:focus{outline:2px solid #667eea;outline-offset:2px}.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{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{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: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 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: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 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-primary);font-size:1.75rem;font-weight:800}.dashboard-header p{border-radius:0;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(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{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 var(--border-color);border-radius:0}.card-title{align-items:center;border-radius:0;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(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-secondary);font-size:.9rem}.stat-card-info dd{border-radius:0;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{border-radius:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (max-width:768px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action-link{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:Nunito,sans-serif;min-width:220px;overflow:hidden;padding:16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-link:before{background:#8b5cf6;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.quick-action-link:hover:before{transform:scaleY(1)}.quick-action-link:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;box-shadow:0 12px 24px #8b5cf640;transform:translateY(-4px)}.quick-action-link:hover .quick-action-icon{background:#fff;color:#8b5cf6;transform:scale(1.1)}.quick-action-icon{align-items:center;background:#8b5cf6;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:1rem;transition:all .3s ease;width:48px}.quick-action-text h3{color:var(--text-primary);font-size:.875rem;font-weight:600}.quick-action-text h3,.quick-action-text p{border-radius:0;font-family:Nunito,sans-serif}.quick-action-text p{color:var(--text-secondary);font-size:.75rem}.weekly-availability-overview{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-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-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}}.admin-role-reset-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#111827cc;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2100}.admin-role-reset-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:0;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.admin-role-reset-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;position:relative;text-align:center}.admin-role-reset-icon{align-items:center;background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.admin-role-reset-title{font-size:1.75rem;font-weight:700;margin:0}.admin-role-reset-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:background-color .2s;width:32px}.admin-role-reset-close:hover{background-color:#fff3}.admin-role-reset-content{padding:2rem}.admin-role-reset-step-info{margin-bottom:2rem;text-align:center}.admin-role-reset-step-info .step-icon{color:#667eea;margin-bottom:1rem}.admin-role-reset-step-info h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:.5rem 0}.admin-role-reset-step-info p{color:#6b7280;font-size:.9rem;line-height:1.6;margin:.5rem 0}.admin-role-reset-form{display:flex;flex-direction:column;gap:1.5rem}.admin-role-reset-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-role-reset-form-group label{color:#4a5568;font-size:.875rem;font-weight:500}.admin-role-reset-form-group input{border:2px solid #e2e8f0;border-radius:0;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.admin-role-reset-form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-role-reset-form-group input.error{border-color:#e53e3e}.admin-role-reset-password-wrapper{position:relative}.admin-role-reset-password-wrapper input{padding-right:3rem}.admin-role-reset-password-toggle{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.admin-role-reset-password-toggle:hover{color:#667eea}.admin-role-reset-error{color:#e53e3e;font-size:.875rem;margin-top:.25rem}.admin-role-reset-password-requirements{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:0;padding:1rem}.admin-role-reset-password-requirements h4{color:#4a5568;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.admin-role-reset-password-requirements ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.admin-role-reset-password-requirements li{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.admin-role-reset-password-requirements li.met{color:#059669}.admin-role-reset-password-requirements li.unmet{color:#6b7280}.admin-role-reset-btn-primary,.admin-role-reset-btn-secondary{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .2s ease-in-out;width:100%}.admin-role-reset-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-role-reset-btn-primary:hover:not(:disabled){box-shadow:0 4px 15px #764ba24d;filter:brightness(1.1);transform:translateY(-2px)}.admin-role-reset-btn-primary:disabled{cursor:not-allowed;opacity:.6}.admin-role-reset-btn-secondary{background-color:initial;border:2px solid #e2e8f0;color:#4a5568}.admin-role-reset-btn-secondary:hover:not(:disabled){border-color:#667eea;color:#667eea}.admin-role-reset-form-actions{display:flex;gap:1rem;margin-top:.5rem}.admin-role-reset-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.role-verification-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#111827cc;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.role-verification-modal{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:0;box-shadow:0 25px 50px -12px #00000040;max-width:450px;overflow:hidden;width:100%}.role-verification-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.role-verification-icon{align-items:center;background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.role-verification-title{font-size:1.75rem;font-weight:700;margin:0}.role-verification-subtitle{color:#fff;font-size:1rem;margin-top:.5rem;opacity:1}.role-verification-form{gap:1.5rem;padding:2rem}.role-verification-form,.role-verification-input-group{display:flex;flex-direction:column}.role-verification-input-group label{color:#4a5568;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.role-verification-input-wrapper{position:relative}.role-verification-input-icon{color:#a0aec0;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.role-verification-input{border:2px solid #e2e8f0;border-radius:0;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;padding-right:3rem;transition:all .2s ease;width:100%}.role-verification-toggle-visibility{background:none;border:none;color:#a0aec0;cursor:pointer;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.role-verification-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.role-verification-error{color:#e53e3e;font-size:.875rem;margin-top:.5rem}.role-verification-submit-btn{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;justify-content:center;padding:.875rem;transition:all .2s ease-in-out;width:100%}.role-verification-submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #764ba24d;filter:brightness(1.1);transform:translateY(-2px)}.role-verification-logout-btn{align-items:center;background-color:initial;border:none;border-radius:0;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:-.5rem;padding:.75rem;transition:all .2s ease-in-out;width:100%}.role-verification-logout-btn:hover{color:#dc2626}.role-verification-forgot-password{margin-bottom:.5rem;margin-top:-.5rem;text-align:center}.role-verification-forgot-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem .5rem;text-decoration:underline;transition:color .2s ease}.role-verification-forgot-link:hover{color:#764ba2}.role-verification-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.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: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: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: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: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;line-height:1.3;overflow:visible;transition:all .3s ease;white-space:normal}.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:unset;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: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: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: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: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: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:unset;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: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: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:unset;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}}.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:#8b5cf6;box-shadow:0 4px 15px #8b5cf64d;font-family:Nunito,sans-serif;transition:all .3s ease}.btn-primary-gradient:hover{background:#7c3aed;box-shadow:0 6px 20px #8b5cf666;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;inset:0;justify-content:center;position:fixed;z-index:50}.modal-backdrop,.modal-content{display:flex;font-family:Nunito,sans-serif}.modal-content{@apply bg-white rounded-lg shadow-2xl w-full overflow-hidden;animation:slideIn .4s cubic-bezier(.16,1,.3,1);flex-direction:column;max-height:90vh}.modal-header{@apply p-5 flex justify-between items-center flex-shrink-0;background:#8b5cf6;border-bottom:1px solid #0000}.modal-header,.modal-title{font-family:Nunito,sans-serif}.modal-close-btn,.modal-title{@apply p-1 rounded-full text-indigo-100 hover:bg-white/20 hover:text-white transition-colors}.modal-body{@apply p-6 space-y-5 overflow-y-auto bg-gray-50;font-family:Nunito,sans-serif}.modal-footer{@apply p-4 bg-white border-t border-border-color flex justify-end items-center gap-4 flex-shrink-0}.form-label{@apply block text-sm font-medium text-gray-600 mb-1.5;font-family:Nunito,sans-serif}.form-input{@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;font-family:Nunito,sans-serif;transition:all .3s ease}.form-input-enhanced:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;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}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.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}.tabbed-bot-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.tabbed-bot-header{align-items:center;background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.tabbed-bot-header-left{align-items:center;display:flex;gap:16px}.tabbed-bot-header-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:0;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.tabbed-bot-header-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.tabbed-bot-header-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.tabbed-bot-save-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.tabbed-bot-save-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.tabbed-bot-save-btn:disabled{cursor:not-allowed;opacity:.6}.tabbed-btn-spinner{animation:spin 1s linear infinite}.tabbed-bot-alert{align-items:center;animation:slideDown .3s ease;border-radius:0;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:14px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tabbed-bot-alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.tabbed-bot-alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.tabbed-bot-tabs{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:8px}.tabbed-bot-tab{align-items:center;background:#0000;border:none;border-radius:0;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.tabbed-bot-tab:hover{background:#f3f4f6;color:#374151}.tabbed-bot-tab-active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d;color:#fff!important}.tabbed-bot-content{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;min-height:500px;padding:32px}.tabbed-bot-panel{animation:fadeIn .3s ease}.tabbed-bot-panel-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:16px;margin-bottom:32px;padding-bottom:24px}.tabbed-bot-panel-header svg{color:#8b5cf6}.tabbed-bot-panel-title{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.tabbed-bot-panel-desc{color:#6b7280;font-size:14px;margin:4px 0 0}.tabbed-bot-form{display:flex;flex-direction:column;gap:24px}.tabbed-bot-form-row{display:grid;gap:20px;grid-template-columns:1fr 1fr}.tabbed-bot-form-group{display:flex;flex-direction:column;gap:8px}.tabbed-bot-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.tabbed-bot-label svg{color:#8b5cf6}.tabbed-bot-label-sm{color:#374151;font-size:13px;font-weight:600}.tabbed-bot-required{color:#ef4444}.tabbed-bot-input,.tabbed-bot-select,.tabbed-bot-textarea{border:2px solid #e5e7eb;border-radius:0;color:#1a1a1a;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s}.tabbed-bot-input:focus,.tabbed-bot-select:focus,.tabbed-bot-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.tabbed-bot-textarea{resize:vertical}.tabbed-bot-hint{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.tabbed-bot-hint svg{flex-shrink:0}.tabbed-bot-color-picker{align-items:center;display:flex;gap:12px}.tabbed-bot-color-input{border:2px solid #e5e7eb;border-radius:0;cursor:pointer;height:46px;transition:all .2s;width:60px}.tabbed-bot-color-input:hover{border-color:#8b5cf6}.tabbed-bot-input-with-icon{align-items:center;display:flex;position:relative}.tabbed-bot-input-with-icon svg{color:#9ca3af;left:14px;position:absolute}.tabbed-bot-input-with-icon input{padding-left:44px}.tabbed-bot-toggles-grid{display:grid;gap:16px}.tabbed-bot-toggle-item{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.tabbed-bot-toggle-item:hover{background:#f3f4f6;border-color:#d1d5db}.tabbed-bot-toggle-info{flex:1 1}.tabbed-bot-toggle-label{align-items:center;color:#1a1a1a;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.tabbed-bot-toggle-label svg{color:#8b5cf6}.tabbed-bot-toggle-desc{color:#6b7280;font-size:13px}.tabbed-bot-toggle{border:none;border-radius:0;cursor:pointer;flex-shrink:0;height:28px;position:relative;transition:all .3s;width:52px}.tabbed-bot-toggle-off{background:#d1d5db}.tabbed-bot-toggle-on{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tabbed-bot-toggle-switch{background:#fff;border-radius:0;box-shadow:0 2px 4px #0003;height:22px;position:absolute;top:3px;transition:all .3s;width:22px}.tabbed-bot-toggle-off .tabbed-bot-toggle-switch{left:3px}.tabbed-bot-toggle-on .tabbed-bot-toggle-switch{left:27px}.tabbed-bot-toggle-lg{border-radius:0;height:34px;width:64px}.tabbed-bot-toggle-lg .tabbed-bot-toggle-switch{height:28px;top:3px;width:28px}.tabbed-bot-toggle-lg.tabbed-bot-toggle-off .tabbed-bot-toggle-switch{left:3px}.tabbed-bot-toggle-lg.tabbed-bot-toggle-on .tabbed-bot-toggle-switch{left:33px}.tabbed-bot-nested-field{grid-column:1/-1;margin-left:32px}.tabbed-bot-feature-toggle{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;border-radius:0;display:flex;justify-content:space-between;padding:24px}.tabbed-bot-feature-toggle-left{align-items:center;display:flex;gap:16px}.tabbed-bot-feature-toggle-left svg{color:#8b5cf6}.tabbed-bot-feature-toggle-title{color:#1a1a1a;font-size:16px;font-weight:700;margin-bottom:4px}.tabbed-bot-feature-toggle-desc{color:#6b7280;font-size:13px}.tabbed-bot-section-title{border-bottom:2px solid #e5e7eb;color:#1a1a1a;font-size:16px;font-weight:700;margin:32px 0 16px;padding-bottom:8px}.tabbed-bot-info-banner{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #c4b5fd;border-radius:0;display:flex;gap:16px;padding:20px}.tabbed-bot-info-banner svg{color:#7c3aed;flex-shrink:0;margin-top:2px}.tabbed-bot-info-title{color:#5b21b6;font-size:15px;font-weight:700;margin:0 0 8px}.tabbed-bot-info-text{color:#6d28d9;font-size:13px;line-height:1.6;margin:0}.tabbed-bot-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tabbed-bot-list-title{color:#1a1a1a;font-size:16px;font-weight:700;margin:0}.tabbed-bot-add-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.tabbed-bot-add-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.tabbed-bot-items-list{display:flex;flex-direction:column;gap:16px}.tabbed-bot-custom-field-card,.tabbed-bot-faq-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;overflow:hidden;transition:all .2s}.tabbed-bot-custom-field-card:hover,.tabbed-bot-faq-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.tabbed-bot-card-header{align-items:center;background:#f3f4f6;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 20px}.tabbed-bot-card-number{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.tabbed-bot-remove-btn{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:0;color:#dc2626;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.tabbed-bot-remove-btn:hover{background:#fecaca;transform:translateY(-1px)}.tabbed-bot-card-body{display:flex;flex-direction:column;gap:16px;padding:20px}.tabbed-bot-radio-group{display:grid;gap:12px;grid-template-columns:1fr 1fr}.tabbed-bot-radio-option{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:0;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.tabbed-bot-radio-option:hover{background:#faf5ff;border-color:#8b5cf6}.tabbed-bot-radio-option input[type=radio]{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;margin-top:2px}.tabbed-bot-radio-content{align-items:flex-start;display:flex;flex:1 1;gap:10px}.tabbed-bot-radio-content svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.tabbed-bot-radio-label{color:#1a1a1a;font-size:13px;font-weight:600}.tabbed-bot-radio-desc{color:#6b7280;font-size:11px;margin-top:2px}.tabbed-bot-preview-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:0;padding:24px}.tabbed-bot-preview-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 16px}.tabbed-bot-preview-content{align-items:center;display:flex;flex-direction:column;gap:12px}.tabbed-bot-preview-bubble{align-items:center;border:3px solid;border-radius:0;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.tabbed-bot-preview-text{color:#6b7280;font-size:13px;margin:0}.tabbed-bot-preview-mini{background:#fff;border:2px solid #e5e7eb;border-radius:0;margin-top:12px;padding:16px}.tabbed-bot-preview-label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:10px}.tabbed-bot-preview-button{border:2px solid;border-radius:0;display:inline-block;font-size:13px;font-weight:600;padding:10px 20px;text-align:center;transition:all .2s}.tabbed-bot-empty-state{color:#9ca3af;padding:60px 20px;text-align:center}.tabbed-bot-empty-state svg{margin-bottom:16px;opacity:.4}.tabbed-bot-embed-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;margin-bottom:20px;padding:24px}.tabbed-bot-embed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tabbed-bot-embed-title{align-items:center;color:#1a1a1a;display:flex;font-size:15px;font-weight:700;gap:10px}.tabbed-bot-embed-title svg{color:#8b5cf6}.tabbed-bot-secondary-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:0;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.tabbed-bot-secondary-btn:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6}.tabbed-bot-secondary-btn:disabled{cursor:not-allowed;opacity:.5}.tabbed-bot-code-box{background:#1f2937;border:2px solid #374151;border-radius:0;overflow-x:auto;padding:16px}.tabbed-bot-code-box code{color:#10b981;font-family:Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.tabbed-bot-code-box-lg{padding:20px}.tabbed-bot-steps{display:flex;flex-direction:column;gap:16px;margin-top:24px}.tabbed-bot-step{align-items:center;display:flex;gap:16px}.tabbed-bot-step-number{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:0;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.tabbed-bot-step-text{color:#374151;font-size:14px;line-height:1.5}.tabbed-bot-step-text strong{color:#1a1a1a}.tabbed-bot-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.tabbed-bot-spinner{animation:spin 1s linear infinite;color:#8b5cf6}.tabbed-bot-loading p{color:#6b7280;font-size:14px;margin:0}@media (max-width:1024px){.tabbed-bot-form-row,.tabbed-bot-radio-group{grid-template-columns:1fr}.tabbed-bot-tabs{overflow-x:auto}}@media (max-width:768px){.tabbed-bot-container{padding:16px}.tabbed-bot-header{align-items:stretch;flex-direction:column;gap:16px}.tabbed-bot-content{padding:20px}.tabbed-bot-panel-header{align-items:flex-start;flex-direction:column}}.tabbed-bot-icon-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));margin-top:8px}.tabbed-bot-icon-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:0;cursor:pointer;display:flex;justify-content:center;min-height:70px;padding:16px;transition:all .2s}.tabbed-bot-icon-option:hover{background:#faf5ff;border-color:#8b5cf6;transform:translateY(-2px)}.tabbed-bot-icon-selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#8b5cf6!important;color:#fff!important}.tabbed-bot-icon-selected svg{color:#fff!important}.tabbed-bot-info-banner-enhanced{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:3px solid #c4b5fd;border-radius:0;display:flex;gap:20px;margin-bottom:24px;padding:28px}.tabbed-bot-info-icon-large{align-items:center;background:#fff;border:2px solid #8b5cf6;border-radius:0;color:#8b5cf6;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.tabbed-bot-info-list{list-style:none;margin:12px 0;padding:0}.tabbed-bot-info-list li{color:#6d28d9;font-size:14px;line-height:1.6;padding:8px 0 8px 24px;position:relative}.tabbed-bot-info-list li:before{color:#8b5cf6;content:"✓";font-size:16px;font-weight:700;left:0;position:absolute}.tabbed-bot-feature-toggle-enhanced{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:3px solid #8b5cf6;border-radius:0;display:flex;justify-content:space-between;margin-bottom:24px;padding:28px}.tabbed-bot-feature-icon-wrapper{align-items:center;display:flex;height:52px;justify-content:center;width:52px}.tabbed-bot-count-badge,.tabbed-bot-feature-icon-wrapper{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:0;color:#fff}.tabbed-bot-count-badge{display:inline-block;font-size:12px;font-weight:700;margin-left:10px;padding:4px 12px}.tabbed-bot-custom-field-card-enhanced{background:#fff;border:3px solid #e5e7eb;border-radius:0;margin-bottom:16px;overflow:hidden;transition:all .2s}.tabbed-bot-custom-field-card-enhanced:hover{border-color:#8b5cf6;box-shadow:0 6px 20px #8b5cf626;transform:translateY(-2px)}.tabbed-bot-custom-field-card-enhanced .tabbed-bot-card-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom:none;padding:16px 24px}.tabbed-bot-card-title{align-items:center;color:#fff;display:flex;font-weight:700;gap:12px}.tabbed-bot-card-title .tabbed-bot-card-number{background:#fff3;border-radius:0;color:#fff;font-size:12px;padding:4px 12px}.tabbed-bot-card-title .tabbed-bot-card-label{font-size:15px}.tabbed-bot-custom-field-card-enhanced .tabbed-bot-remove-btn{background:#ffffffe6;border-color:#ffffff80}.tabbed-bot-live-preview{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:20px}.tabbed-bot-preview-section{display:flex;flex-direction:column;gap:12px}.tabbed-bot-preview-label-lg{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.tabbed-bot-preview-window{align-items:center;background:#f3f4f6;border:2px solid #d1d5db;border-radius:0;display:flex;justify-content:center;min-height:160px;padding:40px}.tabbed-bot-preview-chat-button{align-items:center;background:linear-gradient(135deg,var(--primary-color,#667eea) 0,var(--secondary-color,#764ba2) 100%);border:none;border-radius:50%;box-shadow:0 8px 24px #0000004d;cursor:pointer;display:flex;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.tabbed-bot-preview-chat-button:hover{box-shadow:0 12px 32px #00000059;transform:scale(1.1) translateY(-2px)}.tabbed-bot-preview-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.tabbed-bot-preview-icon{align-items:center;display:flex;justify-content:center}.tabbed-bot-preview-chat-window{background:#fff;border:none;border-radius:16px;box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d;max-width:380px;overflow:hidden;width:100%}.tabbed-bot-preview-header{align-items:center;background:linear-gradient(135deg,var(--primary-color,#667eea) 0,var(--secondary-color,#764ba2) 100%);border-bottom:none;box-shadow:0 2px 10px #0000001a;display:flex;gap:12px;padding:16px 20px}.tabbed-bot-preview-header-avatar{border:none;object-fit:cover}.tabbed-bot-preview-header-avatar,.tabbed-bot-preview-header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:50%;height:40px;width:40px}.tabbed-bot-preview-header-icon{align-items:center;display:flex;justify-content:center}.tabbed-bot-preview-header-name{color:#fff;flex:1 1;font-size:17px;font-weight:600;letter-spacing:-.2px}.tabbed-bot-preview-messages{background:linear-gradient(180deg,#f8f9fc 0,#fff);min-height:200px;padding:20px}.tabbed-bot-preview-message{animation:fadeIn .3s ease-out;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tabbed-bot-preview-message-bubble{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 2px 8px #00000014;color:#1e293b;font-size:14.5px;line-height:1.5;max-width:85%;padding:12px 16px}.tabbed-bot-preview-quick-topics{background:linear-gradient(135deg,#667eea14,#667eea08);border:1px solid #667eea33;border-radius:12px;margin-top:16px;padding:16px}.tabbed-bot-preview-topics-title{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.3px;margin-bottom:12px}.tabbed-bot-preview-topics-grid{display:flex;flex-wrap:wrap;gap:8px}.tabbed-bot-preview-topic-btn{background:#fff;border:2px solid;border-radius:20px;box-shadow:0 2px 4px #0000000a;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tabbed-bot-preview-topic-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px) scale(1.02)}.tabbed-bot-preview-input{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:8px;padding:16px 20px}.tabbed-bot-preview-input-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;color:#9ca3af;flex:1 1;font-size:13px;padding:10px 14px}.tabbed-bot-preview-send-btn{align-items:center;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s;width:40px}.tabbed-bot-preview-send-btn:hover{transform:scale(1.1)}.tabbed-bot-empty-state h4{color:#374151;font-size:18px;font-weight:700;margin:16px 0 8px}.tabbed-bot-empty-state p{color:#9ca3af;font-size:14px;margin:0}.tabbed-bot-framework-selector{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:24px 0}.tabbed-bot-framework-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:0;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s}.tabbed-bot-framework-btn:hover:not(:disabled){background:#f9fafb;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.tabbed-bot-framework-btn.active{background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.tabbed-bot-framework-btn:disabled{cursor:not-allowed;opacity:.4}.tabbed-bot-framework-icon{flex-shrink:0;font-size:32px;line-height:1}.tabbed-bot-framework-info{flex:1 1;min-width:0}.tabbed-bot-framework-name{color:#1f2937;font-size:14px;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbed-bot-framework-difficulty{color:#6b7280;font-size:11px;font-weight:500}.tabbed-bot-framework-desc{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:0;color:#4b5563;font-size:13px;line-height:1.6;margin:12px 0;padding:12px 16px}.tabbed-bot-code-box-xl{max-height:500px;overflow-y:auto}.tabbed-bot-code-box-xl pre{margin:0;white-space:pre-wrap;word-break:break-word}.tabbed-bot-code-box-xl code{color:#10b981;font-family:Courier New,Monaco,Consolas,monospace;font-size:12px;line-height:1.6}@media (max-width:1024px){.tabbed-bot-live-preview{grid-template-columns:1fr}.tabbed-bot-icon-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.tabbed-bot-framework-selector{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:640px){.tabbed-bot-framework-selector{grid-template-columns:1fr 1fr}}.chat-records-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;box-sizing:border-box;margin:-1.5rem!important;min-height:600px;padding:0!important;width:100%!important}.chat-records-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:3px solid #5568d3;box-shadow:0 4px 20px #667eea4d;padding:2rem}.chat-records-header-content{flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1400px}.chat-records-header-content,.chat-records-title-section{align-items:center;display:flex;gap:1.5rem}.chat-records-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;display:flex;height:60px;justify-content:center;width:60px}.chat-records-main-icon{color:#fff;height:32px;width:32px}.chat-records-title{color:#fff;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0;text-shadow:0 2px 10px #0000001a}.chat-records-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:500;margin:.5rem 0 0}.chat-records-header-actions{display:flex;gap:1rem}.chat-records-export-btn{align-items:center;background:#fff;border:2px solid #fff;box-shadow:0 4px 15px #00000026;color:#667eea;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:.05em;padding:.875rem 1.75rem;text-transform:uppercase;transition:all .3s ease}.chat-records-export-btn:hover{background:#10b981;border-color:#fff;box-shadow:0 6px 20px #0003;color:#fff;transform:translateY(-2px)}.chat-records-btn-icon{height:18px;width:18px}.chat-records-stats{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem auto;max-width:1400px;padding:0 2rem}.chat-records-stat-card{background:#fff;border:2px solid #e2e8f0;box-shadow:0 4px 15px #00000014;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.chat-records-stat-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateY(-4px)}.chat-records-stat-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-green{background:linear-gradient(135deg,#10b981,#059669)}.stat-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.chat-records-stat-icon{color:#fff;height:28px;width:28px}.chat-records-stat-content{flex:1 1}.chat-records-stat-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.chat-records-stat-value{color:#1e293b;font-size:2rem;font-weight:800;line-height:1;margin-bottom:.5rem}.chat-records-stat-subtitle{align-items:center;color:#94a3b8;display:flex;font-size:.8rem;font-weight:500;gap:.25rem}.chat-records-stat-info-icon{height:14px;width:14px}.chat-records-filters{background:#fff;border:2px solid #e2e8f0;box-shadow:0 4px 15px #00000014;margin:0 auto 2rem;max-width:1400px;padding:0 2rem}.chat-records-filters-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1.25rem 1.5rem}.chat-records-filter-icon{color:#667eea;height:22px;width:22px}.chat-records-help-text{color:#64748b;font-size:.85rem;font-style:italic;font-weight:500;margin-left:auto}.chat-records-filters-content{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.chat-records-search-box{flex:1 1;position:relative}.chat-records-search-icon{color:#94a3b8;height:20px;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.chat-records-search-input{background:#f8fafc;border:2px solid #e2e8f0;color:#1e293b;font-size:.95rem;font-weight:500;padding:.875rem 1rem .875rem 3rem;transition:all .3s ease;width:100%}.chat-records-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.chat-records-date-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.chat-records-date-input{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.chat-records-date-input:hover{border-color:#667eea}.chat-records-date-icon{color:#667eea;flex-shrink:0;height:20px;width:20px}.chat-records-date-label{color:#475569;font-size:.875rem;font-weight:600}.chat-records-date-field{background:#0000;border:none;color:#1e293b;cursor:pointer;font-size:.9rem;font-weight:600}.chat-records-date-field:focus{outline:none}.chat-records-clear-btn{align-items:center;background:#fee2e2;border:2px solid #fecaca;color:#dc2626;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.chat-records-clear-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.chat-records-content{margin:0 auto 2rem;max-width:1400px;padding:0 2rem}.chat-records-list-header{margin-bottom:1.5rem}.chat-records-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.chat-records-list-description{align-items:center;color:#64748b;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin:0}.chat-records-info-icon{color:#667eea;height:18px;width:18px}.chat-records-list{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.chat-records-session-card{background:#fff;border:2px solid #e2e8f0;box-shadow:0 4px 15px #00000014;cursor:pointer;padding:1.5rem;transition:all .3s ease}.chat-records-session-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateY(-4px)}.chat-records-session-header{border-bottom:2px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.chat-records-session-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.chat-records-avatar-icon{color:#fff;height:28px;width:28px}.chat-records-session-info{flex:1 1;min-width:0}.chat-records-session-name{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-records-session-time{align-items:center;color:#64748b;display:flex;font-size:.85rem;font-weight:500;gap:.375rem}.chat-records-time-icon{height:14px;width:14px}.chat-records-session-status{align-items:center;display:flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.status-active{background:#d1fae5;border:2px solid #10b981;color:#065f46}.status-completed{background:#dbeafe;border:2px solid #3b82f6;color:#1e40af}.status-ended{background:#f3f4f6;border:2px solid #9ca3af;color:#374151}.chat-records-status-icon{height:14px;width:14px}.chat-records-session-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.chat-records-detail-item{align-items:center;color:#475569;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.chat-records-detail-icon{color:#667eea;flex-shrink:0;height:16px;width:16px}.chat-records-session-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.chat-records-meta-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;display:flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.chat-records-meta-icon{color:#667eea;height:14px;width:14px}.chat-records-lead-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;font-size:.8rem;font-weight:700;gap:.375rem;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.chat-records-lead-icon{height:14px;width:14px}.chat-records-view-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.05em;padding:.75rem;text-transform:uppercase;transition:all .3s ease}.chat-records-session-card:hover .chat-records-view-btn{background:linear-gradient(135deg,#5568d3,#653c8c)}.chat-records-view-icon{height:16px;width:16px}.chat-records-pagination{align-items:center;background:#fff;border:2px solid #e2e8f0;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;padding:1.5rem}.chat-records-page-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.chat-records-page-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.chat-records-page-btn:disabled{cursor:not-allowed;opacity:.4}.chat-records-page-icon{height:18px;width:18px}.chat-records-page-info{color:#1e293b;font-size:1rem;font-weight:700}.chat-records-empty{background:#fff;border:2px dashed #cbd5e1;padding:4rem 2rem;text-align:center}.chat-records-empty-icon{color:#cbd5e1;height:64px;margin:0 auto 1.5rem;width:64px}.chat-records-empty h3{color:#475569;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.chat-records-empty p{color:#64748b;font-size:1rem;margin:0}.chat-records-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:9999}.chat-records-modal{animation:modalSlideIn .3s ease;background:#fff;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.chat-records-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:3px solid #5568d3;display:flex;justify-content:space-between;padding:1.5rem}.chat-records-modal-title-section{align-items:center;display:flex;gap:1rem}.chat-records-modal-icon{color:#fff;height:28px;width:28px}.chat-records-modal-title{color:#fff;font-size:1.5rem;font-weight:800;margin:0}.chat-records-modal-subtitle{color:#ffffffe6;font-size:.95rem;font-weight:500;margin:.25rem 0 0}.chat-records-modal-close{align-items:center;background:#fff3;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.chat-records-modal-close:hover{background:#ffffff4d}.chat-records-close-icon{color:#fff;height:24px;width:24px}.chat-records-modal-customer-info{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}.chat-records-customer-detail{align-items:center;display:flex;gap:.75rem}.chat-records-customer-icon{color:#667eea;flex-shrink:0;height:20px;width:20px}.chat-records-customer-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.chat-records-customer-value{color:#1e293b;font-size:.95rem;font-weight:700}.chat-records-modal-conversation{flex:1 1;overflow-y:auto;padding:1.5rem}.chat-records-conversation-header{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.chat-records-conversation-icon{color:#667eea;height:22px;width:22px}.chat-records-conversation-help{color:#64748b;font-size:.85rem;font-style:italic;font-weight:500;margin-left:auto}.chat-records-messages{display:flex;flex-direction:column;gap:1.25rem}.chat-records-message{align-items:flex-start;display:flex;gap:1rem}.chat-records-message.message-user{flex-direction:row-reverse}.chat-records-message-avatar{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.message-bot .chat-records-message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.message-user .chat-records-message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.chat-records-message-avatar-icon{color:#fff;height:24px;width:24px}.chat-records-message-content{flex:1 1;min-width:0}.chat-records-message-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.message-user .chat-records-message-header{flex-direction:row-reverse}.chat-records-message-sender{color:#1e293b;font-size:.875rem;font-weight:700}.message-bot .chat-records-message-sender{color:#667eea}.message-user .chat-records-message-sender{color:#10b981}.chat-records-message-time{color:#94a3b8;font-size:.75rem;font-weight:500;white-space:nowrap}.chat-records-message-text{color:#1e293b;font-size:.95rem;font-weight:500;line-height:1.6;padding:1rem 1.25rem}.message-bot .chat-records-message-text{background:#f0f4ff;border:2px solid #e2e8f0;border-left:4px solid #667eea}.message-user .chat-records-message-text{background:#d1fae5;border:2px solid #a7f3d0;border-right:4px solid #10b981}.chat-records-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.chat-records-spinner{animation:spin 1s linear infinite;color:#667eea;height:48px;width:48px}.chat-records-loading p{color:#64748b;font-size:1.1rem;font-weight:600}@media (max-width:768px){.chat-records-header{padding:1.5rem 1rem}.chat-records-title{font-size:1.75rem}.chat-records-subtitle{font-size:.95rem}.chat-records-header-content{align-items:stretch;flex-direction:column}.chat-records-export-btn{justify-content:center;width:100%}.chat-records-stats{grid-template-columns:1fr;padding:0 1rem}.chat-records-filters{margin:0 1rem 2rem}.chat-records-help-text{display:none}.chat-records-date-filters{align-items:stretch;flex-direction:column}.chat-records-content{padding:0 1rem}.chat-records-list{grid-template-columns:1fr}.chat-records-modal{max-height:100vh}.chat-records-modal-customer-info{grid-template-columns:1fr}.chat-records-conversation-help{display:none}.chat-records-message{gap:.75rem}.chat-records-message-avatar{height:32px;width:32px}.chat-records-message-avatar-icon{height:18px;width:18px}}*{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: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 var(--border-color,#e2e8f0);color:var(--text-secondary,#6b7280)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary,#f8fafc);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:var(--secondary-color,#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}.switch-toggle{display:inline-block;height:24px;position:relative;width:48px}.switch-toggle input{height:0;opacity:0;width:0}.switch-toggle .slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch-toggle .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.switch-toggle input:checked+.slider{background-color:#8c48cf}.switch-toggle input:checked+.slider:before{transform:translateX(24px)}.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{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: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.32342ecc.css.map*/