@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--color-primary:#0d7463;--color-primary-dark:#085d50;--color-primary-light:#37b9a5;--color-primary-lighter:#c6e5da;--color-secondary:#6b6b6b;--color-success:#28c76f;--color-warning:#ff9f43;--color-error:#ea5455;--color-info:#6b6b6b;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f3f4f6;--bg-elevated:#fff;--bg-overlay:#0006;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--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-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--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;--border-radius:var(--radius-md);--border-color:var(--color-gray-200);--text-color-primary:var(--color-gray-900);--text-color-secondary:var(--color-gray-600);--brand:var(--color-primary);--brand-dark:#0a7d6c;--red-100:#fee2e2;--red-700:#b91c1c;--red-200:#fecaca;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:16px}body,html{line-height:1.5;line-height:var(--line-height-normal)}body{background-color:#fff;font-weight:400;font-weight:var(--font-weight-normal);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:#111827;color:var(--color-gray-900)}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#374151;color:var(--color-gray-700);margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:#0d7463;color:var(--color-primary);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#085d50;color:var(--color-primary-dark)}input,select,textarea{font-family:inherit;font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #0d74631a;outline:none}button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex:0 0 auto!important;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1.5;line-height:var(--line-height-normal);max-width:-webkit-max-content;max-width:max-content;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:auto!important}button:disabled{cursor:not-allowed;opacity:.6}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-gray-500{color:#6b7280;color:var(--color-gray-500)}.text-gray-600{color:#4b5563;color:var(--color-gray-600)}.text-gray-700{color:#374151;color:var(--color-gray-700)}.text-gray-900{color:#111827;color:var(--color-gray-900)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-shimmer{animation:shimmer 1.2s infinite;background:#e5e5e5;background-image:linear-gradient(90deg,#e5e5e5 25%,#f5f5f5 50%,#e5e5e5 75%);background-size:200px 100%;border-radius:6px;display:block;min-height:20px;overflow:hidden;position:relative;width:100%}.skeleton-content{animation:fadeIn .3s ease-out}.metric-card{border:1px solid #f3f4f6;border-radius:1rem;box-shadow:0 1px 3px #00000014;height:100%;padding:1.5rem;transition:all .2s ease}.metric-card:hover{border-color:#e5e7eb;border-color:var(--color-gray-200);box-shadow:0 4px 12px #0000001f}.metric-card-blue{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3fc}.metric-card-purple{background:linear-gradient(135deg,#e5e0ff,#d4c8ff);border:1px solid #c4b5fd}.metric-card-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.metric-card-orange{background:linear-gradient(135deg,#ffe5cc,#ffd4a8);border:1px solid #fdb67d}.metric-card-pink{background:linear-gradient(135deg,#ffe5ec,#ffc9dc);border:1px solid #fbcfe8}.App-logo,.App-logo-spin,.loading-spinner,.loading-spinner-sm,.spinner,.spinner-small,.whatsapp-message-spinner,[class*=large-spinner],[class*=logo-spin],[class*=spinner],[style*="height: 100px"],[style*="height: 60px"],[style*="height: 80px"],[style*="width: 100px"],[style*="width: 60px"],[style*="width: 80px"]{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important;width:0!important}@media (max-width:768px){.container{padding:0 .75rem;padding:0 var(--space-3)}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}.metric-card{padding:1rem;padding:var(--space-4)}}::view-transition-new(root),::view-transition-old(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:no-preference){html.theme-transitioning::view-transition-old(root){animation:theme-fade-out .4s cubic-bezier(.4,0,1,1)}html.theme-transitioning::view-transition-new(root){animation:theme-fade-in .4s cubic-bezier(0,0,.2,1)}}@keyframes theme-fade-out{0%{opacity:1}to{opacity:0}}@keyframes theme-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@supports (view-transition-name:root){html.theme-transitioning::view-transition-new(root),html.theme-transitioning::view-transition-old(root){mix-blend-mode:normal}html.theme-transitioning::view-transition-new(root){animation:theme-circle-reveal .5s cubic-bezier(.4,0,.2,1)}}@keyframes theme-circle-reveal{0%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}to{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%)}}html[data-navigation-direction=forward]::view-transition-old(root){animation:slide-out-left .3s cubic-bezier(.4,0,1,1)}html[data-navigation-direction=forward]::view-transition-new(root){animation:slide-in-right .3s cubic-bezier(0,0,.2,1)}html[data-navigation-direction=back]::view-transition-old(root){animation:slide-out-right .3s cubic-bezier(.4,0,1,1)}html[data-navigation-direction=back]::view-transition-new(root){animation:slide-in-left .3s cubic-bezier(0,0,.2,1)}@keyframes slide-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}html[data-cart-action=add]::view-transition-old(root){animation:cart-add-out .25s cubic-bezier(.4,0,1,1)}html[data-cart-action=add]::view-transition-new(root){animation:cart-add-in .25s cubic-bezier(0,0,.2,1)}html[data-cart-action=remove]::view-transition-old(root){animation:cart-remove-out .2s cubic-bezier(.4,0,1,1)}html[data-cart-action=remove]::view-transition-new(root){animation:cart-remove-in .2s cubic-bezier(0,0,.2,1)}@keyframes cart-add-out{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.02)}}@keyframes cart-add-in{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes cart-remove-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes cart-remove-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.product-card{view-transition-name:none;view-transition-name:var(--product-card-name,none)}.product-image{view-transition-name:none;view-transition-name:var(--product-image-name,none)}::view-transition-new(product-details),::view-transition-old(product-details){animation-duration:.35s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.cart-modal{view-transition-name:cart-modal}::view-transition-old(cart-modal){animation:modal-slide-down .25s ease-out}::view-transition-new(cart-modal){animation:modal-slide-up .25s ease-out}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modal-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){::view-transition-new(*),::view-transition-new(root),::view-transition-old(*),::view-transition-old(root){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.theme-transitioning::view-transition-new(root),html.theme-transitioning::view-transition-old(root),html[data-cart-action]::view-transition-new(root),html[data-cart-action]::view-transition-old(root),html[data-navigation-direction]::view-transition-new(root),html[data-navigation-direction]::view-transition-old(root){animation:none!important}}@supports not (view-transition-name:root){html.theme-transitioning{animation:fallback-theme-change .3s ease-in-out}@keyframes fallback-theme-change{0%,to{opacity:1}50%{opacity:.95}}}.cart-item,.navigation-button,.product-card,.theme-toggle{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}html:not(.theme-transitioning) .theme-toggle,html:not([data-cart-action]) .cart-item,html:not([data-navigation-direction]) .navigation-button{will-change:auto}.simple-register-container{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36 50%,#1a7a6d);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.simple-register-container:before{animation:moveBackground 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:40px 40px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.simple-register-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:48px 40px;position:relative;width:100%;z-index:1}.simple-register-header{margin-bottom:32px;text-align:center}.simple-register-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#155a51,#0d3d36);border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.simple-register-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.simple-register-header p{color:#6b7280;font-size:15px;line-height:1.5;margin:0}.simple-register-form{display:flex;flex-direction:column;gap:16px}.simple-register-error{animation:shake .3s ease-in-out;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.simple-register-input-group{align-items:center;display:flex;position:relative}.simple-register-input-icon{color:#9ca3af;left:16px;pointer-events:none;position:absolute;z-index:1}.simple-register-input{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:15px;padding:14px 16px 14px 48px;transition:all .2s;width:100%}.simple-register-input:focus{border-color:#155a51;box-shadow:0 0 0 4px #155a511a;outline:none}.simple-register-input:disabled{background:#f9fafb;cursor:not-allowed}.simple-register-btn{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .3s;width:100%}.simple-register-btn:hover:not(:disabled){box-shadow:0 8px 20px #155a5166;transform:translateY(-2px)}.simple-register-btn:active:not(:disabled){transform:translateY(0)}.simple-register-btn:disabled{cursor:not-allowed;opacity:.7}.simple-register-spinner{animation:spin 1s linear infinite}.simple-register-divider{align-items:center;color:#9ca3af;display:flex;font-size:14px;margin:8px 0;text-align:center}.simple-register-divider:after,.simple-register-divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.simple-register-divider span{padding:0 12px}.simple-register-google-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.simple-register-google-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.simple-register-google-btn:disabled{cursor:not-allowed;opacity:.5}.simple-register-footer{color:#6b7280;font-size:14px;margin-top:24px;text-align:center}.simple-register-footer a{color:#155a51;font-weight:600;text-decoration:none;transition:color .2s}.simple-register-footer a:hover{color:#0d3d36}.simple-register-ai-badge{align-items:center;background:linear-gradient(135deg,#d4f1ec,#a8e6ce);border-radius:20px;color:#155a51;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:24px;padding:8px 16px}@media (max-width:640px){.simple-register-card{padding:36px 24px}.simple-register-header h1{font-size:24px}.simple-register-header p{font-size:14px}}.merchant-auth-container{display:flex;min-height:100vh}.merchant-auth-left{background:linear-gradient(135deg,#0a7d6c,#0d9488 50%,#059669);display:none;position:relative;width:50%}.merchant-auth-left:before{background-image:url(https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2340&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:.2}.merchant-auth-left:after,.merchant-auth-left:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.merchant-auth-left:after{background:linear-gradient(135deg,#0a7d6ce6,#0d9488e6 50%,#059669e6)}.merchant-auth-left-content{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem;position:relative;text-align:center;z-index:10}.merchant-auth-left h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.merchant-auth-left p{color:#a7f3d0;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.merchant-auth-features{display:flex;flex-direction:column;gap:1.5rem;max-width:28rem}.merchant-auth-feature{align-items:center;display:flex;gap:.75rem}.merchant-auth-feature-icon{color:#a7f3d0;flex-shrink:0;height:1.5rem;width:1.5rem}.merchant-auth-feature-text{color:#a7f3d0}.merchant-auth-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;margin-top:3rem;padding:1.5rem}.merchant-auth-badge-header{align-items:center;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.merchant-auth-badge-icon{color:#fbbf24;height:1.25rem;width:1.25rem}.merchant-auth-badge-text{color:#a7f3d0;font-size:.875rem}.merchant-auth-right{display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;width:100%}.merchant-auth-form-container{margin:0 auto;max-width:28rem;width:100%}.merchant-auth-header{margin-bottom:2rem;text-align:center}.merchant-auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.merchant-auth-logo-icon{color:#0a7d6c;height:2rem;margin-right:.5rem;width:2rem}.merchant-auth-logo-text{color:#111827;font-size:1.5rem;font-weight:700}.merchant-auth-title{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.merchant-auth-subtitle{color:#6b7280}.merchant-auth-tabs{background:#f3f4f6;border-radius:.5rem;display:flex;margin-bottom:2rem;padding:.25rem}.merchant-auth-tab{background:none;border:none;border-radius:.375rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.merchant-auth-tab.active{background:#fff;box-shadow:0 1px 2px 0 #0000000d;color:#0a7d6c}.merchant-auth-tab:not(.active){color:#6b7280}.merchant-auth-tab:not(.active):hover{color:#111827}.merchant-auth-alert{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.merchant-auth-alert.error{background:#fef2f2;border:1px solid #fecaca}.merchant-auth-alert.success{background:#f0fdf4;border:1px solid #bbf7d0}.merchant-auth-alert-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.merchant-auth-alert.error .merchant-auth-alert-icon{color:#ef4444}.merchant-auth-alert.success .merchant-auth-alert-icon{color:#22c55e}.merchant-auth-alert-text{font-size:.875rem}.merchant-auth-alert.error .merchant-auth-alert-text{color:#b91c1c}.merchant-auth-alert.success .merchant-auth-alert-text{color:#166534}.merchant-auth-form{gap:1.5rem}.merchant-auth-field,.merchant-auth-form{display:flex;flex-direction:column}.merchant-auth-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.merchant-auth-input-container{position:relative}.merchant-auth-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s;width:100%}.merchant-auth-input:focus{border-color:#0a7d6c;box-shadow:0 0 0 3px #0a7d6c1a;outline:none}.merchant-auth-input-icon{height:1.25rem;left:.75rem;width:1.25rem}.merchant-auth-input-icon,.merchant-auth-input-toggle{color:#9ca3af;position:absolute;top:50%;transform:translateY(-50%)}.merchant-auth-input-toggle{background:none;border:none;cursor:pointer;padding:.25rem;right:.75rem}.merchant-auth-input-toggle:hover{color:#6b7280}.merchant-auth-options{justify-content:space-between}.merchant-auth-checkbox,.merchant-auth-options{align-items:center;display:flex}.merchant-auth-checkbox input{border:1px solid #d1d5db;border-radius:.25rem;color:#0a7d6c;margin-right:.5rem}.merchant-auth-checkbox input:focus{box-shadow:0 0 0 3px #0a7d6c1a}.merchant-auth-checkbox-label{color:#6b7280;font-size:.875rem}.merchant-auth-link{color:#0a7d6c;font-size:.875rem;text-decoration:none}.merchant-auth-link:hover{color:#0d9488}.merchant-auth-button{align-items:center;background:#0a7d6c;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin:0 auto;max-width:400px;padding:.75rem 1rem;transition:all .2s;width:100%}.merchant-auth-button:hover{background:#0d9488}.merchant-auth-button:focus{box-shadow:0 0 0 3px #0a7d6c33;outline:none}.merchant-auth-button:disabled{cursor:not-allowed;opacity:.5}.merchant-auth-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:1.25rem;width:1.25rem}.merchant-auth-footer{margin-top:2rem;text-align:center}.merchant-auth-footer-text{color:#6b7280;font-size:.875rem}.merchant-auth-footer-link{background:none;border:none;color:#0a7d6c;cursor:pointer;font-size:inherit;font-weight:500;text-decoration:none}.merchant-auth-footer-link:hover{color:#0d9488}@media (min-width:1024px){.merchant-auth-left{display:flex}.merchant-auth-right{padding:3rem;width:50%}}@media (max-width:640px){.merchant-auth-right{padding:1.5rem 1rem}.merchant-auth-left-content{padding:2rem 1.5rem}.merchant-auth-left h1{font-size:2rem}.merchant-auth-left p{font-size:1.125rem}.merchant-auth-form{gap:1.25rem}}.merchant-auth-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:2rem 0;padding:1.5rem}.merchant-auth-section-title{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.merchant-auth-section-title:before{content:"🏦";font-size:1.25rem}.merchant-auth-section-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.merchant-auth-section .merchant-auth-field{margin-bottom:1rem}.merchant-auth-section .merchant-auth-field:last-child{margin-bottom:0}.merchant-auth-section select{-webkit-appearance:none;appearance:none;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 .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.merchant-auth-tier-selection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}.merchant-auth-tier-option{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .2s ease}.merchant-auth-tier-option:hover{border-color:#0a7d6c;box-shadow:0 4px 12px #0a7d6c1a}.merchant-auth-tier-option.selected{background:#f0fdfa;border-color:#0a7d6c;box-shadow:0 4px 12px #0a7d6c26}.merchant-auth-tier-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:.75rem}.merchant-auth-tier-radio{accent-color:#0a7d6c;margin:.25rem 0 0}.merchant-auth-tier-info{flex:1 1}.merchant-auth-tier-name{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.merchant-auth-tier-price{color:#0a7d6c;font-size:1.5rem;font-weight:700;margin:0}.merchant-auth-tier-period{color:#6b7280;font-size:.875rem;font-weight:400;margin-left:.25rem}.merchant-auth-tier-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.merchant-auth-tier-features{align-items:center;display:flex;justify-content:space-between}.merchant-auth-tier-feature-count{color:#6b7280;font-size:.875rem;font-weight:500}@media (min-width:768px){.merchant-auth-tier-selection{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.merchant-auth-divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.merchant-auth-divider:after,.merchant-auth-divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.merchant-auth-divider span{color:#6b7280;font-size:.875rem;font-weight:500;padding:0 1rem}.merchant-auth-google-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;margin:0 auto;max-width:400px;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.merchant-auth-google-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 2px 0 #0000000d}.merchant-auth-google-button:disabled{cursor:not-allowed;opacity:.5}.merchant-auth-google-button svg{flex-shrink:0}.merchant-auth-google-button .merchant-auth-spinner{margin-right:.5rem}.pricing-tier-modal-overlay{align-items:center;-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:9999}.pricing-tier-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:700px;overflow-y:auto;width:100%}.pricing-tier-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.pricing-tier-modal-header h2{color:#111827;font-size:22px;font-weight:700;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.close-button:hover{background:#f3f4f6;color:#111827}.pricing-period-toggle{display:flex;gap:8px;justify-content:center;padding:16px 24px 0}.pricing-period-toggle button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;position:relative;transition:all .2s}.pricing-period-toggle button.active{background:#000;border-color:#000;color:#fff}.pricing-period-toggle button:hover:not(.active){background:#f9fafb;border-color:#9ca3af}.save-badge{background:#10b981;border-radius:6px;color:#fff;font-size:12px;font-weight:700;margin-left:8px;padding:2px 8px}.pricing-tiers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:20px 24px}.pricing-tier-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;position:relative;transition:all .3s}.pricing-tier-card:hover{border-color:#000;box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.pricing-tier-card.selected{border-color:#000;border-width:2px;box-shadow:0 8px 20px #0000001f}.pricing-tier-card.current{background:#f0fdf4;border-color:#10b981;cursor:default}.pricing-tier-card.current:hover{box-shadow:none;transform:none}.current-plan-badge{background:#10b981;border-radius:8px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px}.tier-header h3{color:#111827;font-size:20px;font-weight:700;margin:0 0 6px}.tier-description{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.tier-price{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;margin:16px 0;padding:14px 0}.price-amount{color:#111827;font-size:36px;font-weight:800;line-height:1}.price-period{color:#6b7280;font-size:14px;margin-left:4px}.tier-features{margin:16px 0}.tier-features ul{list-style:none;margin:0;padding:0}.tier-features li{align-items:center;color:#374151;display:flex;font-size:13px;gap:10px;padding:6px 0;text-transform:capitalize}.tier-features svg{color:#10b981;flex-shrink:0}.tier-features .more-features{color:#6b7280;font-size:12px;font-style:italic;padding-left:26px}.no-features{color:#9ca3af;font-size:13px;font-style:italic}.select-plan-button{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:12px;transition:all .2s;width:100%}.select-plan-button:hover:not(:disabled){background:#333;box-shadow:0 6px 12px #0003;transform:translateY(-1px)}.select-plan-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.pricing-loading{color:#6b7280;font-size:18px;padding:80px 32px;text-align:center}@media (max-width:768px){.pricing-tiers-grid{grid-template-columns:1fr}.pricing-tier-modal{max-height:95vh}.pricing-tier-modal-header h2{font-size:24px}}.feature-gate-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;justify-content:center;padding:20px}.loading-spinner{border:2px solid #e2e8f0;border-top:2px solid var(--brand);margin-right:8px}.feature-gate-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin:10px 0;padding:20px}.feature-gate-error,.feature-gate-upgrade{align-items:center;display:flex;justify-content:center}.feature-gate-upgrade{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:12px;margin:20px 0;padding:40px 20px}.upgrade-content{max-width:400px;text-align:center}.upgrade-icon{font-size:48px;margin-bottom:16px;opacity:.7}.upgrade-message{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:20px}.upgrade-button{background-color:var(--brand);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;min-width:120px;opacity:1;padding:12px 24px;text-decoration:none;transition:all .2s ease;visibility:visible}.upgrade-button:hover{background-color:var(--brand-dark);box-shadow:0 4px 12px #0a7d6c4d;opacity:1;transform:translateY(-1px);visibility:visible}.upgrade-button:active{box-shadow:0 2px 6px #0a7d6c33;transform:translateY(0)}.upgrade-button:focus{outline:2px solid var(--brand);outline-offset:2px}@media (max-width:768px){.feature-gate-upgrade{padding:30px 15px}.upgrade-content{max-width:100%}.upgrade-icon{font-size:36px}.upgrade-message{font-size:14px}}.kyc-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.kyc-modal-container{animation:slideUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.kyc-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s ease;z-index:10}.kyc-modal-close:hover{background:#f1f5f9;color:#1e293b}.kyc-modal-content{padding:40px}.kyc-modal-header{margin-bottom:32px;text-align:center}.modal-icon{margin-bottom:20px}.modal-icon.warning{color:#f59e0b}.modal-icon.progress{color:#3b82f6}.modal-icon.error{color:#dc2626}.kyc-modal-title{color:#1e293b;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 12px}.kyc-modal-subtitle{color:#64748b;font-size:16px;line-height:1.6;margin:0}.kyc-modal-progress{margin-bottom:24px}.kyc-modal-progress-bar{background:#e2e8f0;border-radius:10px;height:8px;margin-bottom:8px;overflow:hidden}.kyc-modal-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:10px;height:100%;transition:width .5s ease}.kyc-modal-progress-text{color:#64748b;display:block;font-size:13px;font-weight:600;text-align:center}.kyc-modal-warning{align-items:center;background:#fef3c7;border:2px solid #fbbf24;border-radius:12px;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:24px;padding:14px 16px}.kyc-modal-benefits{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}.kyc-modal-benefit{align-items:flex-start;background:#f8fafc;border-radius:12px;display:flex;gap:14px;padding:14px 16px;transition:all .2s ease}.kyc-modal-benefit.highlight{background:#eff6ff;border:2px solid #93c5fd}.benefit-icon-wrapper{align-items:center;color:#16a34a;display:flex;flex-shrink:0}.kyc-modal-benefit.highlight .benefit-icon-wrapper{color:#2563eb}.benefit-text{color:#334155;font-size:15px;font-weight:500;line-height:1.6}.kyc-modal-benefit.highlight .benefit-text{color:#1e293b;font-weight:600}.kyc-modal-actions{align-items:center;display:flex;flex-direction:column;gap:12px}.kyc-modal-primary-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:280px;padding:16px 32px;transition:all .3s ease;width:auto}.kyc-modal-primary-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.kyc-modal-primary-btn:active{transform:translateY(0)}.kyc-modal-secondary-btn{background:#0000;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;min-width:200px;padding:14px 24px;transition:all .2s ease;width:auto}.kyc-modal-secondary-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.kyc-modal-text-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:13px;font-weight:500;padding:12px 24px;text-align:center;transition:color .2s ease;width:auto}.kyc-modal-text-btn:hover{color:#64748b;text-decoration:underline}.kyc-modal-footer-note{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:12px;margin:16px 0 0;padding-top:16px;text-align:center}@media (max-width:768px){.kyc-modal-content{padding:28px 24px}.kyc-modal-title{font-size:24px}.benefit-text,.kyc-modal-subtitle{font-size:14px}.kyc-modal-primary-btn{font-size:15px;padding:14px 20px}.kyc-modal-close{right:16px;top:16px}}.kyc-modal-container::-webkit-scrollbar{width:8px}.kyc-modal-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.kyc-modal-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.kyc-modal-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.kyc-badge{align-items:center;background:#fff;border:1.5px solid;border-radius:20px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:inline-flex;gap:6px;padding:4px 10px;transition:all .3s}.kyc-badge:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.kyc-badge-content{display:flex;flex-direction:column;gap:0}.kyc-badge-text{color:#333;font-size:11px;font-weight:700;line-height:1}.kyc-badge-subtext{color:#666;font-size:9px;line-height:1.2}.kyc-badge-arrow{color:#999;transition:transform .3s}.kyc-badge:hover .kyc-badge-arrow{transform:translateX(2px)}.impersonation-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:2px solid #b45309;box-shadow:0 4px 12px #f59e0b4d;left:0;position:fixed;right:0;top:0;width:100%;z-index:10000}.impersonation-banner-content{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:8px 24px}.impersonation-banner-info{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.impersonation-banner-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background-color:#fff3;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.impersonation-banner-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.impersonation-banner-title{color:#fff;font-family:var(--font-family);font-size:14px;font-weight:600;letter-spacing:.3px}.impersonation-banner-details{align-items:center;color:#fffffff2;display:flex;flex-wrap:wrap;font-family:var(--font-family);font-size:12px;gap:6px}.impersonation-banner-separator{color:#fff9;font-weight:var(--font-weight-bold)}.impersonation-banner-exit-btn{align-items:center;background-color:#fff;border:2px solid #ffffff4d;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#d97706;cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-family);font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all var(--transition-fast);white-space:nowrap}.impersonation-banner-exit-btn:hover{background-color:#fef3c7;border-color:#ffffff80;box-shadow:0 4px 8px #00000026;color:#b45309;transform:translateY(-1px)}.impersonation-banner-exit-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}@media (max-width:768px){.impersonation-banner-content{align-items:stretch;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.impersonation-banner-info{gap:var(--space-2)}.impersonation-banner-icon{height:32px;width:32px}.impersonation-banner-title{font-size:var(--font-size-sm)}.impersonation-banner-details{font-size:10px}.impersonation-banner-exit-btn{justify-content:center;padding:var(--space-3);width:100%}}@media (max-width:480px){.impersonation-banner-content{padding:var(--space-2) var(--space-3)}.impersonation-banner-details{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.impersonation-banner-separator{display:none}}@media print{.impersonation-banner{display:none!important}}.qr-display{align-items:center;display:flex;flex-direction:column;gap:12px}.qr-image-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.qr-image{border-radius:4px;display:block}.qr-placeholder{align-items:center;background:#f5f5f5;border-radius:12px;color:#666;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center}.qr-loading .qr-placeholder{background:#f8f9fa}.qr-error .qr-placeholder{background:#fff5f5;color:#dc3545}.qr-retry-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:background .2s}.qr-retry-btn:hover{background:#c82333}.qr-url{background:#f8f9fa;border-radius:6px;max-width:100%;padding:8px 12px}.qr-url-text{color:#666;font-family:monospace;font-size:12px;word-break:break-all}.qr-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.qr-action-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s}.qr-action-btn:hover{background:#e9ecef;border-color:#dee2e6}.qr-action-btn svg{flex-shrink:0}.qr-product-name{color:#333;font-size:14px;font-weight:500;max-width:200px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.qr-display.compact .qr-image-container{padding:8px}.qr-display.compact .qr-actions{gap:4px}.qr-display.compact .qr-action-btn{font-size:12px;padding:6px 8px}.qr-display.compact .qr-action-btn span{display:none}.qr-display.dark .qr-image-container{background:#1a1a2e;box-shadow:0 2px 8px #0000004d}.qr-display.dark .qr-url{background:#2d2d44}.qr-display.dark .qr-url-text{color:#aaa}.qr-display.dark .qr-action-btn{background:#2d2d44;border-color:#3d3d5c;color:#ddd}.qr-display.dark .qr-action-btn:hover{background:#3d3d5c}.qr-widget-toggle{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px 0 0 8px;box-shadow:-2px 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;width:36px;z-index:1000}.qr-widget-toggle:hover{background:linear-gradient(135deg,#059669,#047857);width:40px}.qr-widget-toggle.open{right:260px}.qr-widget-panel{background:#fff;border-radius:12px 0 0 12px;box-shadow:-4px 0 24px #00000026;overflow:hidden;position:fixed;right:-260px;top:50%;transform:translateY(-50%);transition:right .3s ease;width:260px;z-index:999}.qr-widget-panel.open{right:0}.qr-widget-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;justify-content:space-between;padding:16px}.qr-widget-header h4{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.qr-widget-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.qr-widget-close:hover{background:#ffffff4d}.qr-widget-content{padding:20px 16px}.qr-widget-content,.qr-widget-loading{align-items:center;display:flex;flex-direction:column;gap:12px}.qr-widget-loading{color:#666;padding:40px 0}.qr-widget-spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#10b981;height:32px;width:32px}.qr-widget-image{background:#f8f9fa;border:2px dashed #e9ecef;border-radius:12px;padding:12px}.qr-widget-image img{border-radius:4px;display:block;height:180px;width:180px}.qr-widget-description{color:#666;font-size:13px;margin:0;text-align:center}.qr-widget-url{background:#f8f9fa;border-radius:6px;overflow:hidden;padding:10px 12px;width:100%}.qr-widget-url span{color:#666;display:block;font-family:monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-widget-actions{display:flex;gap:8px;width:100%}.qr-widget-actions button{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s}.qr-widget-actions button:hover{background:#e9ecef;border-color:#dee2e6}.qr-widget-error{align-items:center;color:#dc3545;display:flex;flex-direction:column;gap:12px;padding:20px 0}.qr-widget-error button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.qr-widget-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:12px 16px;text-align:center}.qr-widget-footer small{color:#888;font-size:11px}@media (max-width:768px){.qr-widget-toggle{bottom:100px;top:auto;transform:none}.qr-widget-panel{bottom:60px;max-height:calc(100vh - 120px);overflow-y:auto;top:auto;transform:none}.qr-widget-toggle.open{bottom:100px;right:260px}}.shell-container{background-color:var(--bg-secondary);display:flex;font-family:var(--font-family);min-height:100vh}.sidebar{background:linear-gradient(180deg,#0d7463,#085d50);box-shadow:2px 0 12px #00000014;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:280px;z-index:40}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.brand-header{background:#0000001a;border-bottom:1px solid #ffffff1a;padding:24px 20px}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c6e5da);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.brand-subtitle{color:#ffffffb3;font-size:12px;font-weight:500;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.nav-section{flex:1 1;margin-bottom:0;overflow-y:auto;padding:16px 0}.section-header{color:#fff9;font-size:11px;font-weight:600;letter-spacing:1.2px;padding:16px 20px 8px;text-transform:uppercase}.nav-link{align-items:center;border-left:3px solid #0000;color:#ffffffd9;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#ffffff1a}.nav-link.active,.nav-link:hover{border-left-color:#37b9a5;color:#fff}.nav-link.active{background:#ffffff26;font-weight:600}.nav-link.active:before{background:linear-gradient(180deg,#37b9a5,#c6e5da);bottom:0;box-shadow:0 0 8px #37b9a580;content:"";left:0;position:absolute;top:0;width:3px}.nav-link[href="/upgrade"]{background:linear-gradient(135deg,#37b9a540,#0d746333);border-left-color:#37b9a5;border-radius:0 8px 8px 0;margin-bottom:8px;margin-top:8px}.nav-link[href="/upgrade"]:hover{background:linear-gradient(135deg,#37b9a566,#0d74634d);border-left-color:#c6e5da}.nav-link[href="/upgrade"].active{background:linear-gradient(135deg,#37b9a573,#0d746359);border-left-color:#c6e5da}.expandable-section-trigger{align-items:center;color:#ffffffd9;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.expandable-section-trigger:hover{background:#ffffff1a;color:#fff}.expandable-section-trigger.expanded{background:#ffffff14;color:#fff}.expandable-section-trigger .chevron{margin-left:auto;transition:transform .2s ease}.expandable-section-trigger.expanded .chevron{transform:rotate(180deg)}.expandable-section-content{animation:slideDown .2s ease;padding-left:20px}.sidebar-footer{margin-top:auto;padding:16px 12px}.logout-button{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;transition:all .2s ease;width:100%}.logout-button:hover{background:#ffffff1a;border-left-color:#ef4444;color:#fff}.logout-button:active{transform:scale(.98)}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-x:hidden;position:relative}.main-content.has-impersonation-banner{padding-top:48px}.top-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid var(--color-gray-200);box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .2s ease,background .2s ease;z-index:50}.top-header.scrolled{background:#fff;box-shadow:0 2px 8px #00000014}.mobile-menu-toggle{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid var(--color-gray-200);border-radius:12px;box-shadow:0 2px 4px #0000000a;color:var(--color-gray-700);cursor:pointer;display:none;height:44px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.mobile-menu-toggle:before{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.mobile-menu-toggle:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:var(--color-primary);box-shadow:0 4px 12px #0d746326;transform:translateY(-2px)}.mobile-menu-toggle:hover:before{opacity:.05}.mobile-menu-toggle:active{box-shadow:0 2px 4px #00000014;transform:translateY(0) scale(.96)}.mobile-menu-toggle svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-toggle:hover svg{transform:scale(1.1)}.header-left{gap:24px}.page-title{color:var(--color-gray-900);font-size:20px;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:16px}.store-status-toggle{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:12px;padding:8px 16px}.store-status-toggle label{color:var(--color-gray-700);font-size:13px;font-weight:500;margin:0}.toggle-switch{background:var(--color-gray-300);border-radius:12px;height:24px;transition:background .3s ease;width:44px}.toggle-switch.active{background:var(--color-primary)}.toggle-switch-knob{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-switch.active .toggle-switch-knob{transform:translateX(20px)}.notification-btn{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;padding:8px;position:relative;transition:all .2s ease}.notification-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.notification-badge{background:var(--color-error);border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.view-storefront-btn{align-items:center;background-color:#0d7463;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.view-storefront-btn:hover{background-color:#0a5a4d;box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.view-storefront-btn:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.kyc-badge-wrapper,.user-menu-trigger{align-items:center;display:flex}.user-menu-trigger{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;gap:12px;padding:8px 12px;transition:all .2s ease}.user-menu-trigger:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.user-avatar{align-items:center;background:linear-gradient(135deg,#0d7463,#10b981);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;text-transform:uppercase;width:32px}.user-info{flex-direction:column}.user-name{color:var(--color-gray-900);font-size:14px;font-weight:600;line-height:1.2}.user-role{color:var(--color-gray-500);font-size:12px;line-height:1.2}.content-area{flex:1 1;height:calc(100vh - 121px);overflow-x:hidden;overflow-y:auto;padding:32px}.merchant-footer{align-items:center;background:#fff;border-top:1px solid var(--color-gray-200);display:flex;flex-shrink:0;justify-content:center;min-height:48px;padding:12px 32px}.footer-text{color:var(--color-gray-600);font-size:13px;font-weight:400;letter-spacing:.2px;margin:0}.card{background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000f;padding:24px;transition:all .2s ease}.card:hover{border-color:var(--color-gray-200);box-shadow:0 4px 12px #00000014}.sidebar-footer{background:#0000001a;border-top:1px solid #ffffff1a;padding:20px}.logout-btn{align-items:center;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ffffff26;color:#fff}.mobile-backdrop{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;cursor:pointer;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:90}@media (max-width:1024px){.sidebar{width:240px}}@media (max-width:768px){.sidebar{left:-280px;position:fixed;transition:left .3s ease;z-index:100}.sidebar.mobile-open{box-shadow:2px 0 20px #0000004d;left:0}.mobile-menu-toggle{display:flex}.mobile-backdrop{display:block}.content-area{padding:20px}.top-header{padding:10px 16px}.header-left{flex:1 1;gap:8px;min-width:0}.page-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{gap:6px}.store-status-toggle span{display:none}.view-storefront-btn{font-size:12px;gap:4px;padding:6px 10px}.view-storefront-btn .storefront-text{display:none}.user-dropdown-icon,.user-info{display:none!important}.user-menu-trigger{background:#0000!important;border:none!important;min-width:auto!important;padding:4px!important}.kyc-badge-wrapper{display:none}.header-right>div:first-child{border-width:1px!important;gap:6px!important;padding:4px 8px!important}.header-right>div:first-child span{font-size:11px!important}.header-right>div:first-child>div:first-child{height:6px!important;width:6px!important}.header-right>div:first-child>div:last-child{height:18px!important;width:32px!important}.header-right>div:first-child>div:last-child>div{height:14px!important;width:14px!important}}@media (max-width:480px){.header-left{gap:6px}.page-title{font-size:14px}.header-right{gap:4px}.view-storefront-btn{height:36px;justify-content:center;padding:6px;width:36px}.header-right>div button{height:36px!important;width:36px!important}.user-avatar{font-size:12px!important;height:28px!important;width:28px!important}}@media (max-width:360px){.top-header{padding:8px 12px}.page-title{font-size:13px;max-width:100px}.mobile-menu-toggle{border-radius:10px;height:40px;width:40px}.view-storefront-btn{height:32px;padding:4px;width:32px}.user-avatar{font-size:11px!important;height:26px!important;width:26px!important}.content-area{padding:12px}.merchant-footer{min-height:42px;padding:10px 16px}.footer-text{font-size:11px}}@media (hover:none) and (pointer:coarse){.logout-btn:hover,.mobile-menu-toggle:hover,.nav-link:hover,.notification-btn:hover,.user-menu-trigger:hover,.view-storefront-btn:hover{transform:none}.logout-btn:active,.mobile-menu-toggle:active,.nav-link:active,.notification-btn:active,.user-menu-trigger:active,.view-storefront-btn:active{opacity:.9;transform:scale(.96)}.logout-btn,.mobile-menu-toggle,.nav-link,.notification-btn,.toggle-switch,.user-menu-trigger,.view-storefront-btn{min-height:44px}.nav-link{padding:14px 20px}}.logout-btn,.mobile-menu-toggle,.nav-link,.notification-btn,.toggle-switch,.user-menu-trigger,.view-storefront-btn{-webkit-user-select:none;user-select:none}@supports (padding-top:env(safe-area-inset-top)){.sidebar{padding-top:env(safe-area-inset-top)}.top-header{padding-top:max(16px,env(safe-area-inset-top))}}@supports (padding-bottom:env(safe-area-inset-bottom)){.sidebar-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.content-area{padding-bottom:max(32px,env(safe-area-inset-bottom))}.merchant-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.location-dropdown-item{align-items:center;cursor:pointer;display:flex;width:100%}.location-dropdown-item:hover{background:#f3f4f6!important}.location-dropdown-item:active{background:#e5e7eb!important}.modal-overlay{-webkit-overflow-scrolling:touch;overflow-y:auto;z-index:10000}.modal-backdrop{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#0009;bottom:0;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease}.modal-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-6);position:relative;z-index:10001}.modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background-color:#fff;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;position:relative;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-sm{max-width:480px}.modal-md{max-width:640px}.modal-lg{max-width:800px;min-width:600px}.modal-xl{max-width:1100px!important;min-width:800px;width:90%!important}.modal-2xl{max-width:1400px!important;min-width:1000px;width:95%!important}.modal-full{max-width:95%}.modal-header{background:linear-gradient(180deg,#f9fafb,#fff);flex-shrink:0;padding:var(--space-6)}.modal-title{color:#111827;flex:1 1;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.2;margin:0;overflow:hidden;padding-right:8px;text-overflow:ellipsis;white-space:nowrap}.modal-back-btn{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:#374151;cursor:pointer;display:none;flex-shrink:0;justify-content:center;padding:var(--space-2);transition:all .2s ease}.modal-back-btn:hover{background-color:#f3f4f6}.modal-back-btn:active{transform:scale(.95)}.modal-close-btn{background-color:initial;border-radius:var(--radius-md);color:#6b7280;flex-shrink:0;padding:var(--space-2)}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-close-btn:active{transform:scale(.95)}.modal-body{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;max-height:calc(90vh - 80px);overflow-x:hidden;padding:var(--space-4)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){.modal-container{padding:var(--space-4)}.modal-md,.modal-sm{max-width:90%;min-width:0}.modal-lg{max-width:95%;min-width:0}.modal-xl{max-width:95%!important;min-width:0;width:95%!important}.modal-2xl{max-width:98%!important;min-width:0;width:98%!important}.modal-header{padding:var(--space-5)}.modal-title{font-size:var(--font-size-lg)}.modal-body{padding:var(--space-5)}}@media (max-width:768px){.modal-container{align-items:flex-start;min-height:100vh;padding:16px}.modal-content{animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);border-radius:16px;display:flex;flex-direction:column;margin:0;max-height:calc(100vh - 32px);max-width:100%!important;min-height:auto;min-width:0!important;width:100%!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 1px 3px #0000000d;display:flex;flex-shrink:0;gap:12px;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-back-btn{display:flex;min-height:40px;min-width:40px;padding:8px}.modal-back-btn svg{height:24px;width:24px}.modal-close-btn{display:none}.modal-title{flex:1 1;font-size:17px;font-weight:600;line-height:1.3;margin:0;text-align:left}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px}}@media (max-width:480px){.modal-container{padding:12px}.modal-content{border-radius:12px;max-height:calc(100vh - 24px)}.modal-header{border-radius:12px 12px 0 0;gap:10px;padding:12px 14px}.modal-back-btn{min-height:36px;min-width:36px;padding:6px}.modal-back-btn svg{height:22px;width:22px}.modal-body{padding:14px}.modal-title{font-size:16px}}@media (max-width:360px){.modal-container{padding:10px}.modal-content{border-radius:10px;max-height:calc(100vh - 20px)}.modal-header{border-radius:10px 10px 0 0;gap:8px;padding:10px 12px}.modal-back-btn{min-height:32px;min-width:32px;padding:4px}.modal-back-btn svg{height:20px;width:20px}.modal-body{padding:12px}.modal-title{font-size:15px}}@media (hover:none) and (pointer:coarse){.modal-back-btn:hover,.modal-close-btn:hover{background-color:initial}.modal-back-btn:active,.modal-close-btn:active{background-color:#e5e7eb;transform:scale(.95)}.modal-back-btn,.modal-close-btn{min-height:44px;min-width:44px}}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:768px){.modal-header{padding-top:max(var(--space-4),env(safe-area-inset-top))}}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.modal-body{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}}}body:has(.modal-overlay){overflow:hidden}.product-form-container{background:#f9fafb;border-radius:16px;margin:0 auto;max-width:900px;padding:32px}.form-tabs{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;padding:6px}.tab{background:#0000;border-radius:12px;color:#6b7280;font-size:14px;gap:10px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab:hover{background:#f3f4f6;color:#374151}.tab.active{background:linear-gradient(135deg,#0d7463,#085d50);box-shadow:0 4px 12px #0d74634d;color:#fff;transform:translateY(-1px)}.tab-icon{font-size:18px}.tab-label{font-weight:500}.tab-content{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 12px #00000014;min-height:400px;padding:32px}.product-form{display:flex;flex-direction:column}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column}.form-field-full{grid-column:1/-1}.field-label{color:#111827;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.field-hint{font-size:12px;margin:4px 0 0}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-weight:500;padding:12px 16px;transition:all .3s ease}.form-input:hover{border-color:#d1d5db}.form-input:focus{background:#f9fafb;box-shadow:0 0 0 4px #0d74631a}.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-weight:500;padding:12px 16px;transition:all .3s ease}.form-textarea:hover{border-color:#d1d5db}.form-textarea:focus{background:#f9fafb;box-shadow:0 0 0 4px #0d74631a}.form-select{background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease;width:100%}.form-select:hover{border-color:#d1d5db}.form-select:focus{border-color:#0d7463;box-shadow:0 0 0 4px #0d74631a;outline:none}.checkbox-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.checkbox-label input[type=checkbox]{accent-color:#0d7463;margin:0}.checkbox-label span{display:inline-block;line-height:18px;-webkit-user-select:none;user-select:none}.featured-checkbox-container{background:linear-gradient(135deg,#f0fdf4,#f9fafb);border:2px solid #d1fae5;border-radius:12px;margin-bottom:24px;margin-top:20px;padding:20px}.featured-checkbox-container .checkbox-label{margin-bottom:4px}.featured-checkbox-container .field-hint{display:block;margin-left:26px}.form-row{grid-template-columns:repeat(2,1fr);margin-bottom:16px}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.ai-enhancement{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;margin-bottom:20px;padding:20px}.ai-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.ai-icon{font-size:24px}.ai-title{color:#1e40af;font-size:16px;font-weight:600;margin:0}.ai-description{color:#1e40af;font-size:14px;line-height:1.5;margin:0 0 16px}.ai-actions{display:flex;flex-wrap:wrap;gap:12px}.ai-button{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:160px;padding:10px 20px;transition:all .2s}.ai-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.ai-button:disabled{cursor:not-allowed;opacity:.6}.ai-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:14px;margin-top:16px;padding:12px}.media-grid{grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.media-grid{grid-template-columns:1fr}}.media-field{display:flex;flex-direction:column;max-width:100%}.media-field label{color:#111827;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.media-field-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.media-upload{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;display:flex;justify-content:center;max-height:250px;min-height:200px;overflow:hidden;padding:40px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.media-upload:hover{background:linear-gradient(135deg,#f0fdf4,#f9fafb);border-color:#0d7463;transform:scale(1.02)}.media-upload.has-image{background:linear-gradient(135deg,#0d7463,#085d50);border-color:#0d7463;box-shadow:0 8px 24px #0d74634d;color:#fff}.media-upload.has-image:hover{background:linear-gradient(135deg,#085d50,#064739);border-color:#085d50;transform:scale(1.02)}.media-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.media-placeholder span{font-size:48px;margin-bottom:12px;opacity:.7}.media-placeholder p{color:#6b7280;font-size:14px;font-weight:600;margin:0}.media-icon{font-size:40px;margin-bottom:8px;opacity:.7}.media-text{font-size:14px;font-weight:500;margin:0}.media-hint{font-size:12px;margin:4px 0 0;opacity:.8}.media-check{display:block;font-size:32px;margin-bottom:8px}.media-upload.has-image .media-hint,.media-upload.has-image .media-text{color:#fff}.media-preview{flex-direction:column;height:100%;position:relative;width:100%}.media-preview img{border:3px solid #ffffff4d;border-radius:12px;max-height:120px;max-width:120px}.preview-image{border:3px solid #ffffff4d;border-radius:8px;height:80px;object-fit:cover;width:80px}.media-overlay{margin-top:12px;text-align:center}.media-overlay span{color:#fff;display:block;font-size:24px;margin-bottom:4px}.media-overlay p{color:#ffffffe6;font-size:12px;margin:0}.media-library-modal{background:#fff;border-radius:0;margin:0;max-width:100%;min-height:60vh;padding:0}.media-library-search{margin-bottom:20px}.media-search-input{border:1px solid #d1d5db;border-radius:8px;transition:all .2s;width:100%}.media-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.media-library-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px;max-height:500px;overflow-y:auto;padding:4px}.media-library-item{aspect-ratio:1;background-color:#f9fafb;border:3px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.media-library-item:hover{border-color:#0d7463;box-shadow:0 8px 16px #0d746333;transform:translateY(-4px)}.media-library-item.selected{border-color:#0d7463;box-shadow:0 0 0 4px #0d746333;transform:scale(1.02)}.media-library-image{display:block;height:100%;object-fit:cover;width:100%}.media-library-check{align-items:center;background-color:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px}.media-library-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:16px}.media-library-count{color:#6b7280;font-size:14px}.media-library-buttons{display:flex;gap:12px}.variations-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.variations-header .checkbox-label{margin-bottom:6px}.variations-header .field-hint{display:block;margin-left:26px}.variations-content{display:flex;flex-direction:column;gap:24px;margin-top:20px}.variations-list-title{border-bottom:2px solid #e5e7eb;color:#111827;font-size:15px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.add-variation-form{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px}.add-variation-title{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.variation-input-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 2fr;margin-bottom:16px}@media (max-width:640px){.variation-input-group{grid-template-columns:1fr}}.variation-help-text{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:16px}.add-variation-btn{background:linear-gradient(135deg,#0d7463,#085d50);border:none;border-radius:10px;box-shadow:0 4px 12px #0d74634d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-variation-btn:hover:not(:disabled){background:linear-gradient(135deg,#085d50,#064739);box-shadow:0 6px 20px #0d746366;transform:translateY(-2px)}.add-variation-btn:disabled{cursor:not-allowed;opacity:.5}.variations-list{display:flex;flex-direction:column;gap:16px}.variation-item{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s ease}.variation-item:hover{border-color:#0d7463;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.variation-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.variation-name{color:#111827;font-size:16px;font-weight:600;margin:0}.remove-variation-btn{background:none;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.remove-variation-btn:hover{background-color:#fef2f2;border-color:#dc2626}.variation-values{display:flex;flex-direction:column;gap:12px}.variation-value-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.value-label{color:#374151;font-size:14px;font-weight:500}.value-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.value-fields{grid-template-columns:1fr}}.value-field{display:flex;flex-direction:column}.value-field-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px}.value-field input{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px 10px;transition:all .2s;width:100%}.value-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.no-variations-message{color:#6b7280;font-size:14px;padding:40px;text-align:center}.form-actions{border-top:2px solid #f3f4f6;gap:16px;margin-top:32px;padding-top:32px}.btn{border-radius:12px;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{box-shadow:0 4px 12px #0d74634d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#085d50,#064739);box-shadow:0 6px 20px #0d746366}.btn-secondary{border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){border-color:#0d7463;color:#0d7463}.btn:disabled{transform:none!important}@media (max-width:640px){.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.loading-spinner{animation:spinner .6s linear infinite;border:2px solid #fff;border-top-color:#0000;display:inline-block;height:16px;width:16px}@keyframes spinner{to{transform:rotate(1turn)}}@media (max-width:768px){.product-form-container{background:#fff;border-radius:0;margin:0;max-width:100%;padding:16px}.form-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#f3f4f6;border-radius:12px;display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:16px;overflow-x:auto;padding:6px;scrollbar-width:none}.form-tabs::-webkit-scrollbar{display:none}.tab{border-radius:8px;flex-shrink:0;font-size:12px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 14px;white-space:nowrap}.tab-icon{display:none;font-size:14px}.tab-label{font-size:12px}.tab.active{background:linear-gradient(135deg,#0d7463,#085d50);box-shadow:0 2px 8px #0d74634d}.tab-content{border:1px solid #e5e7eb;border-radius:12px;box-shadow:none;min-height:auto;padding:16px}.ai-enhancement{border-radius:10px;margin-bottom:16px;padding:14px}.ai-header{gap:8px;margin-bottom:8px}.ai-icon{font-size:20px}.ai-title{font-size:14px}.ai-description{font-size:13px;margin-bottom:12px}.ai-actions{flex-direction:column;gap:8px}.ai-button{font-size:13px;min-width:auto;padding:10px 16px;width:100%}.form-grid{gap:16px}.form-row{gap:12px;margin-bottom:12px}.field-label{font-size:13px;margin-bottom:6px}.form-input,.form-select,.form-textarea{border-radius:8px;font-size:16px;padding:12px 14px}.form-textarea{min-height:100px}.media-grid{gap:16px}.media-upload{border-radius:12px;border-width:2px;max-height:180px;min-height:140px;padding:20px}.media-placeholder span{font-size:32px;margin-bottom:8px}.media-placeholder p{font-size:13px}.media-library-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:280px}.media-library-item{border-radius:8px;border-width:2px}.variation-header{align-items:flex-start;flex-direction:column;gap:12px}.remove-variation-btn{align-self:flex-end}.add-variation-form,.variation-item{border-radius:12px;padding:16px}.featured-checkbox-container{border-radius:10px;margin-bottom:16px;margin-top:16px;padding:14px}.form-actions{gap:12px;margin-top:20px;padding-top:20px}.btn{border-radius:10px;font-size:14px;padding:14px 20px}}@media (max-width:480px){.form-tabs{gap:4px;margin-bottom:12px;padding:4px}.tab{font-size:11px;padding:8px 12px}.tab-content{padding:12px}.field-label{font-size:12px}.field-hint{font-size:11px}.form-input,.form-select,.form-textarea{border-radius:8px;padding:10px 12px}.media-upload{max-height:160px;min-height:120px;padding:16px}.media-placeholder span{font-size:28px}.media-placeholder p{font-size:12px}.featured-checkbox-container{padding:12px}.checkbox-label{font-size:13px;gap:8px}.checkbox-label input[type=checkbox]{height:16px;width:16px}.add-variation-form,.variation-item{padding:12px}.btn,.variation-name{font-size:14px}.btn{padding:12px 16px}.form-actions{margin-top:16px;padding-top:16px}.ai-enhancement{padding:12px}.ai-icon{font-size:18px}.ai-title{font-size:13px}.ai-button,.ai-description{font-size:12px}.ai-button{padding:8px 12px}}.appointments-settings{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:28px}.appointments-settings .checkbox-label{align-items:center;display:flex;gap:12px;margin-bottom:12px}.appointments-settings .checkbox-label input[type=checkbox]{accent-color:#0d7463;flex-shrink:0;height:18px;margin:0;width:18px}.appointments-settings .checkbox-label span{color:#374151;font-size:14px;font-weight:500;line-height:20px}.appointments-settings .section-title{border-bottom:3px solid #e5e7eb;color:#111827;font-size:24px;font-weight:700;margin-bottom:28px;padding-bottom:16px}.appointment-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;transition:all .3s ease}.appointment-section:hover{border-color:#0d7463;box-shadow:0 4px 12px #0d74631a}.subsection-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:20px}.field-hint{color:#6b7280;display:block;font-size:13px;font-style:italic;margin-top:6px}.days-selector{margin-bottom:24px}.days-selector label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.days-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.day-checkbox{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .3s ease}.day-checkbox:hover{background:#f3f4f6;border-color:#d1d5db}.day-checkbox input[type=checkbox]{accent-color:#0d7463;cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.day-checkbox span{display:inline-block;line-height:16px}.day-checkbox input[type=checkbox]:checked+span{color:#0d7463;font-weight:600}.day-checkbox:has(input[type=checkbox]:checked){background:#d1fae5;border-color:#0d7463}.time-slots-section{margin-top:20px}.time-slots-section label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.time-slot-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px}.slot-day{color:#0d7463;font-weight:600;min-width:100px}.slot-time{color:#374151;flex:1 1;font-size:14px}.remove-slot-btn{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:all .3s ease}.remove-slot-btn:hover{background:#fecaca;transform:scale(1.05)}.add-time-slot{align-items:center;background:#f0f9ff;border:2px dashed #0d7463;border-radius:10px;display:flex;gap:12px;margin-top:12px;padding:16px}.slot-day-select,.slot-time-input{background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s ease}.slot-day-select{min-width:140px}.slot-time-input{width:120px}.slot-day-select:focus,.slot-time-input:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a;outline:none}.add-slot-btn{background:linear-gradient(135deg,#0d7463,#085d50);border:none;border-radius:8px;box-shadow:0 2px 8px #0d746333;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-slot-btn:hover{box-shadow:0 4px 12px #0d74634d;transform:translateY(-2px)}.calendar-integration{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac}.calendar-provider-select{background:#fff;border:2px solid #d1d5db;border-radius:10px;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.calendar-provider-select:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a;outline:none}.calendar-help{background:#fff;border-left:4px solid #0d7463;border-radius:8px;margin-top:16px;padding:16px}.calendar-help p{color:#374151;font-size:14px;font-weight:500;margin-bottom:12px}.calendar-help ul{list-style:none;margin:0;padding:0}.calendar-help li{color:#6b7280;font-size:13px;padding:6px 0 6px 24px;position:relative}.calendar-help li:before{background:#d1fae5;border:2px solid #0d7463;border-radius:50%;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:16px}@media (max-width:768px){.days-grid{grid-template-columns:repeat(2,1fr)}.add-time-slot{align-items:stretch;flex-direction:column}.slot-day-select,.slot-time-input{width:100%}.time-slot-item{flex-wrap:wrap}.appointments-settings{padding:20px}.appointment-section{padding:16px}}.products-page-container{background:#f9fafb;min-height:100vh;padding:24px}.products-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:space-between;margin-bottom:32px;padding:28px 32px;transition:all .3s ease}.products-header:hover{box-shadow:0 6px 16px #0000001f}.products-header-title{align-items:center;display:flex;gap:12px}.products-header h1{color:#111827;font-size:28px;font-weight:700;margin:0}.products-help-icon{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;cursor:help;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.products-header-actions{display:flex;gap:12px}.btn-export,.btn-import{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-export:hover,.btn-import:hover{background:#f3f4f6;border-color:#9ca3af}.btn-add-product{align-items:center;background:linear-gradient(135deg,#0d7463,#085d50);border:none;border-radius:12px;box-shadow:0 4px 12px #0d74634d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-add-product:hover{background:linear-gradient(135deg,#085d50,#064739);box-shadow:0 6px 20px #0d746366;transform:translateY(-2px)}.summary-cards-grid{margin-bottom:32px}.summary-card{border:none;padding:24px}.summary-card:hover{box-shadow:0 8px 24px #00000026}.summary-card.pink{background:linear-gradient(135deg,#ffe5ec,#ffc9dc);border:2px solid #ffb8d2;color:#831843}.summary-card.orange{background:linear-gradient(135deg,#ffe5cc,#ffd4a8);border:2px solid #fdb67d;color:#7c2d12}.summary-card.purple{background:linear-gradient(135deg,#e5e0ff,#d4c8ff);border:2px solid #c4b5fd;color:#5b21b6}.summary-card.blue{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #7dd3fc;color:#0c4a6e}.summary-card-content{gap:16px}.summary-card-info{flex:1 1}.summary-card-label{opacity:.85}.summary-card-value{line-height:1;margin-bottom:4px}.summary-card-change{font-size:12px;font-weight:600;margin-top:4px;opacity:.7}.summary-card-icon{align-items:center;background:#ffffff4d;border-radius:12px;display:flex;height:48px;justify-content:center;opacity:.9;width:48px}.products-tabs{background:#fff;border:2px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;gap:0;margin-bottom:32px;padding:6px}.products-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.products-tab:hover{background:#f3f4f6;color:#374151}.products-tab.active{background:linear-gradient(135deg,#0d7463,#085d50);box-shadow:0 4px 12px #0d74634d;color:#fff;transform:translateY(-1px)}.products-card{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease}.products-card:hover{box-shadow:0 8px 24px #0000001f}.products-filters{background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:12px;padding:20px 24px}.filter-btn,.products-filters{align-items:center;display:flex}.filter-btn{border:2px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;color:#6b7280;gap:6px}.filter-btn:hover{background:#0d7463;box-shadow:0 4px 8px #0d746333;color:#fff;transform:translateY(-1px)}.filter-btn.active{background:#0d7463;box-shadow:0 4px 8px #0d74634d}.filter-select{box-shadow:0 1px 3px #0000000d;padding:10px 16px;transition:all .3s ease}.filter-select:hover{border-color:#0d7463}.filter-select:focus{box-shadow:0 0 0 4px #0d74631a}.filter-search{flex:1 1;max-width:300px}.products-table-wrapper{overflow-x:auto}.products-table{border-collapse:collapse;width:100%}.products-table thead{background:linear-gradient(135deg,#0d7463,#085d50);border-bottom:none}.products-table th{color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:16px 20px;text-align:left;text-transform:uppercase}.products-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .3s cubic-bezier(.4,0,.2,1)}.products-table tbody tr:hover{background:linear-gradient(90deg,#f0fdf4,#f9fafb);box-shadow:0 2px 8px #0d74631a;transform:scale(1.005)}.products-table td{color:#374151;font-size:14px;font-weight:500;padding:18px 20px}.product-info{gap:12px}.product-image,.product-info{align-items:center;display:flex}.product-image{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #e5e7eb;border-radius:12px;height:56px;justify-content:center;overflow:hidden;transition:all .3s ease;width:56px}.product-info:hover .product-image{border-color:#0d7463;box-shadow:0 4px 12px #0d746333}.product-image img{height:100%;object-fit:cover;width:100%}.product-name{color:#111827;font-size:15px;font-weight:600;margin-bottom:4px}.product-type{color:#9ca3af;font-size:12px;font-weight:500}.product-price{color:#0d7463;font-size:16px;font-weight:700}.status-badge{padding:6px 14px}.status-badge.published{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7;color:#065f46}.status-badge.draft{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;color:#92400e}.status-badge.archived{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;color:#374151}.action-btn:hover{background:#0d7463;border-color:#0d7463;box-shadow:0 4px 12px #0d74634d;color:#fff}.action-btn.delete{border-color:#fecaca}.action-btn.delete:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d;color:#fff}.products-pagination{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px}.pagination-info{align-items:center;display:flex;gap:8px}.pagination-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:6px 12px}.pagination-buttons{gap:6px}.pagination-btn{box-shadow:0 1px 3px #0000000d;color:#6b7280;min-width:44px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){background:#0d7463;box-shadow:0 4px 12px #0d74634d;color:#fff;transform:translateY(-2px)}.pagination-btn.active{background:linear-gradient(135deg,#0d7463,#085d50);box-shadow:0 4px 12px #0d746366}.pagination-btn:disabled{background:#f9fafb;opacity:.4}.products-empty,.products-error,.products-loading{align-items:center;color:#9ca3af;display:flex;font-size:14px;justify-content:center;padding:48px}.products-error{color:#dc2626}.success-message{align-items:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:12px;color:#065f46;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px}.empty-state-container{padding:48px 24px;text-align:center}.empty-state-icon{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.empty-state-title{font-size:18px}.empty-state-description{margin:0 0 16px}.btn-create-brand,.btn-create-collection{align-items:center;background:linear-gradient(135deg,#111827,#374151);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-create-brand:hover,.btn-create-collection:hover{background:linear-gradient(135deg,#374151,#4b5563);box-shadow:0 2px 4px #11182733}@media (max-width:1024px){.products-page-container{padding:16px}.products-header{padding:20px}.products-header h1{font-size:24px}.summary-card{padding:20px}.summary-card-value{font-size:26px}.products-table td,.products-table th{padding:14px 16px}}.import-modal-content{padding:8px 0}.import-instructions{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:16px}.import-instructions h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.import-instructions ol{color:#6b7280;font-size:13px;margin:0;padding-left:20px}.import-instructions li{margin-bottom:6px}.import-sample-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-bottom:20px;padding:16px}.import-sample-section p{color:#166534;font-size:14px;margin:0 0 12px}.product-types-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.product-types-list li{align-items:center;color:#374151;display:flex;font-size:12px;gap:6px}.type-badge{border-radius:4px;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.type-badge.physical{background:#dbeafe;color:#1e40af}.type-badge.digital{background:#fae8ff;color:#86198f}.type-badge.service{background:#fef3c7;color:#92400e}.type-badge.appointment{background:#d1fae5;color:#065f46}.import-upload-section{margin-bottom:20px}.import-progress{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:16px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#0d7463,#085d50);border-radius:4px;height:100%;transition:width .3s ease}.progress-stats{display:flex;font-size:13px;gap:16px}.progress-stats .success{color:#059669;font-weight:500}.progress-stats .failed{color:#dc2626;font-weight:500}.import-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px}.import-errors h5{color:#991b1b;font-size:14px;margin:0 0 12px}.import-errors ul{color:#dc2626;font-size:12px;margin:0;padding-left:16px}.import-errors li{margin-bottom:4px}@media (max-width:768px){.products-page-container{background:#f9fafb;padding:12px}.products-header{border-radius:12px;flex-direction:column;gap:16px;margin-bottom:20px;padding:16px}.products-header:hover{box-shadow:0 4px 12px #00000014}.products-header-title{justify-content:center;width:100%}.products-header h1{font-size:20px}.products-help-icon{display:none}.products-header-actions{flex-direction:row;flex-wrap:wrap;gap:10px;width:100%}.btn-export{display:none}.btn-import{flex:1 1;justify-content:center;min-width:120px;padding:12px 16px}.btn-import .btn-text{display:inline;font-size:13px}.btn-add-product{flex:1 1;font-size:14px;justify-content:center;min-width:120px;padding:12px 16px}.product-types-list{grid-template-columns:1fr}.summary-cards-grid{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.summary-card{border-radius:12px;padding:16px}.summary-card:hover{box-shadow:0 4px 12px #00000014;transform:none}.summary-card:active{transform:scale(.98)}.summary-card-label{font-size:11px;margin-bottom:6px}.summary-card-value{font-size:22px;word-break:break-word}.summary-card-icon{border-radius:8px;height:36px;width:36px}.summary-card-icon svg{height:18px;width:18px}.products-filters{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.filter-btn,.filter-select{font-size:14px;justify-content:center;min-height:44px;padding:12px 16px;width:100%}.filter-search{max-width:100%;order:-1}.filter-search input{min-height:44px}.products-table-wrapper{overflow-x:visible}.products-table thead{display:none}.products-table,.products-table tbody,.products-table td,.products-table tr{display:block;width:100%}.products-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000a;margin-bottom:12px;padding:16px}.products-table tbody tr:hover{background:#fff;box-shadow:0 2px 8px #00000014;transform:none}.products-table tbody tr:active{background:#f9fafb;transform:scale(.99)}.products-table td{align-items:center;border-bottom:none;display:flex;justify-content:space-between;padding:8px 0}.products-table td:before{color:#6b7280;content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.product-info{border-bottom:1px solid #f3f4f6;justify-content:flex-start;margin-bottom:8px;padding-bottom:12px;width:100%}.product-image{border-radius:8px;height:48px;width:48px}.product-name{font-size:14px}.product-price{font-size:15px}.action-buttons{border-top:1px solid #f3f4f6;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:12px;width:100%}.action-btn{font-size:13px;min-height:44px;padding:10px 16px}.action-btn:hover{transform:none}.action-btn:active{transform:scale(.96)}.products-pagination{flex-direction:column;gap:16px;padding:16px}.pagination-buttons,.pagination-info{justify-content:center;width:100%}.pagination-buttons{flex-wrap:wrap}.pagination-btn{font-size:13px;min-width:40px;padding:10px 14px}.success-message{font-size:14px;margin-bottom:16px;padding:12px}}@media (max-width:480px){.products-page-container{padding:8px}.products-header{border-radius:10px;padding:12px}.products-header h1{font-size:18px}.btn-add-product{border-radius:10px;font-size:14px;padding:12px 16px}.summary-cards-grid{gap:10px;grid-template-columns:1fr}.summary-card{padding:14px}.summary-card-value{font-size:20px}.summary-card-icon{height:32px;width:32px}.summary-card-icon svg{height:16px;width:16px}.products-table tbody tr{border-radius:10px;padding:12px}.product-image{height:40px;width:40px}.product-name{font-size:13px}.product-type{font-size:11px}.action-btn{font-size:12px;min-height:40px;padding:8px 12px}.pagination-btn{font-size:12px;min-width:36px;padding:8px 10px}}@media (max-width:360px){.summary-card-content{align-items:flex-start;flex-direction:column;gap:12px}.summary-card-icon{height:28px;position:absolute;right:12px;top:12px;width:28px}.summary-card{position:relative}.pagination-buttons{gap:4px}.pagination-btn{font-size:11px;min-width:32px;padding:8px}}@media (hover:none) and (pointer:coarse){.action-btn:hover,.filter-btn:hover,.pagination-btn:hover:not(:disabled),.products-header:hover,.products-table tbody tr:hover,.summary-card:hover{box-shadow:inherit;transform:none}.action-btn:active,.filter-btn:active,.pagination-btn:active:not(:disabled),.products-header:active,.products-table tbody tr:active,.summary-card:active{opacity:.9;transform:scale(.98)}.action-btn,.btn-add-product,.btn-export,.btn-import,.filter-btn,.filter-select,.pagination-btn{min-height:44px}}.action-btn,.filter-btn,.pagination-btn,.products-table tbody tr,.summary-card{-webkit-user-select:none;user-select:none}@supports (padding-bottom:env(safe-area-inset-bottom)){.products-page-container{padding-bottom:env(safe-area-inset-bottom)}}.store-info-container{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.store-info-header{margin-bottom:2.5rem}.store-info-header h1{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.store-info-header p{color:#64748b;font-size:15px;font-weight:400}.info-card{background:linear-gradient(180deg,#fff 0,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;margin-bottom:1.5rem;padding:2rem;transition:all .2s ease}.info-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card-header{border-bottom:2px solid #e2e8f0;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.card-icon{background:linear-gradient(135deg,#059669,#10b981);border-radius:10px;font-size:18px;height:40px;width:40px}.card-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.card-header p{color:#64748b;font-size:13px;margin:0}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-label{color:#475569;font-size:13px;letter-spacing:.025em}.form-input,.form-select,.form-textarea{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;padding:.75rem 1rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.form-textarea{min-height:100px}.image-upload-area{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .2s ease}.image-upload-area:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#059669}.image-preview{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1rem;max-height:300px;max-width:100%}.upload-button{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:10px;box-shadow:0 4px 6px -1px #05966966;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.upload-button:hover{box-shadow:0 6px 8px -1px #05966980;transform:translateY(-2px)}.upload-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.slider-control{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.slider-control input[type=range]{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;outline:none}.slider-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;box-shadow:0 2px 4px #05966966;cursor:pointer;height:18px;width:18px}.slider-control input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:50%;box-shadow:0 2px 4px #05966966;cursor:pointer;height:18px;width:18px}.slider-value{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#059669;font-size:13px;font-weight:600;min-width:50px;padding:.5rem .75rem;text-align:center}.image-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.image-grid-item{aspect-ratio:16/9;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;transition:transform .2s ease}.image-grid-item:hover{transform:scale(1.05)}.image-grid-item img{height:100%;object-fit:cover;width:100%}.image-remove-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:28px}.image-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.toggle-switch{align-items:center;display:inline-flex;gap:.75rem;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#cbd5e1;border-radius:14px;box-shadow:inset 0 0 5px #0000001a;cursor:pointer;height:28px;outline:none;position:relative;transition:.3s;width:50px}.toggle-switch input[type=checkbox]:checked{background:linear-gradient(135deg,#059669,#10b981)}.toggle-switch input[type=checkbox]:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;top:3px;transition:.3s;width:22px}.toggle-switch input[type=checkbox]:checked:before{left:25px}.save-message{align-items:center;animation:slideIn .3s ease;border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.save-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.save-message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.loading-spinner{border-top-color:#059669;margin:0 auto 1rem}.tab-navigation{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:2rem}.tab-button{border-radius:8px 8px 0 0;font-weight:600;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tab-button.active{background-color:#059669;border-bottom:2px solid #059669}.tab-button:not(.active){background-color:initial;border-bottom:2px solid #0000;color:#64748b}.tab-button:hover:not(.active){background-color:#f0fdf4;color:#059669}@media (max-width:768px){.tab-navigation{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;font-size:13px;padding:.625rem 1rem}.form-grid{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(2,1fr)}.store-info-container{padding:1rem}.info-card{margin-bottom:1rem;padding:1.25rem}.card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.card-header h2{font-size:16px}.store-info-header h1{font-size:22px}.store-info-header p{font-size:14px}.slider-control{flex-wrap:wrap;justify-content:center}.image-upload-area{padding:1.5rem}.upload-button{font-size:13px;padding:.625rem 1rem}}@media (max-width:480px){.store-info-container{padding:.75rem}.info-card{border-radius:12px;padding:1rem}.card-icon{font-size:16px;height:36px;width:36px}.form-input,.form-select,.form-textarea{font-size:16px;padding:.625rem .875rem}.image-grid{grid-template-columns:1fr}.image-upload-area{padding:1rem}.image-preview{max-height:200px}}.ai-analytics-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;overflow:hidden}.ai-analytics-header{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;margin-bottom:var(--space-6);padding:var(--space-6)}.ai-analytics-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.ai-analytics-header-left{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.ai-analytics-header-icon{align-items:center;background:#fff3;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.ai-analytics-header-title{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.ai-analytics-header-subtitle{color:#ffffffe6;font-size:var(--font-size-sm)}.ai-analytics-refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:8px 16px;white-space:nowrap}.ai-analytics-body{padding:0 var(--space-6) var(--space-6)}.ai-summary-card{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:2px solid #3b82f6;border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-4);position:relative}.ai-summary-content{align-items:flex-start;display:flex;gap:var(--space-3);position:relative}.ai-summary-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.ai-forecasts-section{margin-bottom:var(--space-6)}.ai-forecasts-title{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-4)}.ai-forecasts-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.ai-forecast-card{background:#fff;border-radius:var(--radius-lg);cursor:pointer;min-width:0;padding:var(--space-4);transition:all .3s ease}.ai-forecast-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.ai-forecast-icon{flex-shrink:0;font-size:24px}.ai-forecast-label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ai-forecast-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);word-break:break-word}.ai-confidence-card{align-items:center;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}.ai-confidence-left{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:200px}.ai-confidence-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.ai-confidence-value{color:#d97706;flex-shrink:0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.ai-recommendations-section{margin-bottom:var(--space-6)}.ai-recommendations-title{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-4)}.ai-recommendations-list{display:flex;flex-direction:column;gap:var(--space-3)}.ai-recommendation-item{align-items:flex-start;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4);transition:transform .2s ease}.ai-recommendation-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.ai-recommendation-text{flex:1 1;font-size:var(--font-size-sm);line-height:1.6;word-break:break-word}.ai-analytics-error,.ai-analytics-loading{padding:var(--space-8);text-align:center}.ai-analytics-error-icon,.ai-analytics-loading-icon{align-items:center;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto var(--space-4);width:80px}@media (max-width:1024px){.ai-forecasts-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.ai-forecast-card{padding:var(--space-3)}.ai-forecast-value{font-size:var(--font-size-xl)}}@media (max-width:768px){.ai-analytics-header{padding:var(--space-4)}.ai-analytics-header-content{align-items:flex-start;flex-direction:column}.ai-analytics-header-left{width:100%}.ai-analytics-header-icon{font-size:20px;height:40px;width:40px}.ai-analytics-header-title{font-size:var(--font-size-lg)}.ai-analytics-header-subtitle{font-size:var(--font-size-xs)}.ai-analytics-refresh-btn{justify-content:center;width:100%}.ai-analytics-body{padding:0 var(--space-4) var(--space-4)}.ai-summary-card{padding:var(--space-3)}.ai-summary-icon{font-size:16px;height:32px;width:32px}.ai-forecasts-grid{gap:var(--space-3);grid-template-columns:1fr}.ai-forecast-card{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.ai-forecast-card-header{flex:1 1;margin-bottom:0}.ai-forecast-icon{font-size:20px}.ai-forecast-label{font-size:var(--font-size-xs)}.ai-forecast-value{font-size:var(--font-size-lg);text-align:right}.ai-confidence-card{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.ai-confidence-left{width:100%}.ai-confidence-icon{font-size:20px;height:40px;width:40px}.ai-confidence-value{background:#f59e0b1a;border-radius:var(--radius-md);font-size:var(--font-size-3xl);padding:var(--space-2) 0;text-align:center;width:100%}.ai-recommendation-item{padding:var(--space-3)}.ai-recommendation-icon{font-size:14px;height:28px;width:28px}.ai-recommendation-text{font-size:var(--font-size-xs)}.ai-analytics-error,.ai-analytics-loading{padding:var(--space-6)}.ai-analytics-error-icon,.ai-analytics-loading-icon{font-size:32px;height:64px;width:64px}}@media (max-width:480px){.ai-analytics-header{padding:var(--space-3)}.ai-analytics-header-icon{font-size:18px;height:36px;width:36px}.ai-analytics-header-title{font-size:var(--font-size-base)}.ai-analytics-body{padding:0 var(--space-3) var(--space-3)}.ai-forecasts-title,.ai-recommendations-title{font-size:var(--font-size-sm)}.ai-forecast-card{padding:var(--space-2)}.ai-forecast-value{font-size:var(--font-size-base)}.ai-confidence-card{padding:var(--space-2)}.ai-confidence-icon{font-size:18px;height:36px;width:36px}.ai-confidence-value{font-size:var(--font-size-2xl)}}@media (max-width:360px){.ai-analytics-header{padding:10px}.ai-analytics-header-icon{font-size:16px;height:32px;width:32px}.ai-analytics-header-title{font-size:14px}.ai-analytics-body{padding:0 10px 10px}.ai-summary-card{padding:10px}.ai-summary-icon{font-size:14px;height:28px;width:28px}.ai-forecast-card{padding:8px}.ai-forecast-icon{font-size:16px}.ai-forecast-value{font-size:14px}.ai-confidence-card{padding:8px}.ai-confidence-icon{font-size:16px;height:32px;width:32px}.ai-confidence-value{font-size:var(--font-size-xl)}}@media (hover:none) and (pointer:coarse){.ai-forecast-card:hover,.ai-recommendation-item:hover{box-shadow:none;transform:none}.ai-forecast-card:active{transform:scale(.98)}.ai-recommendation-item:active{transform:translateX(4px)}.ai-analytics-refresh-btn{min-height:44px}}.kyc-progress-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 10px 20px #0000000d;margin-bottom:24px;padding:24px;transition:all .3s ease}.kyc-progress-card:hover{box-shadow:0 6px 10px #00000014,0 15px 30px #00000014;transform:translateY(-2px)}.kyc-progress-card.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6}.kyc-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.kyc-card-title-section{align-items:flex-start;display:flex;gap:16px}.kyc-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.kyc-card-title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 4px}.kyc-card-subtitle{color:#64748b;font-size:14px;line-height:1.5;margin:0}.kyc-level-badge{border-radius:20px;color:#fff;font-size:13px;font-weight:700;padding:8px 16px;white-space:nowrap}.kyc-progress-section{margin-bottom:24px}.kyc-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.kyc-progress-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kyc-progress-percentage{color:#1e293b;font-size:18px;font-weight:700}.kyc-progress-bar-container{background:#e2e8f0;border-radius:10px;height:12px;margin-bottom:8px;overflow:hidden}.kyc-progress-bar-fill{background:linear-gradient(90deg,currentColor,currentColor);border-radius:10px;height:100%;transition:width .6s ease,background-color .3s ease}.kyc-progress-status{color:#64748b;font-size:13px;margin:0}.kyc-benefits-section{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:16px}.kyc-benefits-title{color:#1e293b;font-size:14px;font-weight:700;margin:0 0 12px}.kyc-benefits-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.kyc-benefit-item{align-items:center;color:#475569;display:flex;font-size:14px;gap:10px}.benefit-icon{color:#94a3b8}.kyc-pending-notice{align-items:center;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;color:#1e40af}.kyc-pending-notice,.kyc-rejection-notice{display:flex;font-size:13px;gap:12px;line-height:1.5;margin-bottom:16px;padding:12px 16px}.kyc-rejection-notice{align-items:flex-start;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b}.kyc-rejection-notice strong{display:block;margin-bottom:4px}.kyc-rejection-notice p{margin:0}.kyc-action-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.kyc-action-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.kyc-action-button:active{transform:translateY(0)}.kyc-complete-badge{align-items:center;background:#f0fdf4;border:2px solid #16a34a;border-radius:10px;color:#16a34a;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:12px}.kyc-progress-card.complete{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.kyc-progress-card.pending{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}@media (max-width:768px){.kyc-progress-card{padding:20px}.kyc-card-header{flex-direction:column;gap:12px}.kyc-level-badge{align-self:flex-start}.kyc-card-title{font-size:18px}.kyc-card-title-section{gap:12px}.kyc-icon-wrapper{height:40px;width:40px}}.dashboard-container{box-sizing:border-box;padding:0;width:100%}.dashboard-header{gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.dashboard-header,.dashboard-header-title{align-items:center;display:flex;flex-wrap:wrap}.dashboard-header-title{gap:12px;margin-bottom:var(--space-2)}.dashboard-header h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.dashboard-header p{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.dashboard-location-filter{align-items:center;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:8px;padding:8px 12px}.dashboard-location-filter .location-icon{color:var(--color-primary)}.dashboard-location-filter .location-select{background:#0000;border:none;color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:150px;padding-right:24px}.dashboard-location-filter .location-select:focus{outline:none}.dashboard-location-indicator{align-items:center;background:linear-gradient(135deg,#0d746310,#0d746308);border:1px solid #0d746330;border-radius:var(--radius-md);color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);gap:8px;margin-bottom:var(--space-6);padding:10px 16px}.dashboard-location-indicator strong,.dashboard-location-indicator svg{color:var(--color-primary)}.dashboard-location-indicator .clear-location-filter{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;font-size:var(--font-size-xs);margin-left:auto;padding:4px 8px;transition:all .2s ease}.dashboard-location-indicator .clear-location-filter:hover{background:#0000000d;color:var(--color-gray-700)}.secondary-metric-card{background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;padding:var(--space-4)}.secondary-metric-label{color:var(--color-gray-600);font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.secondary-metric-value{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);overflow-wrap:break-word;word-break:break-word}.secondary-metric-subtitle{color:var(--color-gray-500);font-size:var(--font-size-xs);margin-top:var(--space-1)}.dashboard-main-grid{grid-gap:var(--space-6);grid-template-columns:2fr 1fr}.dashboard-main-grid,.dashboard-metrics-grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-8)}.dashboard-metrics-grid{grid-gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard-secondary-metrics{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8);max-width:100%;overflow:hidden;width:100%}.dashboard-sales-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--space-8)}.metric-card{background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all .3s ease}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.metric-card-icon{align-items:center;border-radius:var(--radius-xl);display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.metric-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);text-transform:capitalize}.metric-card-value{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-2);word-break:break-word}.metric-card-subtitle{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.metric-card-purple{background:linear-gradient(135deg,#8b5cf620,#8b5cf610);border:2px solid #8b5cf630}.metric-card-blue{background:linear-gradient(135deg,#3b82f620,#3b82f610);border:2px solid #3b82f630}.metric-card-orange{background:linear-gradient(135deg,#f59e0b20,#f59e0b10);border:2px solid #f59e0b30}.metric-card-pink{background:linear-gradient(135deg,#ec489920,#ec489910);border:2px solid #ec489930}.business-overview-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.quick-action-card{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);min-height:72px;padding:var(--space-4);transition:all .2s ease}.quick-action-card:active{transform:scale(.98)}.recent-order-item{align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid var(--color-gray-100);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1)}.recent-order-item:active{transform:scale(.98)}@media (max-width:1024px){.dashboard-main-grid{gap:var(--space-4);grid-template-columns:1fr}.dashboard-metrics-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.dashboard-secondary-metrics{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.dashboard-sales-grid{gap:var(--space-4);grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{margin-bottom:var(--space-5)}.dashboard-header h1{font-size:var(--font-size-2xl)}.dashboard-header p{font-size:var(--font-size-sm)}.dashboard-main-grid{gap:var(--space-4);grid-template-columns:1fr}.dashboard-metrics-grid,.dashboard-secondary-metrics{gap:var(--space-3);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-5)}.secondary-metric-card{padding:var(--space-3)}.secondary-metric-value{font-size:13px!important;line-height:1.3!important}.dashboard-sales-grid{gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-5)}.business-overview-grid{gap:var(--space-3);grid-template-columns:1fr}.metric-card{padding:var(--space-4)}.metric-card-icon{font-size:22px!important;height:44px!important;width:44px!important}.metric-card-value{font-size:var(--font-size-2xl)!important}.metric-card-title{font-size:var(--font-size-xs)!important}.metric-card:hover{box-shadow:var(--shadow-md);transform:none}.metric-card:active{transform:scale(.98)}.card{padding:var(--space-4)!important}.quick-action-card{min-height:64px;padding:var(--space-3)}.quick-action-card:hover{background-color:inherit;border-color:inherit;transform:none}.quick-action-card:active{opacity:.9;transform:scale(.98)}.recent-order-item{padding:var(--space-3)}.recent-order-item:hover{border-color:var(--color-gray-100);box-shadow:none;transform:none}.recent-order-item:active{background:var(--color-gray-50);transform:scale(.98)}}@media (max-width:480px){.dashboard-metrics-grid{gap:var(--space-3);grid-template-columns:1fr}.dashboard-secondary-metrics{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.metric-card{padding:var(--space-3)}.metric-card-icon{font-size:20px!important;height:40px!important;width:40px!important}.metric-card-value{font-size:var(--font-size-xl)!important;line-height:1.2!important}.business-overview-grid{grid-template-columns:1fr}.order-status-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.recent-order-item{align-items:flex-start!important;flex-direction:column;gap:var(--space-2)}.recent-order-info{width:100%}.recent-order-amount{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-2);padding-left:0!important;text-align:left!important;width:100%}.quick-action-card .action-icon{font-size:18px!important;height:36px!important;width:36px!important}.dashboard-secondary-metrics>div{padding:var(--space-3)!important}.dashboard-secondary-metrics .metric-value{font-size:var(--font-size-lg)!important}.secondary-metric-card{padding:var(--space-2)!important}.secondary-metric-value{font-size:11px!important;line-height:1.3!important}.secondary-metric-label{font-size:10px!important}}@media (max-width:360px){.dashboard-secondary-metrics{grid-template-columns:1fr}.metric-card{padding:var(--space-3)}.metric-card-value{font-size:var(--font-size-lg)!important}}@media (hover:none) and (pointer:coarse){.metric-card:hover,.quick-action-card:hover,.recent-order-item:hover{transform:none}.metric-card:active,.quick-action-card:active,.recent-order-item:active{opacity:.9;transform:scale(.98)}.quick-action-card{min-height:64px}[role=button],a,button{min-height:44px;min-width:44px}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.metric-card,.quick-action-card,.recent-order-item{-webkit-user-select:none;user-select:none}@supports (padding-bottom:env(safe-area-inset-bottom)){.dashboard-container{padding-bottom:env(safe-area-inset-bottom)}}.order-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.order-modal-container{animation:modalSlideIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:900px;overflow:auto;width:100%}.order-modal-header{align-items:center;background:linear-gradient(180deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.order-modal-header-info h2{color:#111827;font-size:20px;font-weight:700;margin:0 0 4px}.order-modal-header-info p{color:#6b7280;font-size:13px;margin:0}.order-modal-close-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;font-weight:600;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;transition:all .15s ease}.order-modal-close-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.order-modal-body{padding:24px}.order-modal-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;margin-bottom:20px}.order-modal-grid-3.view-mode{grid-template-columns:1fr 1fr 1fr}.order-modal-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.order-modal-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.order-modal-card.update-status{background-color:#fffbeb;border:2px solid #e5e7eb;border-radius:10px;padding:16px}.order-modal-card.white-bg{background-color:#fff}.order-modal-card.delivery{background-color:#f0fdf4}.order-modal-card-title{color:#111827;font-size:14px;font-weight:700;margin:0 0 12px}.order-modal-card-title.sm{font-size:13px;margin-bottom:10px}.order-modal-info-row{display:flex;flex-direction:column;gap:6px}.order-modal-info-item{font-size:12px}.order-modal-info-label{color:#6b7280;font-weight:600}.order-modal-info-value{color:#111827}.order-modal-summary-row{display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px}.order-modal-summary-row.total{border-top:1px solid #e5e7eb;font-size:13px;font-weight:700;margin-top:4px;padding-top:6px}.order-modal-products-list{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.order-modal-product-item{align-items:center;background-color:#fafafa;border:1px solid #f3f4f6;border-radius:6px;display:flex;padding:8px}.order-modal-product-image{align-items:center;background-color:#e5e7eb;border-radius:6px;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;margin-right:8px;overflow:hidden;width:36px}.order-modal-product-image img{height:100%;object-fit:cover;width:100%}.order-modal-product-info{flex:1 1;min-width:0}.order-modal-product-name{color:#111827;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-modal-product-price{color:#6b7280;font-size:11px}.order-modal-address{margin-bottom:10px}.order-modal-address-line{color:#111827;font-size:12px;font-weight:500;margin-bottom:3px}.order-modal-address-city{color:#6b7280;font-size:11px}.order-modal-map{border:1px solid #e5e7eb;border-radius:8px;height:180px;overflow:hidden;position:relative;width:100%}.order-modal-map iframe{border:0;height:100%;width:100%}.order-modal-map-placeholder{align-items:center;background-color:#f3f4f6;color:#9ca3af;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.order-modal-map-link{background-color:#000;border-radius:6px;bottom:8px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:6px 12px;position:absolute;right:8px;text-decoration:none;z-index:10}.order-modal-map-link:hover{background-color:#374151}.order-modal-status-section{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px}.order-modal-status-item{align-items:center;display:flex;gap:8px}.order-modal-status-label{color:#6b7280;font-size:12px;font-weight:600}.order-modal-dropdown{position:relative}.order-modal-dropdown-trigger{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:10px 12px}.order-modal-dropdown-trigger:hover{border-color:#9ca3af}.order-modal-dropdown-menu{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:4px;max-height:250px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:30}.order-modal-dropdown-item{align-items:center;background-color:#fff;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;text-align:left;width:100%}.order-modal-dropdown-item:last-child{border-bottom:none}.order-modal-dropdown-item:hover{background-color:#f9fafb}.order-modal-rider-form{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:10px;padding:12px}.order-modal-rider-form-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.order-modal-rider-input{border:1px solid #d1d5db;border-radius:6px;font-size:12px;min-height:40px;padding:8px;width:100%}.order-modal-rider-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.order-modal-rider-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:12px;margin-bottom:8px;min-height:60px;padding:8px;resize:vertical;width:100%}.order-modal-rider-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.order-modal-rider-info{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:10px}.order-modal-rider-title{color:#111827;font-size:12px;font-weight:600;margin-bottom:4px}.order-modal-rider-details{color:#6b7280;font-size:11px}.order-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px}.order-modal-loading{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:40px;text-align:center}.order-modal-loading-text{color:#6b7280;font-size:16px}.order-modal-delivery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}@media (max-width:768px){.order-modal-overlay{align-items:flex-start;padding:16px}.order-modal-container{border-radius:16px;max-height:calc(100vh - 32px);max-width:100%}.order-modal-header{flex-direction:row;gap:12px;padding:16px}.order-modal-header-info{flex:1 1}.order-modal-header-info h2{font-size:17px}.order-modal-header-info p{font-size:12px}.order-modal-body{padding:16px}.order-modal-grid-2,.order-modal-grid-3,.order-modal-grid-3.view-mode{gap:12px;grid-template-columns:1fr}.order-modal-card{padding:12px}.order-modal-card-title{font-size:13px}.order-modal-card-title.sm{font-size:12px}.order-modal-products-list{max-height:200px}.order-modal-map{height:150px}.order-modal-status-section{align-items:flex-start;flex-direction:column}.order-modal-status-item{justify-content:space-between;width:100%}.order-modal-rider-form-grid{grid-template-columns:1fr}.order-modal-actions{flex-direction:column}.order-modal-actions button{justify-content:center;width:100%}.order-modal-dropdown-trigger{min-height:48px}.order-modal-dropdown-item{min-height:44px;padding:12px}}@media (max-width:480px){.order-modal-overlay{padding:12px}.order-modal-container{border-radius:12px;max-height:calc(100vh - 24px)}.order-modal-header{padding:14px}.order-modal-header-info h2{font-size:15px}.order-modal-body{padding:14px}.order-modal-product-image{height:32px;width:32px}.order-modal-product-name{font-size:11px}.order-modal-product-price{font-size:10px}.order-modal-map{height:120px}.order-modal-close-btn{font-size:18px;min-height:40px;min-width:40px;padding:6px 10px}}@media (hover:none) and (pointer:coarse){.order-modal-close-btn:hover,.order-modal-dropdown-item:hover,.order-modal-dropdown-trigger:hover,.order-modal-map-link:hover{background-color:inherit}.order-modal-close-btn:active,.order-modal-dropdown-item:active,.order-modal-dropdown-trigger:active{opacity:.9;transform:scale(.98)}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.order-modal-body{padding-bottom:max(16px,env(safe-area-inset-bottom))}}}.orders-page-container{background:#f9fafb;min-height:100vh;padding:24px}.orders-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.orders-header-title{align-items:center;display:flex;gap:12px}.orders-header h1{color:#111827;font-size:28px;font-weight:700;margin:0}.orders-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.orders-header-actions{display:flex;gap:12px}.orders-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.filters-grid{grid-template-columns:2fr 1fr auto}.btn-refresh{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 1px 2px #2563eb33;color:#fff;padding:10px 20px;transition:all .2s ease}.btn-refresh:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 4px #2563eb4d}.orders-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.orders-table-wrapper{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb}.orders-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase}.orders-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.orders-table tbody tr:last-child{border-bottom:none}.orders-table tbody tr:hover{background:#f9fafb}.orders-table td{border-top:none!important;color:#6b7280;font-size:14px;padding:14px 12px;vertical-align:middle}.order-number{font-family:Monaco,Courier New,monospace;font-weight:600}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-email{color:#9ca3af;font-size:12px}.order-items-preview{display:flex;flex-direction:column;gap:4px}.order-item-row{align-items:center;display:flex;font-size:13px;gap:8px}.item-quantity{background:#f3f4f6;border-radius:4px;color:#374151;font-weight:500;padding:2px 6px}.item-name{color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-items{color:#9ca3af;font-size:12px;font-style:italic}.order-total{color:#111827;font-size:15px;font-weight:600}.status-badge.confirmed{background:#dbeafe;color:#1e40af}.status-badge.processing{background:#e0e7ff;color:#3730a3}.status-badge.shipped{background:#ddd6fe;color:#5b21b6}.status-badge.delivered{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.status-badge.refunded{background:#fecaca;color:#7f1d1d}.refund-badge-indicator{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.refund-badge-indicator.full{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.refund-badge-indicator.partial{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.refund-badge-indicator.requested{background:#dbeafe;border:1px solid #bfdbfe;color:#2563eb}.action-buttons{border:none!important;justify-content:flex-end;margin-top:0;padding-top:0}.orders-table td:last-child{border:none!important;vertical-align:middle}.btn-update,.btn-view{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-view{background:#0000;border:1px solid #d1d5db;color:#6b7280}.btn-view:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.btn-update{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.btn-update:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 4px #10b9814d}.orders-empty,.orders-error,.orders-loading{align-items:center;color:#9ca3af;display:flex;font-size:14px;justify-content:center;padding:48px}.orders-error{background:#fef2f2;border-radius:8px;color:#dc2626;margin:16px}.orders-empty{flex-direction:column;gap:12px}.empty-icon{font-size:48px}@media (max-width:1200px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.orders-page-container{padding:16px}.orders-header{padding:20px}.orders-header h1{font-size:24px}.summary-card{padding:16px}.summary-card-value{font-size:24px}.filters-grid{gap:12px;grid-template-columns:1fr 1fr}.orders-table td,.orders-table th{padding:12px 10px}}@media (max-width:768px){.orders-page-container{padding:12px}.orders-header{border-radius:10px;flex-direction:column;gap:16px;margin-bottom:16px;padding:16px}.orders-header-title{flex-direction:column;gap:4px;text-align:center;width:100%}.orders-header h1{font-size:20px}.orders-header p{font-size:13px}.orders-header-actions{flex-direction:column;gap:10px;width:100%}.orders-header-actions button{justify-content:center;min-height:44px;width:100%}.summary-cards-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.summary-card{border-radius:10px;padding:14px}.summary-card:hover{box-shadow:0 2px 4px #0000001a;transform:none}.summary-card:active{transform:scale(.98)}.summary-card-content{align-items:flex-start;flex-direction:column;gap:8px}.summary-card-label{font-size:12px}.summary-card-value{font-size:22px}.summary-card-icon{font-size:24px;opacity:.6;position:absolute;right:12px;top:12px}.orders-filters{border-radius:10px;margin-bottom:16px;padding:14px}.filters-grid{gap:10px;grid-template-columns:1fr}.filter-group{width:100%}.filter-label{font-size:13px}.filter-input,.filter-select{font-size:14px}.btn-refresh,.filter-input,.filter-select{min-height:44px;padding:12px;width:100%}.orders-card{border-radius:10px}.orders-table-wrapper{overflow-x:visible;padding:12px}.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table td,.orders-table tr{display:block;width:100%}.orders-table tbody tr{grid-gap:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:grid;gap:10px 12px;grid-template-columns:1fr 1fr;margin-bottom:10px;overflow:hidden;padding:14px}.orders-table tbody tr:hover{background:#fff}.orders-table tbody tr:active{background:#f9fafb;transform:scale(.99)}.orders-table td{align-items:flex-start;border-bottom:none;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0}.orders-table td:first-child{grid-column:1}.orders-table td:nth-child(5){align-items:flex-end;grid-column:2}.orders-table td:nth-child(2){grid-column:1}.orders-table td:nth-child(4){align-items:flex-end;grid-column:2}.orders-table td:nth-child(6){align-items:center;border-top:1px solid #f3f4f6;color:#6b7280;flex-direction:row;font-size:12px;grid-column:1/-1;justify-content:space-between;padding-top:6px}.orders-table td:nth-child(3){display:none}.orders-table td:nth-child(7){flex-direction:row;grid-column:1/-1}.order-number{font-size:13px;word-break:break-all}.customer-info{align-items:flex-start;max-width:100%;overflow:hidden;text-align:left}.customer-name{font-size:13px;font-weight:600}.customer-email,.customer-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-email{font-size:11px}.order-total{font-size:14px;font-weight:700;white-space:nowrap}.status-badge{font-size:10px;padding:4px 8px;white-space:nowrap}.action-buttons{display:flex!important;flex-direction:row!important;gap:8px;margin-top:4px;padding-top:8px;width:100%}.btn-update,.btn-view{align-items:center;display:flex;flex:1 1!important;font-size:13px;justify-content:center;min-height:40px;padding:10px 16px;text-align:center}.btn-update:hover,.btn-view:hover{transform:none}.btn-update:active,.btn-view:active{transform:scale(.96)}.orders-empty,.orders-error,.orders-loading{padding:32px 16px}}@media (max-width:480px){.orders-page-container{padding:8px}.orders-header{padding:12px}.orders-header h1{font-size:18px}.summary-cards-grid{gap:8px;grid-template-columns:1fr}.summary-card{padding:12px}.summary-card-icon,.summary-card-value{font-size:20px}.orders-filters{padding:12px}.filter-input,.filter-select{font-size:13px;padding:10px}.orders-table tbody tr{padding:12px}.customer-name,.order-number{font-size:12px}.customer-email{font-size:10px}.order-total{font-size:13px}.item-name{font-size:12px;max-width:120px}.btn-update,.btn-view{font-size:11px;min-height:36px;padding:8px 10px}}@media (max-width:360px){.summary-card-content{gap:6px}.summary-card-value{font-size:18px}.action-buttons{display:flex!important;flex-direction:row!important;gap:6px}.btn-update,.btn-view{flex:1 1!important;font-size:11px;min-height:38px;padding:8px 10px}}@media (hover:none) and (pointer:coarse){.btn-refresh:hover,.btn-update:hover,.btn-view:hover,.orders-header:hover,.orders-table tbody tr:hover,.summary-card:hover{box-shadow:inherit;transform:none}.btn-refresh:active,.btn-update:active,.btn-view:active,.orders-header:active,.orders-table tbody tr:active,.summary-card:active{opacity:.9;transform:scale(.98)}.btn-refresh,.btn-update,.btn-view,.filter-input,.filter-select{min-height:44px}}.btn-refresh,.btn-update,.btn-view,.orders-table tbody tr,.summary-card{-webkit-user-select:none;user-select:none}.pagination-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:16px 24px}.pagination-info{color:#666}.pagination-btn{background-color:#0d7463!important;border:none!important;color:#fff!important}.pagination-btn:disabled{background-color:#e0e0e0!important;color:#999!important}.pagination-btn:not(:disabled):hover{background-color:#085d50!important}.pagination-page-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:all .2s ease}.pagination-page-btn.active{background-color:#0d7463;border-color:#0d7463;color:#fff;font-weight:600}.pagination-page-btn:not(.active):hover{background-color:#f3f4f6}@media (max-width:768px){.pagination-container{flex-direction:column;gap:12px;padding:14px}.pagination-info{font-size:13px;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center;width:100%}.pagination-btn{font-size:13px;min-height:44px;padding:10px 14px}.pagination-pages{display:none}}@media (max-width:480px){.pagination-btn{flex:1 1;justify-content:center}}@supports (padding-bottom:env(safe-area-inset-bottom)){.orders-page-container{padding-bottom:env(safe-area-inset-bottom)}}.pos-container{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.pos-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;justify-content:space-between;padding:16px 24px}.pos-header,.pos-header-left{align-items:center;display:flex}.pos-header-left{gap:16px}.pos-header-icon{background:linear-gradient(135deg,#0d7463,#0a5c4e);border-radius:12px;color:#fff;padding:12px}.pos-header h1{color:#111827;font-size:20px;font-weight:700;margin:0}.pos-header p{color:#6b7280;font-size:13px;margin:0}.pos-header-stats{align-items:center;display:flex;gap:24px}.pos-stat{text-align:right}.pos-stat-value{color:#0d7463;display:block;font-size:18px;font-weight:700}.pos-stat-label{color:#6b7280;font-size:12px}.pos-pending-btn{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.pos-pending-btn:hover{background:#fde68a}.pos-location-selector{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:flex;gap:8px;padding:8px 12px}.pos-location-selector svg{color:#0d7463;flex-shrink:0}.pos-location-selector select{background:#0000;border:none;color:#111827;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;outline:none;padding:4px 8px}.pos-location-selector select:focus{outline:none}.pos-main{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 400px;overflow:hidden}.pos-products-panel{background:#f8fafc;display:flex;flex-direction:column;overflow:hidden}.pos-search-bar{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.pos-search-input{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;display:flex;flex:1 1;gap:10px;padding:0 14px;transition:all .2s}.pos-search-input:focus-within{background:#fff;border-color:#0d7463}.pos-search-input svg{color:#9ca3af}.pos-search-input input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:12px 0}.pos-search-input button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.pos-category-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;min-width:160px;padding:12px 16px}.pos-category-select:focus{border-color:#0d7463;outline:none}.pos-refresh-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;padding:12px;transition:all .2s}.pos-refresh-btn:hover{border-color:#0d7463;color:#0d7463}.pos-products-grid{grid-gap:12px;align-content:start;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));overflow-y:auto;padding:16px}.pos-product-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.pos-product-card:hover{border-color:#0d7463;box-shadow:0 4px 12px #0d746326;transform:translateY(-2px)}.pos-product-card.out-of-stock{cursor:not-allowed;opacity:.6}.pos-product-card.out-of-stock:hover{border-color:#e5e7eb;box-shadow:none;transform:none}.pos-product-image{align-items:center;background:#f9fafb;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative}.pos-product-image img{height:100%;object-fit:cover;width:100%}.pos-product-image svg{color:#d1d5db}.pos-low-stock,.pos-out-stock{border-radius:4px;font-size:10px;font-weight:700;padding:4px 8px;position:absolute;right:8px;top:8px}.pos-low-stock{background:#fef3c7;color:#92400e}.pos-out-stock{background:#fee2e2;color:#991b1b}.pos-product-info{padding:12px}.pos-product-name{color:#111827;display:block;font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-product-price{color:#0d7463;font-size:15px;font-weight:700}.pos-product-variants{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.pos-variant-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .2s}.pos-variant-btn:hover{background:#e8f6f1;border-color:#0d7463;color:#0d7463}.pos-empty-products,.pos-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;grid-column:1/-1;justify-content:center;padding:60px 20px}.pos-cart-panel{background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;height:calc(100vh - 73px)}.pos-cart-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.pos-cart-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:700;gap:10px}.pos-cart-count{background:#0d7463;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.pos-clear-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px}.pos-clear-btn:hover{background:#fee2e2}.pos-cart-header-actions{align-items:center;display:flex;gap:8px}.pos-close-cart-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:none;height:36px;justify-content:center;transition:all .2s;width:36px}.pos-close-cart-btn:hover{background:#e5e7eb;color:#374151}.pos-mobile-cart-btn,.pos-mobile-stats-bar{display:none}.pos-customer-toggle{border-bottom:1px solid #f3f4f6;padding:12px 20px}.pos-toggle-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;transition:all .2s;width:100%}.pos-toggle-btn:hover{background:#f3f4f6}.pos-toggle-btn.active{background:#e8f6f1;border-color:#0d7463;color:#0d7463}.pos-toggle-btn svg:last-child{margin-left:auto;transition:transform .2s}.pos-toggle-btn svg.rotated{transform:rotate(90deg)}.pos-customer-form{background:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:10px;padding:12px 20px}.pos-input-group{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:0 12px}.pos-input-group svg{color:#9ca3af}.pos-input-group input{border:none;flex:1 1;font-size:13px;outline:none;padding:10px 0}.pos-cart-items{flex:1 1;overflow-y:auto;padding:12px 20px}.pos-cart-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.pos-cart-hint{font-size:12px}.pos-cart-item{background:#f9fafb;border-radius:10px;margin-bottom:10px;padding:12px}.pos-cart-item-info{display:flex;justify-content:space-between;margin-bottom:8px}.pos-cart-item-name{color:#111827;font-size:13px;font-weight:600}.pos-cart-item-name .variant{color:#6b7280;font-weight:400}.pos-cart-item-price{color:#6b7280;font-size:13px}.pos-cart-item-actions{align-items:center;display:flex;gap:12px}.pos-quantity-control{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:0;overflow:hidden}.pos-quantity-control button{background:none;border:none;color:#374151;cursor:pointer;padding:6px 10px}.pos-quantity-control button:hover{background:#f3f4f6}.pos-quantity-control span{font-size:13px;font-weight:600;min-width:32px;padding:6px 12px;text-align:center}.pos-cart-item-total{color:#0d7463;font-size:14px;font-weight:700;margin-left:auto}.pos-remove-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:6px}.pos-remove-btn:hover{color:#dc2626}.pos-cart-footer{background:#f9fafb;border-top:2px solid #f3f4f6;padding:16px 20px}.pos-discount-btn{align-items:center;background:#fff;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px;padding:10px;width:100%}.pos-discount-btn:hover{border-color:#0d7463;color:#0d7463}.pos-totals{margin-bottom:16px}.pos-total-row{color:#6b7280;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.pos-total-row.discount{color:#16a34a}.pos-total-row.grand{border-top:1px solid #e5e7eb;color:#111827;font-size:18px;font-weight:700;padding-top:12px}.pos-pay-btn{align-items:center;background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px;transition:all .2s;width:100%}.pos-pay-btn:hover{box-shadow:0 4px 12px #0d74634d;transform:translateY(-2px)}.pos-shortcut{background:#fff3;border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px}.pos-payment-modal{padding:20px}.pos-payment-amount{background:#f9fafb;border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.pos-payment-amount span:first-child{color:#6b7280;display:block;font-size:14px;margin-bottom:8px}.pos-payment-amount .amount{color:#0d7463;font-size:32px;font-weight:700}.pos-payment-methods{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.pos-payment-method{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px 16px;transition:all .2s}.pos-payment-method:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.pos-payment-method.cash:hover{background:#f0fdf4;border-color:#16a34a}.pos-payment-method.cash svg{color:#16a34a}.pos-payment-method.transfer:hover{background:#eff6ff;border-color:#2563eb}.pos-payment-method.transfer svg{color:#2563eb}.pos-payment-method.card:hover{background:#f5f3ff;border-color:#7c3aed}.pos-payment-method.card svg{color:#7c3aed}.pos-payment-method span:nth-child(2){color:#111827;font-size:16px;font-weight:700}.pos-payment-method .desc{color:#6b7280;font-size:12px;font-weight:400}.pos-processing{align-items:center;color:#6b7280;display:flex;gap:12px;justify-content:center;padding:20px}.pos-discount-modal{padding:20px}.pos-discount-type{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.pos-discount-type button{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px}.pos-discount-type button.active{background:#e8f6f1;border-color:#0d7463;color:#0d7463}.pos-discount-input{align-items:center;display:flex;gap:12px;margin-bottom:16px}.pos-discount-input input{border:2px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:18px;font-weight:600;outline:none;padding:14px;text-align:center}.pos-discount-input input:focus{border-color:#0d7463}.pos-discount-input span{color:#6b7280;font-size:16px;font-weight:600}.pos-discount-preview{background:#f0fdf4;border-radius:8px;color:#16a34a;font-weight:600;margin-bottom:16px;padding:12px;text-align:center}.pos-discount-actions{display:flex;gap:12px}.pos-discount-actions button{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px}.pos-discount-actions button.primary{background:#0d7463;border-color:#0d7463;color:#fff}.pos-receipt-modal{padding:20px}.pos-receipt-success{align-items:center;color:#16a34a;display:flex;flex-direction:column;gap:12px;padding:24px}.pos-receipt-success h3{color:#111827;font-size:20px;font-weight:700;margin:0}.pos-receipt{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:20px}.pos-receipt-header{border-bottom:1px dashed #d1d5db;display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:12px}.order-number{color:#111827;font-size:16px;font-weight:700}.order-date{color:#6b7280;font-size:13px}.order-location{align-items:center;color:#0d7463;display:flex;font-size:12px;font-weight:500;gap:4px}.pos-receipt-items{margin-bottom:16px}.receipt-item{color:#374151;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.pos-receipt-totals{border-top:1px dashed #d1d5db;padding-top:12px}.receipt-row{color:#6b7280;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.receipt-row.total{border-top:1px solid #e5e7eb;color:#111827;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.receipt-row.method{color:#0d7463;font-weight:500}.receipt-row.service-charge{color:#9333ea;font-size:13px}.pos-receipt-store{border-bottom:1px dashed #d1d5db;margin-bottom:12px;padding-bottom:12px;text-align:center}.pos-receipt-logo{border-radius:8px;display:block;margin:0 auto 8px;max-height:70px;max-width:70px;object-fit:contain}.pos-receipt-store-name{color:#111827;font-size:16px;font-weight:600;margin:0}.pos-receipt-customer{border-top:1px dashed #d1d5db;color:#6b7280;font-size:13px;margin-top:12px;padding-top:12px}.pos-receipt-seller{color:#6b7280;font-size:12px;margin-top:8px}.pos-receipt-actions{display:flex;gap:12px}.pos-receipt-actions button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px}.pos-receipt-actions button.primary{background:#0d7463;border-color:#0d7463;color:#fff}.pos-orders-overlay{background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:100}.pos-orders-panel{background:#fff;box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;height:100%;width:400px}.pos-orders-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.pos-orders-header h3{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.pos-orders-header button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px}.pos-orders-list{flex:1 1;overflow-y:auto;padding:16px}.pos-orders-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.pos-pending-order{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.pos-pending-order .order-info{display:flex;flex-direction:column;gap:4px}.pos-pending-order .order-num{color:#111827;font-size:14px;font-weight:700}.pos-pending-order .order-amount{color:#0d7463;font-size:16px;font-weight:700}.pos-pending-order .order-time{color:#6b7280;font-size:12px}.confirm-btn{align-items:center;background:#16a34a;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px}.confirm-btn:hover{background:#15803d}.pos-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.pos-empty h2{color:#374151;font-size:18px}@media (max-width:1024px){.pos-main{grid-template-columns:1fr 350px}.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pos-header-stats{gap:16px}.pos-stat-value{font-size:16px}}@media (max-width:900px){.pos-main{grid-template-columns:1fr 320px}.pos-cart-panel{height:calc(100vh - 73px)}.pos-header{padding:12px 16px}.pos-header h1{font-size:18px}.pos-header p,.pos-stat{display:none}.pos-stat:first-child{display:block}}@media (max-width:768px){.pos-container{padding-bottom:80px}.pos-header{padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.pos-header-icon{border-radius:8px;padding:8px}.pos-header-icon svg{height:20px;width:20px}.pos-header-left{gap:12px}.pos-header h1{font-size:16px}.pos-header p{display:none}.pos-header-stats{display:flex;gap:8px}.pos-stat{display:none}.pos-pending-btn{font-size:12px;padding:8px 12px}.pos-mobile-stats-bar{align-items:center;background:linear-gradient(135deg,#0d7463,#0a5c4e);color:#fff;display:flex;gap:0;justify-content:center;padding:8px 16px;position:-webkit-sticky;position:sticky;top:61px;z-index:45}.pos-mobile-stat{align-items:center;display:flex;flex-direction:column;padding:0 16px}.pos-mobile-stat-value{font-size:15px;font-weight:700}.pos-mobile-stat-label{font-size:10px;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.pos-mobile-stat-divider{background:#ffffff4d;height:28px;width:1px}.pos-mobile-pending-btn{align-items:center;background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;margin-left:8px;padding:6px 12px}.pos-mobile-pending-btn:active{background:#ffffff4d}.pos-main{grid-template-columns:1fr;height:auto;overflow:visible}.pos-products-panel{min-height:calc(100vh - 153px);overflow:visible}.pos-search-bar{background:#fff;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap;gap:8px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:105px;z-index:40}.pos-search-input{flex:1 1 100%;min-height:44px;order:1;padding:0 12px}.pos-search-input input{font-size:16px;padding:10px 0}.pos-category-select{flex:1 1;font-size:14px;min-height:44px;min-width:0;order:2;padding:10px 12px}.pos-refresh-btn{order:3}.pos-add-product-btn,.pos-refresh-btn{min-height:44px;min-width:44px;padding:10px}.pos-add-product-btn{order:4}.pos-add-product-btn span{display:none}.pos-products-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:12px 16px 100px}.pos-product-card{border-radius:10px}.pos-product-image{height:90px}.pos-product-info{padding:10px}.pos-product-name{font-size:12px}.pos-product-price{font-size:14px}.pos-low-stock,.pos-out-stock{font-size:9px;padding:3px 6px}.pos-stock-btn{height:32px;opacity:1;width:32px}.pos-product-variants{padding:0 10px 10px}.pos-variant-btn{font-size:11px;padding:6px 10px}.pos-cart-panel{border-left:none;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 30px #0003;display:flex;flex-direction:column;height:85vh;left:0;max-height:85vh;position:fixed;right:0;top:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.pos-cart-panel.mobile-open{transform:translateY(0)}.pos-cart-panel:before{background:#d1d5db;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.pos-cart-header{margin-top:8px;padding:20px 16px 12px}.pos-cart-title{font-size:15px}.pos-clear-btn{font-size:12px;padding:6px 10px}.pos-clear-text{display:none}.pos-close-cart-btn{display:flex}.pos-customer-toggle{padding:8px 16px}.pos-toggle-btn{font-size:13px;padding:10px}.pos-customer-form{gap:8px;padding:10px 16px}.pos-input-group{padding:0 10px}.pos-input-group input{font-size:16px;padding:10px 0}.pos-cart-items{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:10px 16px}.pos-cart-item{margin-bottom:8px;padding:10px}.pos-cart-item-name{font-size:13px}.pos-quantity-control button{min-width:36px;padding:8px 12px}.pos-cart-item-total{font-size:13px}.pos-cart-footer{border-top:2px solid #e5e7eb;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.pos-discount-btn{font-size:13px;margin-bottom:12px;padding:10px}.pos-total-row{font-size:13px;padding:6px 0}.pos-total-row.grand{font-size:16px;padding-top:10px}.pos-pay-btn{border-radius:10px;font-size:15px;padding:14px}.pos-shortcut{display:none}.pos-mobile-cart-btn{align-items:center;background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 20px #0d746366;color:#fff;cursor:pointer;display:flex!important;height:60px;justify-content:center;position:fixed;right:16px;transition:transform .2s,box-shadow .2s;width:60px;z-index:90}.pos-mobile-cart-btn:active{transform:scale(.95)}.pos-mobile-cart-btn .cart-badge{align-items:center;background:#dc2626;border-radius:11px;color:#fff;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px;position:absolute;right:-4px;top:-4px}.pos-mobile-cart-btn .cart-total{background:#111827;border-radius:4px;bottom:-24px;color:#fff;font-size:11px;font-weight:600;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.pos-cart-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:99}.pos-cart-overlay.visible{display:block;opacity:1}.pos-payment-modal{padding:16px}.pos-payment-amount{margin-bottom:20px;padding:16px}.pos-payment-amount .amount{font-size:28px}.pos-payment-methods{gap:10px;grid-template-columns:repeat(3,1fr)}.pos-payment-method{border-radius:12px;flex-direction:column;gap:8px;padding:14px 8px}.pos-payment-method svg{height:24px;width:24px}.pos-payment-method span:nth-child(2){font-size:12px;text-align:center}.pos-payment-method .desc{display:none}.pos-discount-modal{padding:16px}.pos-discount-type{gap:10px;margin-bottom:16px}.pos-discount-type button{font-size:13px;padding:12px}.pos-discount-input input{font-size:16px;padding:12px}.pos-discount-actions{flex-direction:column;gap:8px}.pos-discount-actions button{padding:12px}.pos-receipt-modal{padding:16px}.pos-receipt-success h3{font-size:18px}.pos-receipt{padding:16px}.pos-receipt-header{flex-direction:column;gap:4px;text-align:center}.pos-receipt-actions{display:flex;flex-direction:row;gap:8px}.pos-receipt-actions button{flex:1 1;font-size:12px;padding:10px 8px}.pos-receipt-actions button svg{height:16px;width:16px}.pos-orders-panel{border-radius:20px 20px 0 0;max-width:100%;width:100%}.pos-orders-header{padding:16px}.pos-orders-header h3{font-size:16px}.pos-orders-list{padding:12px}.pos-pending-order{flex-direction:column;gap:12px;padding:14px}.pos-pending-order .order-info{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.pos-pending-order .order-amount{font-size:15px}.confirm-btn{justify-content:center;padding:12px;width:100%}.pos-empty-products,.pos-loading{padding:40px 20px}.pos-cart-empty svg{height:32px;width:32px}}@media (max-width:480px){.pos-header{padding:10px 12px}.pos-header-left{gap:8px}.pos-header h1{font-size:14px}.pos-header-icon{padding:6px}.pos-header-icon svg{height:18px;width:18px}.pos-search-bar{padding:10px 12px}.pos-products-grid{gap:8px;padding:10px 12px}.pos-product-image{height:80px}.pos-product-info{padding:8px}.pos-product-name{font-size:11px}.pos-product-price{font-size:13px}.pos-cart-panel{height:90vh;max-height:90vh}.pos-mobile-cart-btn{bottom:16px;height:56px;right:12px;width:56px}.pos-payment-amount .amount{font-size:24px}}@supports (padding:env(safe-area-inset-bottom)){@media (max-width:768px){.pos-container{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.pos-cart-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.pos-mobile-cart-btn{bottom:calc(20px + env(safe-area-inset-bottom))}.pos-discount-actions,.pos-modal-actions,.pos-receipt-actions{padding-bottom:env(safe-area-inset-bottom)}}}@media (pointer:coarse){.pos-product-card{-webkit-tap-highlight-color:transparent}.pos-product-card:active{transform:scale(.98);transition:transform .1s}.pos-quantity-control button{min-height:40px;min-width:40px}.pos-variant-btn{min-height:36px;padding:8px 12px}}.pos-payment-link{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:16px;padding:16px}.pos-payment-link .payment-link-header{align-items:center;color:#16a34a;display:flex;font-weight:600;gap:8px;margin-bottom:12px}.pos-payment-link .payment-link-url{display:flex;gap:8px}.pos-payment-link .payment-link-url input{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:13px;padding:10px 12px}.pos-payment-link .payment-link-url button{background:#0d7463;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:background .2s}.pos-payment-link .payment-link-url button:hover{background:#0a5c4e}.pos-payment-link .payment-link-note{color:#6b7280;font-size:12px;margin-top:8px}.pos-pending-notice{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}@media print{.pos-container>:not(.pos-receipt-modal){display:none!important}.pos-receipt-modal{background:#fff;height:auto;left:0;position:fixed;top:0;width:100%}.pos-receipt-actions{display:none!important}}.pos-add-product-btn{align-items:center;background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.pos-add-product-btn:hover{box-shadow:0 4px 12px #0d74634d;transform:translateY(-1px)}.pos-product-card{position:relative}.pos-stock-btn{align-items:center;background:#fffffff2;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:10}.pos-product-card:hover .pos-stock-btn{opacity:1}.pos-stock-btn:hover{background:#0d7463;border-color:#0d7463;color:#fff}.pos-add-product-modal{padding:8px}.pos-form-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:20px}.pos-form-section:last-of-type{border-bottom:none;margin-bottom:16px}.pos-form-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pos-form-section-title{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.pos-form-section-header .pos-form-section-title{margin:0}.pos-form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.pos-form-group{display:flex;flex:1 1 200px;flex-direction:column;gap:6px;min-width:150px}.pos-form-group.full-width{flex:1 1 100%}.pos-form-group label{color:#374151;font-size:13px;font-weight:500}.pos-form-group input,.pos-form-group select,.pos-form-group textarea{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.pos-form-group input:focus,.pos-form-group select:focus,.pos-form-group textarea:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a;outline:none}.pos-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.pos-checkbox-label input[type=checkbox]{accent-color:#0d7463;height:16px;width:16px}.pos-variations-content{margin-top:16px}.pos-add-variation{background:#f9fafb;border-radius:10px;margin-bottom:16px;padding:16px}.pos-add-variation .pos-form-row{align-items:flex-end;margin-bottom:0}.pos-add-variation-btn{align-items:center;background:#0d7463;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s ease;white-space:nowrap}.pos-add-variation-btn:hover:not(:disabled){background:#0a5c4e}.pos-add-variation-btn:disabled{background:#9ca3af;cursor:not-allowed}.pos-variations-list{display:flex;flex-direction:column;gap:12px}.pos-variation-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.pos-variation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pos-variation-name{color:#111827;font-size:14px;font-weight:600}.pos-remove-variation{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s ease;width:28px}.pos-remove-variation:hover{background:#fecaca}.pos-variation-values{display:flex;flex-direction:column;gap:8px}.pos-variation-value{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.pos-value-label{color:#374151;font-size:13px;font-weight:500;min-width:80px}.pos-variation-value input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:13px;min-width:80px;padding:8px 10px}.pos-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px}.pos-modal-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.pos-modal-btn.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.pos-modal-btn.secondary:hover:not(:disabled){background:#f9fafb}.pos-modal-btn.primary{background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;color:#fff}.pos-modal-btn.primary:hover:not(:disabled){box-shadow:0 4px 12px #0d74634d}.pos-modal-btn:disabled{cursor:not-allowed;opacity:.6}.pos-stock-modal{padding:8px}.pos-stock-product-info{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px;text-align:center}.pos-stock-product-name{color:#111827;font-size:18px;font-weight:600;margin-bottom:8px}.pos-stock-current{color:#6b7280;font-size:14px}.pos-stock-current strong{color:#0d7463;font-size:24px;font-weight:700;margin-left:8px}.pos-stock-adjust-section{margin-bottom:16px}.pos-stock-input-row{display:flex;gap:16px;margin-bottom:16px}.pos-stock-input-group{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden}.pos-stock-input-group input{border:none;color:#111827;flex:1 1;font-size:18px;font-weight:600;padding:12px;text-align:center;width:80px}.pos-stock-input-group input:focus{outline:none}.pos-stock-minus,.pos-stock-plus{align-items:center;background:#f3f4f6;border:none;color:#374151;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background .2s ease;width:44px}.pos-stock-minus:hover{background:#fee2e2;color:#dc2626}.pos-stock-plus:hover{background:#d1fae5;color:#059669}.pos-stock-hint{color:#9ca3af;font-size:12px;margin-top:6px}.pos-stock-apply-btn{align-items:center;background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.pos-stock-apply-btn:hover:not(:disabled){box-shadow:0 4px 12px #0d74634d}.pos-stock-apply-btn:disabled{cursor:not-allowed;opacity:.6}.pos-stock-variations{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pos-stock-variations h4{border-bottom:1px solid #e5e7eb;color:#111827;font-size:15px;font-weight:600;grid-column:1/-1;margin-bottom:8px;padding-bottom:12px}.pos-stock-variation-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.pos-stock-variation-name{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.pos-stock-variation-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;margin-bottom:8px;padding:10px 12px}.pos-stock-variation-row:last-child{margin-bottom:0}.pos-stock-variation-value{color:#111827;font-size:14px;font-weight:600;min-width:80px}.pos-stock-variation-qty{color:#6b7280;flex:1 1;font-size:13px}.pos-stock-variation-actions{display:flex;gap:8px;margin-left:auto}.pos-stock-quick-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.pos-stock-quick-btn.minus{background:#fee2e2;color:#dc2626}.pos-stock-quick-btn.minus:hover:not(:disabled){background:#fecaca}.pos-stock-quick-btn.plus{background:#d1fae5;color:#059669}.pos-stock-quick-btn.plus:hover:not(:disabled){background:#a7f3d0}.pos-stock-quick-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.pos-add-product-btn span{display:none}.pos-add-product-btn{padding:10px}.pos-add-product-modal{padding:4px}.pos-form-section{margin-bottom:16px;padding-bottom:16px}.pos-form-section-title{font-size:14px;margin-bottom:12px}.pos-form-row{flex-direction:column;gap:12px}.pos-form-group label{font-size:12px}.pos-form-group input,.pos-form-group select,.pos-form-group textarea{border-radius:10px;font-size:16px;padding:12px}.pos-checkbox-label{font-size:13px}.pos-add-variation{border-radius:8px;padding:12px}.pos-add-variation .pos-form-row{flex-direction:column}.pos-add-variation-btn{justify-content:center;margin-top:4px;padding:12px;width:100%}.pos-variation-item{border-radius:8px;padding:12px}.pos-variation-header{margin-bottom:10px}.pos-variation-name{font-size:13px}.pos-variation-value{flex-wrap:wrap;gap:8px;padding:8px}.pos-value-label{font-size:12px;font-weight:600;min-width:100%}.pos-variation-value input{flex:1 1 45%;font-size:16px;min-width:0;padding:10px}.pos-stock-modal{padding:4px}.pos-stock-product-info{margin-bottom:16px;padding-bottom:16px}.pos-stock-product-name{font-size:16px}.pos-stock-current strong{font-size:20px}.pos-stock-input-row{flex-direction:column;gap:12px}.pos-stock-input-group{border-radius:10px}.pos-stock-input-group input{font-size:20px;padding:14px;width:100px}.pos-stock-minus,.pos-stock-plus{height:50px;width:50px}.pos-stock-apply-btn{border-radius:10px;font-size:15px;padding:14px}.pos-stock-variations h4{font-size:13px}.pos-stock-variation-group{border-radius:8px;padding:12px}.pos-stock-variation-name{font-size:12px}.pos-stock-variation-row{flex-wrap:wrap;gap:8px;padding:10px}.pos-stock-variation-value{flex:1 1;font-size:13px}.pos-stock-variation-qty{flex:1 1;font-size:12px;text-align:right}.pos-stock-variation-actions{gap:10px;justify-content:flex-end;margin-top:4px;width:100%}.pos-stock-quick-btn{border-radius:8px;height:36px;width:36px}.pos-modal-actions{flex-direction:column-reverse;gap:8px}.pos-modal-btn{border-radius:10px;justify-content:center;padding:14px;width:100%}.pos-form-section-header{align-items:flex-start;flex-direction:column;gap:12px}}.pos-header-bar{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.pos-shift-status{flex-shrink:0}.pos-shift-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.pos-shift-badge:hover{border-color:#0d7463;color:#0d7463}.pos-shift-badge.active{background:linear-gradient(135deg,#0d7463,#0a5c4e);border-color:#0000;color:#fff}.pos-shift-badge .shift-sales{border-left:1px solid #ffffff4d;font-weight:600;padding-left:6px}.pos-scanner-toggle{align-items:center;display:flex;flex:1 1;gap:8px}.pos-scanner-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.pos-scanner-btn:hover{border-color:#0d7463;color:#0d7463}.pos-scanner-btn.active{background:#dcfce7;border-color:#16a34a;color:#16a34a}.pos-barcode-input{align-items:center;background:#fff;border:2px solid #0d7463;border-radius:8px;display:flex;flex:1 1;gap:8px;max-width:300px;padding:8px 12px}.pos-barcode-input input{border:none;flex:1 1;font-size:14px;outline:none}.pos-customer-lookup-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.pos-customer-lookup-btn:hover{border-color:#0d7463;color:#0d7463}.pos-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pos-action-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s}.pos-action-btn:hover:not(:disabled){background:#e2e8f0;color:#0d7463}.pos-action-btn:disabled{cursor:not-allowed;opacity:.5}.pos-total-row.tip{color:#16a34a}.pos-payment-buttons{display:flex;gap:8px}.pos-payment-buttons .pos-pay-btn{flex:1 1}.pos-split-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:14px 16px;transition:all .2s}.pos-split-btn:hover{background:#e2e8f0;border-color:#0d7463;color:#0d7463}.pos-customer-lookup-modal{padding:16px}.pos-customer-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.pos-customer-search input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.pos-searching{color:#64748b;padding:20px;text-align:center}.pos-customer-results{max-height:300px;overflow-y:auto}.pos-customer-result{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.pos-customer-result:hover{background:#f8fafc}.customer-avatar{align-items:center;background:linear-gradient(135deg,#0d7463,#0a5c4e);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.customer-details{display:flex;flex:1 1;flex-direction:column}.customer-name{color:#1e293b;font-weight:600}.customer-contact{color:#64748b;font-size:13px}.customer-stats{align-items:flex-end;color:#64748b;display:flex;flex-direction:column;font-size:12px}.pos-no-results{color:#64748b;padding:40px;text-align:center}.pos-customer-history{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.pos-customer-history h4{color:#1e293b;font-size:14px;margin:0 0 12px}.history-item{border-bottom:1px solid #f1f5f9;color:#64748b;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.pos-held-orders-modal{padding:16px}.pos-no-held-orders{align-items:center;color:#94a3b8;display:flex;flex-direction:column;padding:40px}.pos-held-orders-list{display:flex;flex-direction:column;gap:12px}.pos-held-order-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.held-order-header{display:flex;justify-content:space-between;margin-bottom:8px}.hold-number{color:#0d7463;font-weight:600}.hold-time{color:#64748b;font-size:13px}.held-order-details{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.held-total{color:#1e293b;font-weight:600}.hold-reason{color:#64748b;font-size:12px;font-style:italic;margin-bottom:12px}.held-order-actions{display:flex;gap:8px}.held-order-actions .cancel-btn,.held-order-actions .resume-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all .2s}.held-order-actions .resume-btn{background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;color:#fff}.held-order-actions .cancel-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.held-order-actions .cancel-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.pos-split-payment-modal{padding:16px}.split-total{background:#f8fafc;border-radius:10px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:16px}.split-total .amount{color:#0d7463;font-size:20px;font-weight:700}.split-payments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.split-payment-row{display:flex;gap:10px}.split-payment-row input,.split-payment-row select{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;padding:10px}.remove-split{background:#fee2e2;border:none;border-radius:8px;color:#ef4444;cursor:pointer;width:40px}.add-split-btn{align-items:center;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;margin-bottom:16px;padding:10px;width:100%}.add-split-btn:hover{background:#e2e8f0}.split-summary{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px}.split-row{display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.split-row.remaining{border-top:1px solid #e2e8f0;color:#0d7463;font-weight:600;margin-top:8px;padding-top:8px}.process-split-btn{background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;width:100%}.process-split-btn:disabled{cursor:not-allowed;opacity:.5}.pos-tip-modal{padding:16px}.tip-presets{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.tip-preset{background:#f1f5f9;border:2px solid #0000;border-radius:10px;color:#64748b;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s}.tip-preset:hover{background:#e2e8f0;color:#0d7463}.tip-preset.active{background:#dcfce7;border-color:#16a34a;color:#16a34a}.tip-custom{margin-bottom:20px}.tip-custom label{color:#64748b;display:block;font-size:13px;margin-bottom:6px}.tip-custom input{border:1px solid #e2e8f0;border-radius:8px;font-size:18px;font-weight:600;padding:12px;text-align:center;width:100%}.tip-actions{display:flex;gap:10px}.tip-actions button{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px}.tip-actions button:first-child{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.tip-actions button.primary{background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;color:#fff}.pos-custom-item-modal{padding:16px}.pos-custom-item-modal .form-group{margin-bottom:16px}.pos-custom-item-modal label{color:#64748b;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.pos-custom-item-modal input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;width:100%}.add-custom-btn{align-items:center;background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px;width:100%}.pos-manager-pin-modal{padding:16px}.pos-manager-pin-modal .pending-item-info{margin-bottom:20px}.pos-manager-pin-modal .warning-text{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px}.pos-manager-pin-modal .item-details{background:#f8fafc;border-radius:8px;padding:12px}.pos-manager-pin-modal .detail-row{border-bottom:1px solid #e2e8f0;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.pos-manager-pin-modal .detail-row:last-child{border-bottom:none}.pos-manager-pin-modal .detail-row.total{color:#0d7463;font-size:16px;font-weight:600}.pos-manager-pin-modal .form-group{margin-bottom:16px}.pos-manager-pin-modal label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.pos-manager-pin-modal input{border:1px solid #e5e7eb;border-radius:8px;font-size:18px;letter-spacing:8px;padding:12px;text-align:center;width:100%}.pos-manager-pin-modal input:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a;outline:none}.pos-manager-pin-modal .modal-actions{display:flex;gap:12px;margin-top:20px}.pos-manager-pin-modal .cancel-btn{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px}.pos-manager-pin-modal .cancel-btn:hover{background:#e2e8f0}.pos-manager-pin-modal .approve-btn{align-items:center;background:linear-gradient(135deg,#0d7463,#0a5c4e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px}.pos-manager-pin-modal .approve-btn:disabled{cursor:not-allowed;opacity:.5}.pos-manager-pin-modal .approve-btn:not(:disabled):hover{background:linear-gradient(135deg,#0b6557,#084a40)}.pos-shift-modal{padding:16px}.shift-stats{margin-bottom:20px}.stat-row{border-bottom:1px solid #f1f5f9;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.stat-row span:first-child{color:#64748b}.stat-row span:last-child{color:#1e293b;font-weight:600}.stat-row.highlight{background:#f0fdf4;border-bottom:none;border-radius:6px;margin:0 -16px;padding:10px 16px}.stat-row.highlight span:first-child{color:#166534;font-weight:500}.stat-row.highlight span:last-child{color:#166534;font-weight:700}.pos-shift-modal .form-group{margin-bottom:16px}.pos-shift-modal label{color:#64748b;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.pos-shift-modal input{border:1px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px;width:100%}.end-shift-btn,.start-shift-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px;width:100%}.start-shift-btn{background:linear-gradient(135deg,#0d7463,#0a5c4e);color:#fff}.end-shift-btn{background:#ef4444;color:#fff}.pos-refund-modal{padding:16px}.refund-order-info{background:#f8fafc;border-radius:8px;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:16px;padding:12px}.refund-items{margin-bottom:16px}.refund-items h4{color:#1e293b;font-size:14px;margin:0 0 12px}.refund-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:10px}.refund-item input[type=checkbox]{height:18px;width:18px}.refund-item .item-name{flex:1 1}.refund-item .item-qty{color:#64748b;font-size:13px}.refund-item .item-total{font-weight:500}.refund-total{color:#0d7463;font-size:18px;font-weight:700}@media (max-width:768px){.pos-header-bar{align-items:stretch;gap:8px}.pos-header-bar,.pos-scanner-toggle{flex-direction:column}.pos-barcode-input{max-width:none}.pos-quick-actions{display:grid;grid-template-columns:repeat(2,1fr)}.pos-payment-buttons{flex-direction:column}.pos-payment-buttons .pos-pay-btn,.pos-split-btn{width:100%}.tip-presets{grid-template-columns:repeat(2,1fr)}}.pos-action-btn.refund-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.pos-action-btn.refund-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)}.pos-refund-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.pos-refund-panel{animation:slideInRight .3s ease;background:#fff;display:flex;flex-direction:column;height:100%;max-width:100%;width:420px}.refund-panel-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px}.refund-panel-header h3{align-items:center;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0}.refund-panel-header button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.refund-panel-header button:hover{background:#ffffff4d}.refund-search{border-bottom:1px solid #e5e7eb;padding:16px 20px}.refund-search-input{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;gap:8px;padding:10px 16px}.refund-search-input svg{color:#9ca3af;flex-shrink:0}.refund-search-input input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px}.refund-search-input input::placeholder{color:#9ca3af}.refund-search-input input:focus{outline:none}.refund-search-input button{align-items:center;background:#0d7463;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.refund-orders-list{flex:1 1;overflow-y:auto;padding:16px 20px}.refund-orders-list h4{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.refund-empty,.refund-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.refund-loading svg.spin{animation:spin 1s linear infinite}.refund-order-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s}.refund-order-card:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.refund-order-card.partially-refunded{border-left:4px solid #f59e0b}.order-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.order-card-header .order-number{color:#111827;font-size:16px;font-weight:700}.order-card-header .order-total{color:#0d7463;font-size:16px;font-weight:700}.order-card-details{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:12px}.order-card-details span{align-items:center;display:flex;gap:4px}.refund-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.refund-badge.full{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.refund-badge.partial{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.refund-badge.requested{background:#dbeafe;border:1px solid #bfdbfe;color:#2563eb}.refund-order-card.partially-refunded{border-left:3px solid #d97706}.refund-order-card.fully-refunded{border-left:3px solid #dc2626;opacity:.8}.refund-order-card.fully-refunded:hover{opacity:1}.partial-badge{background:#fef3c7;border-radius:12px;color:#d97706;font-size:11px;font-weight:600;padding:2px 8px}.order-customer{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;margin-top:8px}.pos-refund-modal{padding:24px}.pos-refund-modal .refund-order-info{align-items:flex-start;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.order-info-main{display:flex;flex-direction:column;gap:4px}.order-info-main .order-num{color:#111827;font-size:18px;font-weight:700}.order-info-main .order-date{color:#6b7280;font-size:13px}.order-info-total{text-align:right}.order-info-total span:first-child{color:#6b7280;display:block;font-size:13px;margin-bottom:4px}.order-info-total .total-amount{color:#0d7463;font-size:20px;font-weight:700}.refund-items-section{margin-bottom:20px}.refund-items-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.refund-items-section h4{color:#374151;font-size:14px;font-weight:600;margin:0}.refund-items-section .hint{color:#9ca3af;font-size:12px}.refund-items-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.refund-items-list .refund-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:12px 16px}.refund-items-list .refund-item:last-child{border-bottom:none}.refund-item-checkbox{align-items:center;cursor:pointer;display:flex;position:relative}.refund-item-checkbox input{cursor:pointer;opacity:0;position:absolute}.refund-item-checkbox .checkmark{background:#fff;border:2px solid #d1d5db;border-radius:6px;height:20px;transition:all .2s;width:20px}.refund-item-checkbox input:checked~.checkmark{background:#0d7463;border-color:#0d7463}.refund-item-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.refund-item-checkbox input:checked~.checkmark:after{display:block}.refund-item .item-details{flex:1 1}.refund-item .item-name{color:#111827;display:block;font-size:14px;font-weight:500}.refund-item .item-meta{color:#6b7280;font-size:12px}.refund-item .item-total{color:#111827;font-size:14px;font-weight:600}.refund-reason-section{margin-bottom:20px}.refund-reason-section label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.refund-reason-section select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;font-size:14px;padding:12px 16px;width:100%}.refund-reason-section select:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a;outline:none}.refund-reason-section .custom-reason{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;margin-top:12px;padding:12px 16px;width:100%}.refund-method-section{margin-bottom:20px}.refund-method-section label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.refund-method-options{display:flex;gap:12px}.method-btn{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.method-btn:hover{background:#f3f4f6;border-color:#d1d5db}.method-btn.active{background:#0d74631a;border-color:#0d7463;color:#0d7463}.method-btn span{font-size:13px;font-weight:500}.refund-restock-option{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:20px;padding:16px}.restock-toggle-row{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.restock-info{align-items:center;color:#166534;display:flex;font-size:14px;font-weight:500;gap:10px}.restock-info svg{color:#0d7463}.toggle-switch input{display:none}.toggle-switch .toggle-slider{background:#d1d5db;border-radius:13px;display:block;height:26px;position:relative;transition:background .3s;width:48px}.toggle-switch .toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s;width:22px}.toggle-switch input:checked+.toggle-slider{background:#0d7463}.toggle-switch input:checked+.toggle-slider:after{transform:translateX(22px)}.refund-summary{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:16px}.summary-row{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-row.total{border-top:1px solid #e5e7eb;color:#111827;font-size:16px;font-weight:600;margin-top:8px;padding-top:16px}.summary-row .refund-amount{color:#0d7463;font-size:20px;font-weight:700}.refund-actions{display:flex;gap:12px}.refund-actions .cancel-btn{background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.refund-actions .cancel-btn:hover{background:#e5e7eb;color:#374151}.refund-actions .process-refund-btn{align-items:center;background:linear-gradient(135deg,#0d7463,#095c4e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s}.refund-actions .process-refund-btn:hover:not(:disabled){background:linear-gradient(135deg,#095c4e,#074a3e)}.refund-actions .process-refund-btn:disabled{cursor:not-allowed;opacity:.6}.refund-actions .process-refund-btn svg.spin{animation:spin 1s linear infinite}@media (max-width:768px){.pos-refund-panel{width:100%}.refund-actions,.refund-method-options{flex-direction:column}.refund-actions .cancel-btn,.refund-actions .process-refund-btn{flex:none;width:100%}}.pos-fee-btn{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s}.pos-fee-btn:hover{background:#dcfce7;border-color:#86efac}.pos-fee-btn.overdue{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pos-fee-btn.overdue:hover{background:#fee2e2;border-color:#fca5a5}.fee-badge{background:#dc2626;border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:4px;padding:2px 6px}.pos-fee-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:1000}.pos-fee-panel{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.fee-panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.fee-panel-header h3{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.fee-panel-header h3 svg{color:#0d7463}.fee-panel-header button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.fee-panel-header button:hover{background:#f3f4f6;color:#374151}.fee-panel-content{flex:1 1;overflow-y:auto;padding:20px}.fee-balance-card{background:linear-gradient(135deg,#0d7463,#095c4e);border-radius:12px;color:#fff;margin-bottom:20px;padding:20px}.fee-balance-main{display:flex;flex-direction:column;gap:4px}.fee-balance-label{font-size:13px;opacity:.9}.fee-balance-value{font-size:32px;font-weight:700}.fee-overdue-alert{align-items:center;background:#ffffff26;border-radius:8px;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px 12px}.fee-overdue-alert svg{color:#fbbf24}.fee-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.fee-stat-card{background:#f9fafb;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px}.fee-stat-label{color:#6b7280;font-size:12px}.fee-stat-value{color:#111827;font-size:16px;font-weight:600}.fee-stat-value.success{color:#059669}.fee-invoices-section,.fee-transactions-section{margin-bottom:20px}.fee-invoices-section h4,.fee-transactions-section h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.fee-invoices-list,.fee-transactions-list{display:flex;flex-direction:column;gap:8px}.fee-transaction-item{align-items:center;background:#f9fafb;border-left:3px solid #0d7463;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.fee-transaction-item.refund{border-left-color:#dc2626}.fee-tx-info{display:flex;flex-direction:column;gap:2px}.fee-tx-type{color:#374151;font-size:13px;font-weight:500;text-transform:capitalize}.fee-tx-order{color:#6b7280;font-size:12px}.fee-tx-amount{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.fee-tx-amount span:first-child{color:#0d7463;font-size:14px;font-weight:600}.fee-tx-amount span.refund{color:#dc2626}.fee-tx-date{color:#9ca3af;font-size:11px}.fee-invoice-item{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.fee-invoice-item.overdue{background:#fee2e2;border-color:#fecaca}.fee-inv-info{display:flex;flex-direction:column;gap:2px}.fee-inv-number{color:#374151;font-size:13px;font-weight:600}.fee-inv-period{color:#6b7280;font-size:11px}.fee-inv-amount{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.fee-inv-amount span:first-child{color:#b45309;font-size:15px;font-weight:600}.fee-invoice-item.overdue .fee-inv-amount span:first-child{color:#dc2626}.fee-inv-due{color:#9ca3af;font-size:11px}.fee-panel-footer{border-top:1px solid #e5e7eb;padding-top:16px}.fee-note{color:#6b7280;font-size:12px;margin:0;text-align:center}@media (max-width:768px){.pos-fee-panel{margin:10px;max-width:100%}.fee-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.fee-balance-value{font-size:28px}}.shift-analytics-container{margin:0 auto;max-width:1400px;padding:24px}.shift-analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.shift-analytics-header h1{color:#111827;font-size:28px;font-weight:700;margin:0}.shift-analytics-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.refresh-btn{align-items:center;background:#0d7463;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#085d50;transform:translateY(-1px)}.shift-analytics-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.filter-group{min-width:160px}.filter-group label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background:#fafafa;padding:10px 12px;transition:all .2s}.filter-group input:focus,.filter-group select:focus{background:#fff;border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a;outline:none}.shift-analytics-tabs{background:#f3f4f6;border-radius:10px;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.tab-btn{border-radius:6px;white-space:nowrap}.tab-btn:hover{color:#111827}.tab-btn.active{box-shadow:0 1px 3px #0000001a}.shift-analytics-error,.shift-analytics-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{border:3px solid #e5e7eb;height:36px;width:36px}.shift-analytics-loading p{color:#6b7280;font-size:14px;margin-top:16px}.shift-analytics-error{background:#fef2f2}.shift-analytics-error p{color:#dc2626;margin-bottom:16px}.shift-analytics-error button{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px}.shift-analytics-error button:hover{background:#b91c1c}.shift-analytics-upgrade{align-items:center;background:linear-gradient(135deg,#f0fdf9,#ecfdf5);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:80px 20px;text-align:center}.upgrade-icon{margin-bottom:20px}.shift-analytics-upgrade h2{color:#111827;font-size:22px;font-weight:700;margin:0 0 8px}.shift-analytics-upgrade p{color:#6b7280;line-height:1.5;margin:0 0 24px;max-width:440px}.upgrade-btn{background:#0d7463;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s}.upgrade-btn:hover{background:#085d50;box-shadow:0 4px 12px #0d74634d;transform:translateY(-2px)}.shift-analytics-content{animation:fadeIn .2s ease}.shift-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.shift-metric-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:14px;padding:20px;transition:all .2s}.shift-metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.shift-metric-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.shift-metric-info{flex:1 1;min-width:0}.shift-metric-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.3px;margin:0 0 4px;text-transform:uppercase}.shift-metric-value{color:#111827;font-size:22px;font-weight:700;line-height:1.2;margin:0}.shift-metric-subtitle{color:#9ca3af;font-size:12px;margin:4px 0 0}.shift-metric-trend{display:inline-block;font-size:12px;font-weight:600;margin-top:4px}.shift-metric-trend.positive{color:#10b981}.shift-metric-trend.negative{color:#ef4444}.shift-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.shift-charts-grid .full-width{grid-column:1/-1}.shift-chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.shift-chart-header{border-bottom:1px solid #f3f4f6;padding:16px 20px}.shift-chart-title{color:#111827;font-size:15px;font-weight:600;margin:0}.shift-chart-content{min-height:280px;padding:20px}.no-chart-data{align-items:center;color:#9ca3af;display:flex;font-size:14px;height:200px;justify-content:center}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f9fafb}.data-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:14px 16px}.data-table tbody tr:hover{background:#f9fafb}.data-table .text-right{text-align:right}.data-table .text-center{text-align:center}.data-table .text-success{color:#10b981;font-weight:500}.data-table .text-danger{color:#ef4444;font-weight:500}.no-data-cell{color:#9ca3af;padding:40px 16px!important;text-align:center!important}.employees-section{display:flex;flex-direction:column;gap:24px}.employees-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.employee-cell{align-items:center;display:flex;gap:12px}.employee-avatar{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.employee-name-text{color:#111827;font-weight:500}.employee-chart,.shifts-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014}.shifts-table-container{overflow-x:auto}.shifts-table .date-cell{color:#6b7280;font-size:13px;white-space:nowrap}.status-badge{letter-spacing:.3px}.status-badge.status-active{background:#ecfdf5;color:#059669}.status-badge.status-completed{background:#eff6ff;color:#2563eb}.status-badge.status-cancelled,.status-badge.status-unknown{background:#f3f4f6;color:#6b7280}.products-section{display:flex;flex-direction:column;gap:24px}.products-chart,.products-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014}.products-table-container{overflow:hidden}.rank-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;min-width:28px;padding:4px 8px}.rank-badge.rank-1{background:linear-gradient(135deg,gold,orange);color:#fff}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#a8a8a8);color:#fff}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#fff}.rank-badge.rank-other{background:#f3f4f6;color:#6b7280}.product-name-cell{color:#111827;font-weight:500}@media (max-width:1024px){.shift-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.shift-analytics-container{padding:16px}.shift-analytics-header{align-items:stretch;flex-direction:column}.shift-analytics-header h1{font-size:22px}.shift-analytics-filters{flex-direction:column}.filter-group{width:100%}.shift-analytics-tabs{justify-content:flex-start;width:100%}.tab-btn{font-size:13px;padding:8px 16px}.shift-metrics-grid{grid-template-columns:1fr}.shift-metric-value{font-size:20px}.shifts-table-container{border-radius:0;margin:0 -16px}.data-table td,.data-table th{font-size:13px;padding:10px 12px}}.pos-activity-container{margin:0 auto;max-width:1400px;padding:24px}.pos-activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.pos-activity-header .header-left{align-items:center;display:flex;gap:16px}.pos-activity-header .header-icon{align-items:center;background:linear-gradient(135deg,#0d7463,#0a5c4e);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.pos-activity-header h1{color:#111827;font-size:24px;font-weight:700;margin:0}.pos-activity-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.pos-activity-header .header-actions{display:flex;gap:12px}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.log-amount,.log-location,.log-time{align-items:center;display:flex;gap:4px}.log-location{color:#6b7280}@media (max-width:768px){.pos-activity-container{padding:16px}.pos-activity-header{align-items:flex-start;flex-direction:column;gap:16px}.pos-activity-header .header-actions{width:100%}.filter-toggle{flex:1 1}.period-selector{overflow-x:auto;width:100%}.filters-panel{flex-direction:column}.filter-group{width:100%}.summary-cards{grid-template-columns:1fr 1fr}.log-item{gap:12px}.log-item,.log-main{flex-direction:column}.log-main{align-items:flex-start}.log-meta{flex-wrap:wrap;gap:8px}.log-modal{margin:10px;max-height:95vh}.log-modal-body,.log-modal-header{padding:16px}.modal-info-grid{grid-template-columns:1fr}.value-changes{flex-direction:column}.change-arrow{align-self:center;transform:rotate(90deg)}.modal-section.technical{margin:0 -16px -16px;padding:12px 16px}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}}.refund-requests-container{background:#f8fafc;min-height:100vh;padding:24px}.refund-requests-wrapper{margin:0 auto;max-width:1400px}.refund-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.refund-header-content{align-items:center;display:flex;gap:16px}.refund-header-icon{background:linear-gradient(135deg,#0d7463,#0a5c4e);border-radius:14px;box-shadow:0 4px 12px #0d74634d;color:#fff;padding:14px}.refund-header-text h1{color:#111827;font-size:28px;font-weight:700;margin:0}.refund-header-text p{color:#6b7280;font-size:14px;margin:4px 0 0}.refund-header .action-btn-view{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;padding:12px}.refund-header .action-btn-view:hover{background:#e8f6f1;border-color:#0d7463;color:#0d7463}.refund-alert{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:14px 18px}.refund-alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;color:#dc2626}.refund-alert-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;color:#16a34a}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-card{box-shadow:0 1px 3px #00000014;padding:24px;transition:all .3s ease}.stat-card:before{border-radius:16px 16px 0 0}.stat-card:hover{box-shadow:0 8px 25px #0000001a}.stat-card-content{align-items:center;display:flex;justify-content:space-between}.stat-card-text p:first-child{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-card-text p:last-child{color:#111827;font-size:32px;font-weight:700;margin:0}.stat-card-icon{border-radius:12px;opacity:.9;padding:12px}.stat-card.stat-card-icon-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card.stat-card-icon-blue .stat-card-icon{background:#eff6ff;color:#3b82f6}.stat-card.stat-card-icon-yellow:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card.stat-card-icon-yellow .stat-card-icon{background:#fef3c7;color:#d97706}.stat-card.stat-card-icon-green:before{background:linear-gradient(90deg,#0d7463,#10b981)}.stat-card.stat-card-icon-green .stat-card-icon{background:#e8f6f1;color:#0d7463}.stat-card.stat-card-icon-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-card.stat-card-icon-red .stat-card-icon{background:#fef2f2;color:#dc2626}.filters-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;padding:20px 24px}.filters-grid{align-items:center;grid-template-columns:2fr 1fr 1fr}.filter-input-wrapper{grid-column:span 1;position:relative}.filter-input-wrapper input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;padding:12px 12px 12px 44px;transition:all .2s ease;width:100%}.filter-input-wrapper input:hover{background:#fff;border-color:#d1d5db}.filter-input-wrapper input:focus{background:#fff;border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a}.search-icon-wrapper{color:#9ca3af;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-weight:500;outline:none;padding:12px 16px;width:100%}.filter-select:hover{background:#fff;border-color:#d1d5db}.filter-select:focus,.table-card{background:#fff}.table-card{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #00000014;overflow:hidden}.table-card-header{background:linear-gradient(180deg,#f9fafb,#fff);border-bottom:2px solid #f3f4f6;padding:20px 24px}.table-card-header h2{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.table-card-header h2 svg{color:#0d7463}.table-scroll-wrapper{overflow-x:auto}.refund-table{border-collapse:collapse;min-width:700px;width:100%}.refund-table thead{background:linear-gradient(180deg,#f9fafb,#f3f4f6)}.refund-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:11px;font-weight:700;letter-spacing:.8px;padding:14px 20px;text-align:left;text-transform:uppercase}.refund-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.refund-table tbody tr:hover{background:linear-gradient(90deg,#f0fdf9,#f9fafb);box-shadow:inset 4px 0 0 #0d7463}.refund-table tbody tr:nth-child(2n){background:#fafafa}.refund-table tbody tr:nth-child(2n):hover{background:linear-gradient(90deg,#f0fdf9,#f9fafb)}.refund-table td{padding:18px 20px;vertical-align:middle}.simple-cell{color:#111827;font-size:14px;font-weight:600}.amount-cell{color:#0d7463;font-size:16px;font-weight:700}.status-badge{border:1px solid #0000;box-shadow:0 1px 2px #0000000d;font-size:11px;font-weight:700;gap:6px;justify-content:center;line-height:1;padding:8px 14px}.status-badge svg{flex-shrink:0;height:14px;width:14px}.animate-spin{animation:spin 1s linear infinite}.status-badge-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#92400e}.status-badge-admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.status-badge-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46}.status-badge-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.status-badge-processing{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#a5b4fc;color:#3730a3}.status-badge-default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#374151}.action-btn{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:10px}.action-btn:hover{box-shadow:0 4px 8px #0000001a}.action-btn-view{background:#f9fafb}.action-btn-view:hover{background:#e8f6f1;border-color:#0d7463;color:#0d7463}.action-btn-approve{background:#f0fdf4;border-color:#86efac;color:#16a34a}.action-btn-approve:hover{background:#dcfce7;border-color:#16a34a;box-shadow:0 4px 8px #16a34a33}.action-btn-reject{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.action-btn-reject:hover{background:#fee2e2;border-color:#dc2626;box-shadow:0 4px 8px #dc262633}.action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.action-btn-admin{background:#eff6ff;border:2px solid #93c5fd;color:#1e40af;font-size:12px;font-weight:600;gap:6px;padding:8px 14px}.action-btn-admin:hover{background:#dbeafe;border-color:#3b82f6}.modal-compact{display:flex;flex-direction:column;gap:24px}.modal-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.info-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row:first-child{padding-top:0}.info-label{font-size:14px;font-weight:600}.info-value{font-weight:600;text-align:right}.info-amount{color:#0d7463;font-size:20px;font-weight:700}.modal-notes-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:16px}.modal-notes-section label,.modal-response-section label{color:#6b7280;display:block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.modal-notes-section p{color:#111827;font-size:14px;line-height:1.6;margin:0}.modal-response-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.response-item{background:#fff;border-left:4px solid;border-radius:10px;margin-bottom:12px;padding:14px}.response-item:last-child{margin-bottom:0}.response-item.approved{background:linear-gradient(90deg,#f0fdf4,#fff);border-left-color:#16a34a}.response-item.rejected{background:linear-gradient(90deg,#fef2f2,#fff);border-left-color:#dc2626}.response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.response-header span:first-child{color:#111827;font-size:14px;font-weight:700}.response-time{color:#6b7280;font-size:12px}.response-notes{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.modal-actions-footer{border-top:2px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:14px 28px;transition:all .2s ease}.modal-btn:hover{transform:translateY(-2px)}.modal-btn-reject{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;color:#dc2626}.modal-btn-reject:hover{background:#fecaca;box-shadow:0 4px 12px #dc262633}.modal-btn-approve{background:linear-gradient(135deg,#0d7463,#0a5c4e);border:2px solid #0d7463;color:#fff}.modal-btn-approve:hover{background:linear-gradient(135deg,#0a5c4e,#084a3e);box-shadow:0 4px 12px #0d74634d}.modal-btn-close{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.modal-btn-close:hover{background:#e5e7eb}.modal-close-footer{display:flex;justify-content:flex-end;margin-top:24px}.modal-title-wrapper{align-items:center;display:flex;gap:12px}.modal-title-icon{background:linear-gradient(135deg,#e8f6f1,#d1fae5);border-radius:10px;color:#0d7463;padding:10px}.empty-container,.loading-container{padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#0d7463;height:48px;margin:0 auto 20px;width:48px}.loading-spinner-sm{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:initial;height:16px;width:16px}.empty-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;color:#9ca3af;display:flex;height:90px;justify-content:center;margin:0 auto 24px;padding:20px;width:90px}.empty-container h3{color:#374151;font-size:18px;margin:0 0 8px}.empty-container p{color:#6b7280;margin:0}.pagination-container{align-items:center;background:linear-gradient(180deg,#fff,#f9fafb);border-top:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px}.pagination-info{font-weight:500}.pagination-buttons{align-items:center;display:flex;gap:8px}.pagination-btn{border:2px solid #e5e7eb;border-radius:10px;font-weight:600;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e8f6f1;color:#0d7463}.pagination-ellipsis{font-weight:600;padding:0 8px}.text-error{color:#dc2626}.text-success{color:#16a34a}.text-warning{color:#d97706}.text-gray{color:#6b7280}.font-semibold{font-weight:600}.font-normal{font-weight:400}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr 1fr}.filter-input-wrapper{grid-column:span 2}}@media (max-width:768px){.refund-requests-container{padding:16px}.refund-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.refund-header-text h1{font-size:24px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-card-text p:last-child{font-size:24px}.filters-grid{grid-template-columns:1fr}.filter-input-wrapper{grid-column:span 1}.refund-table{min-width:600px}.modal-actions-footer{flex-direction:column}.modal-btn{justify-content:center;width:100%}.pagination-container{flex-direction:column;gap:16px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.action-buttons{flex-wrap:wrap}}.custom-domains-page{background:#f8fafc;min-height:100vh;padding:0}.page-header{background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding:24px}.header-text h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.header-text p{color:#6b7280;font-size:16px;margin:0}.add-domain-btn{align-items:center;background:#0d7463;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-domain-btn:hover{background:#0a5d4f;transform:translateY(-1px)}.page-content{margin:0 auto;max-width:1200px;padding:0 24px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-container p{color:#6b7280;font-size:16px;margin-top:16px}.domains-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:40px}.empty-state{padding:60px 40px}.add-first-domain-btn{align-items:center;background:#0d7463;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-first-domain-btn:hover{background:#0a5d4f;transform:translateY(-1px)}.domain-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease}.domain-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.domain-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.domain-info h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.domain-badges{display:flex;flex-wrap:wrap;gap:8px}.domain-actions{display:flex;flex-shrink:0;gap:8px}.domain-details{margin-bottom:20px}.detail-row{margin-bottom:8px}.detail-label{margin-right:12px;min-width:100px}.dns-records{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.dns-records h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.dns-record{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.dns-type{color:#374151;font-size:12px;font-weight:600;min-width:60px;text-transform:uppercase}.dns-value{color:#6b7280;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;word-break:break-all}.domain-actions-bottom{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding-top:16px}.disabled-input{background:#f9fafb!important;color:#6b7280!important;cursor:not-allowed!important}.form-help{display:block;font-size:12px}.modal-actions{padding-top:20px}.alert-close{font-size:18px;opacity:.7;transition:opacity .2s ease}.alert-close:hover{opacity:1}@media (max-width:768px){.page-header{padding:16px}.header-content{align-items:flex-start;flex-direction:column;gap:16px}.page-content{padding:0 16px}.domains-grid{gap:16px;grid-template-columns:1fr}.domain-header{align-items:flex-start;flex-direction:column;gap:12px}.domain-actions{justify-content:flex-start;width:100%}.dns-record{align-items:flex-start;flex-direction:column;gap:8px}.dns-type{min-width:auto}.dns-value{width:100%;word-break:break-all}}.upgrade-prompt{align-items:center;display:flex;flex-direction:column;gap:8px}.upgrade-btn{position:relative}.upgrade-text{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-size:12px;gap:6px;padding:4px 8px}.upgrade-icon{font-size:14px}.status-badge{border-radius:4px;display:inline-flex;font-weight:500;letter-spacing:.05em;padding:4px 8px}.status-pending{background:#fef3c7}.status-verifying{background:#dbeafe;color:#1e40af}.status-failed,.status-suspended{background:#fee2e2;color:#991b1b}.ssl-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.ssl-pending{background:#fef3c7;color:#92400e}.ssl-active{background:#d1fae5;color:#065f46}.ssl-expired,.ssl-failed{background:#fee2e2;color:#991b1b}.dns-instructions-modal{max-width:600px}.dns-instructions-content{padding:20px 0}.dns-records-list{margin:20px 0}.dns-record-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.dns-record-item h4{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.dns-record-details{display:flex;flex-direction:column;gap:12px}.dns-record-field{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.dns-record-field label{color:#6b7280;font-size:12px;font-weight:500;min-width:50px}.dns-record-field span{color:#374151;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;word-break:break-all}.dns-instructions-footer{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.dns-note{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin:0}.dns-note svg{color:#3b82f6;flex-shrink:0}.customers-page{margin:0 auto;max-width:1200px}.customers-page-container{background:#f9fafb;min-height:100vh;padding:24px}.customers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.customers-header h1{color:#111827;font-size:24px;font-weight:700;margin:0}.customers-header-actions{display:flex;flex-wrap:nowrap;gap:12px}.customers-header-actions button{align-items:center;display:flex;gap:8px}.summary-cards-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.summary-cards-grid{grid-template-columns:1fr}}.summary-card{box-shadow:0 1px 3px #0000001a}.summary-card:hover{box-shadow:0 4px 6px #0000001a}.summary-card.pink{background:linear-gradient(135deg,var(--gradient-pink-start) 0,var(--gradient-pink-end) 100%);color:#111827}.summary-card.orange{background:linear-gradient(135deg,var(--gradient-orange-start) 0,var(--gradient-orange-end) 100%);color:#111827}.summary-card.purple{background:linear-gradient(135deg,var(--gradient-purple-start) 0,var(--gradient-purple-end) 100%);color:#111827}.summary-card.blue{background:linear-gradient(135deg,var(--gradient-blue-start) 0,var(--gradient-blue-end) 100%);color:#111827}.summary-card-content{align-items:center}.summary-card-label{margin-bottom:4px;opacity:.9}.customers-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.filters-grid-customers{grid-gap:16px;align-items:flex-end;display:grid;gap:16px;grid-template-columns:2fr 1.2fr 1fr 1fr auto}@media (max-width:1024px){.filters-grid-customers{grid-template-columns:1fr 1fr}}@media (max-width:640px){.filters-grid-customers{grid-template-columns:1fr}}.filter-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{padding:10px 12px;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-actions{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:12px}.filter-actions .btn{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.customers-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.customers-container{margin:0 auto;max-width:1200px;padding:24px}.alert{justify-content:space-between;margin-bottom:16px}.alert-error{background:#fef2f2}.alert-success{background:#f0fdf4}.alert button{font-size:20px;padding:0 8px}.customers-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:visible;width:100%}.customers-table table{border-collapse:collapse;min-width:900px;table-layout:auto;width:100%}.customers-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.customers-table th:first-child{width:50px}.customers-table th:nth-child(2){width:18%}.customers-table th:nth-child(3){width:22%}.customers-table th:nth-child(4),.customers-table th:nth-child(5){width:15%}.customers-table th:nth-child(6){width:18%}.customers-table th:nth-child(7){width:80px}.customers-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:14px;overflow:visible;padding:16px}.customers-table tr:last-child td{border-bottom:none}.customers-table tbody tr{position:relative}.customers-table tr:hover{background:#f9fafb}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.tag-count{background:#e5e7eb;color:#6b7280;cursor:pointer}.tag-count:hover{background:#d1d5db;color:#374151}.tag-grid{flex-wrap:wrap}.tag-grid,.tag-item{display:flex;gap:8px}.tag-item{align-items:center;background:#dbeafe;border-radius:6px;color:#1e40af;font-size:14px;padding:8px 12px}.tag-item button{background:none;border:none;color:#1e40af;cursor:pointer;font-size:18px;line-height:1;padding:0}.tag-suggestions{display:flex;flex-wrap:wrap;gap:8px}.tag-suggestion{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .15s}.tag-suggestion:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.btn{line-height:1.5;transition:all .2s ease;white-space:nowrap}.btn-primary{background:#3b82f6;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:#2563eb;box-shadow:0 2px 4px #0000001a}.btn-primary:active{box-shadow:0 1px 2px #0000000d}.btn-primary:disabled{background:#93c5fd;box-shadow:none}.btn-secondary{background:#6b7280;box-shadow:0 1px 2px #0000000d;color:#fff}.btn-secondary:hover{background:#4b5563;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-secondary:active{box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.btn-outline{background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d;color:#374151}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;color:#111827;transform:translateY(-1px)}.btn-outline:active{box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.btn-outline:disabled{background:#f9fafb;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.btn-sm{font-size:13px;padding:8px 16px}.modal-overlay{padding:20px}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.modal-header{padding:20px 24px}.modal-header h2{color:#111827;font-weight:600}.modal-header button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.modal-header button:hover{background:#f3f4f6}.modal-body{overflow-y:auto;padding:24px}.modal-footer{padding:16px 24px}.form-group input[type=text]{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.form-group input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.text-muted{color:#9ca3af;font-size:14px}.loading{color:#6b7280;padding:40px;text-align:center}.empty-state{border:1px solid #e5e7eb;gap:12px}.empty-state svg{color:#9ca3af;margin-bottom:8px}.empty-state h3{margin:0}.empty-state p{margin:0 0 12px}.action-menu{display:inline-block;position:relative}.action-menu-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s;width:32px}.action-menu-trigger:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.action-menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.action-menu-item{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.action-menu-item:hover{background:#f3f4f6}.action-menu-item:not(:last-child){border-bottom:1px solid #f3f4f6}.action-menu-icon{font-size:16px;text-align:center;width:20px}.customers-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{flex-direction:column}.stat-card .stat-value{color:#111827;font-size:32px;font-weight:700}.stat-card .stat-label{color:#6b7280;font-size:14px;margin-top:4px}.stat-card .stat-icon{color:#3b82f6;opacity:.8;position:absolute;right:20px;top:20px}.stat-card-yellow{background:linear-gradient(135deg,#fef9c3,#fef3c7);border-color:#fde047}.stat-card-yellow .stat-icon{color:#ca8a04}.stat-card-orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#fdba74}.stat-card-orange .stat-icon{color:#ea580c}.customers-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:0;margin-bottom:0}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 24px;transition:all .2s}.tab-button:hover{color:#111827}.tab-button.active{background:#0d7463;background:var(--color-primary,#0d7463);border-bottom-color:#0d7463;border-bottom-color:var(--color-primary,#0d7463);border-radius:8px 8px 0 0;color:#fff}.customers-content{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;padding:20px}.customers-filters{align-items:center;background:#0000;border:none;box-shadow:none;display:flex;gap:12px;margin-bottom:20px;padding:0}.filter-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;padding:10px 16px;transition:all .2s}.filter-btn:hover{background:#e5e7eb}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;min-width:160px;padding:10px 14px;transition:all .2s}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{border-color:#0d7463;border-color:var(--color-primary,#0d7463);box-shadow:0 0 0 3px #0d74631a;outline:none}.search-box{max-width:300px}.search-box input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px 10px 36px;transition:all .2s;width:100%}.search-box input:focus{border-color:#0d7463;border-color:var(--color-primary,#0d7463);box-shadow:0 0 0 3px #0d74631a;outline:none}.search-box .search-icon{color:#9ca3af;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.table-header{grid-gap:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:grid;gap:16px;grid-template-columns:1.5fr 2fr 1fr 1.5fr .8fr 1fr;padding:12px 16px}.th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-row{grid-gap:16px;border-bottom:1px solid #f3f4f6;display:grid;gap:16px;grid-template-columns:1.5fr 2fr 1fr 1.5fr .8fr 1fr;padding:14px 16px;transition:background .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f9fafb}.td{align-items:center;color:#374151;display:flex;font-size:14px}.customer-name{color:#111827;font-weight:500}.td.actions{gap:8px}.icon-btn{background:#0000;border-radius:6px;color:#6b7280}.icon-btn:hover{background:#f3f4f6;color:#374151}.icon-btn.danger:hover{background:#fef2f2;color:#dc2626}.groups-header{margin-bottom:20px}.groups-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.group-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.group-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000000d}.group-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.group-card-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.customer-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:12px;padding:4px 8px}.group-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.group-card-actions{display:flex;gap:8px}.modal-form{display:flex;flex-direction:column;gap:16px}.form-row-3{grid-template-columns:1fr 1fr 1fr}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-form .form-group textarea{min-height:80px;resize:vertical}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:8px;padding-top:16px}.customer-select-list{border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto}.customer-select-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.customer-select-item:last-child{border-bottom:none}.customer-select-item:hover{background:#f9fafb}.customer-select-item input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.customer-select-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.customer-select-info .customer-email{color:#6b7280;font-size:12px}.check-icon{color:#3b82f6}.newsletter-section{min-height:200px}.pagination{justify-content:space-between;margin-top:20px;padding:16px 0}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;display:flex;gap:4px;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#0d7463;border-color:var(--color-primary,#0d7463)}.pagination-btn:disabled{opacity:.5}.pagination-btn.active{background:#0d7463;background:var(--color-primary,#0d7463);border-color:#0d7463;border-color:var(--color-primary,#0d7463);color:#fff}.pagination-pages{gap:4px}.page-btn,.pagination-pages{align-items:center;display:flex}.page-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0;transition:all .2s}.page-btn:hover:not(:disabled):not(.active){background:#f9fafb;border-color:#9ca3af}.page-btn.active{background:#0d7463;background:var(--color-primary,#0d7463);border-color:#0d7463;border-color:var(--color-primary,#0d7463);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:#6b7280;padding:0 4px}@media (max-width:768px){.customers-stats{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 1fr auto}.table-header .th:nth-child(3),.table-header .th:nth-child(4),.table-header .th:nth-child(5),.table-row .td:nth-child(3),.table-row .td:nth-child(4),.table-row .td:nth-child(5){display:none}.form-row,.form-row-3{grid-template-columns:1fr}}.tags-segments-container{margin:0 auto;max-width:1200px}.tags-segments-header{margin-bottom:1.5rem}.tags-segments-header h1{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:.375rem}.tags-segments-header p{color:#6b7280;font-size:.875rem}.tags-segments-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto}.tags-segments-tabs::-webkit-scrollbar{display:none}.tags-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.tags-content-grid.with-panel{grid-template-columns:1fr 1fr}.automation-card,.segment-card,.tags-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.create-tag-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.create-tag-form input{flex:1 1;min-width:150px}.color-picker-row{display:flex;gap:.25rem}.tag-panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.tag-panel-actions{display:flex;gap:.5rem}.segments-list{grid-gap:1rem;display:grid;gap:1rem}.segment-card-content{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.segment-card-actions{display:flex;flex-shrink:0;gap:.5rem}.automations-header{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.automation-rule-card,.automations-header{align-items:center;display:flex;justify-content:space-between}.automation-rule-card{gap:1rem}.automation-rule-info{flex:1 1;min-width:0}.automation-rule-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.auto-tag-rules-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.auto-tag-rule-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.auto-tag-rule-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.modal-overlay{inset:0;padding:1rem;z-index:50}.modal-content{display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.25rem}.modal-body{flex:1 1;overflow:auto;padding:1.25rem}.modal-footer{gap:.5rem;padding:1rem}.modal-form-group{margin-bottom:1rem}.modal-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.modal-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:1024px){.tags-content-grid.with-panel{grid-template-columns:1fr}.auto-tag-rules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.tags-segments-container{padding:0 .5rem}.tags-segments-header h1{font-size:1.25rem}.tags-segments-tabs{gap:.25rem;padding-bottom:.25rem}.tags-segments-tabs button{font-size:.8125rem!important;padding:.625rem 1rem!important;white-space:nowrap}.automation-card,.segment-card,.tags-card{padding:1rem}.create-tag-form{flex-direction:column}.create-tag-form input{width:100%}.color-picker-row,.create-tag-form button[type=submit]{justify-content:center;width:100%}.color-picker-row{padding:.5rem 0}.tag-panel-header{align-items:stretch;flex-direction:column}.tag-panel-actions{justify-content:space-between}.segment-card-content{align-items:stretch;flex-direction:column}.segment-card-actions{justify-content:flex-end;margin-top:.75rem}.automations-header{align-items:stretch;flex-direction:column}.automations-header button{justify-content:center;width:100%}.automation-rule-card{align-items:stretch;flex-direction:column}.automation-rule-actions{border-top:1px solid #f3f4f6;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.auto-tag-rules-grid{grid-template-columns:1fr}.auto-tag-rule-header{flex-direction:column}.modal-content{margin:.5rem;max-height:95vh}.modal-body,.modal-header{padding:1rem}.modal-form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{justify-content:center;width:100%}}@media (max-width:480px){.tags-segments-header{margin-bottom:1rem}.tags-segments-header h1{font-size:1.125rem}.tags-segments-header p{font-size:.8125rem}.tags-segments-tabs button{font-size:.75rem!important;padding:.5rem .75rem!important}.auto-tag-rule-card,.automation-card,.segment-card,.tags-card{border-radius:6px;padding:.875rem}}.discounts-container{margin:0 auto;max-width:1400px;padding:24px}.discounts-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.page-title{color:#111827;font-size:32px;font-weight:700;margin:0 0 4px}.page-subtitle{color:#6b7280;font-size:15px;margin:0}.btn-primary{align-items:center;border-radius:10px;box-shadow:0 4px 6px -1px #667eea4d;display:inline-flex;font-size:15px;gap:8px;padding:12px 24px}.btn-primary:hover{box-shadow:0 10px 15px -3px #667eea66;transform:translateY(-2px)}.btn-secondary{border:1px solid #e5e7eb;border-radius:10px;font-size:15px;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{border-color:#d1d5db}.btn-icon{font-size:20px;line-height:1}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.analytics-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.analytics-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.analytics-content{flex:1 1}.analytics-label{color:#6b7280;font-size:13px;font-weight:500;margin:0 0 4px}.analytics-value{color:#111827;font-size:28px;font-weight:700;margin:0 0 4px}.analytics-sublabel{color:#9ca3af;font-size:12px;margin:0}.discounts-toolbar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{flex:1 1;min-width:300px;position:relative}.search-icon{color:#9ca3af;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #e5e7eb;border-radius:10px;font-size:15px;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:4px;padding:4px}.filter-tab{border-radius:8px;font-size:14px;padding:8px 20px}.filter-tab:hover{background:#f3f4f6;color:#111827}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d;color:#fff}.discounts-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.discount-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;padding:24px;transition:all .3s ease}.discount-card:hover{border-color:#667eea;box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-4px)}.discount-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.discount-main-info{align-items:center;display:flex;gap:12px}.discount-code-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;padding:8px 16px}.discount-value{color:#10b981;font-size:20px;font-weight:700}.discount-actions{display:flex;gap:4px}.action-btn{background:#fff;border:1px solid #e5e7eb;color:#6b7280;height:36px;transition:all .2s ease;width:36px}.action-btn:hover{background:#f3f4f6;border-color:#667eea;color:#667eea}.action-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.discount-name{color:#111827;font-size:16px;font-weight:600;margin-bottom:8px}.discount-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.discount-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.meta-item{align-items:center;color:#6b7280;font-size:13px;gap:6px}.meta-item svg{flex-shrink:0}.progress-bar-container{background:#f3f4f6;border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .3s ease}.discount-footer{align-items:center;display:flex;gap:8px;justify-content:space-between}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#f3f4f6;color:#6b7280}.status-expired{background:#fee2e2;color:#991b1b}.status-scheduled{background:#dbeafe;color:#1e40af}.discount-type-badge{background:#fef3c7;border-radius:6px;color:#92400e;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.empty-state{grid-column:1/-1;padding:80px 20px}.empty-state svg{margin-bottom:24px}.empty-state p{font-size:15px}.loading-state{grid-column:1/-1;padding:80px 20px}.spinner{border:4px solid #f3f4f6;border-top-color:#667eea}.modal-form{padding:0}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-group textarea{min-height:80px}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:4px}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.form-group.checkbox input[type=checkbox]{cursor:pointer;width:auto}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444;display:block;margin-top:4px}.error-alert{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:20px;padding:12px 16px}.modal-footer{border-top:1px solid #e5e7eb;gap:12px;margin-top:20px;padding-top:20px}@media (max-width:1024px){.discounts-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.discounts-container{padding:16px}.discounts-header{flex-direction:column}.page-title{font-size:24px}.analytics-grid{grid-template-columns:1fr}.discounts-toolbar{flex-direction:column}.search-box{min-width:auto;width:100%}.filter-tabs{justify-content:space-between;width:100%}.filter-tab{flex:1 1;font-size:13px;padding:8px 12px}.discounts-list,.form-row{grid-template-columns:1fr}.modal-content{max-height:95vh}}@media (max-width:480px){.discount-header-row{flex-direction:column;gap:12px}.discount-actions{justify-content:flex-end;width:100%}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.expenses-container{margin:0 auto;max-width:1200px}.expenses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.expenses-title{color:var(--color-gray-900);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.add-expense-btn{align-items:center;background:linear-gradient(135deg,#0d7463,#085d50);border:none;border-radius:12px;box-shadow:0 4px 12px #0d746333;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-expense-btn:hover{background:linear-gradient(135deg,#085d50,#0d7463);box-shadow:0 6px 20px #0d746359;transform:translateY(-2px)}.add-expense-btn.cancel{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b728033}.add-expense-btn.cancel:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 6px 20px #6b728059}.filter-section{background:#fff;border:1px solid var(--color-gray-100);border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.filter-label{color:var(--color-gray-700);font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.filter-buttons{display:flex;flex-wrap:wrap;gap:12px}.filter-btn{background:#fff;border:2px solid var(--color-gray-200);border-radius:10px;color:var(--color-gray-700);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-btn:hover{background:#0d74630d;border-color:#0d7463;box-shadow:0 4px 12px #0d746326;color:#0d7463;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#0d7463,#085d50);border-color:#0d7463;box-shadow:0 4px 12px #0d74634d;color:#fff;font-weight:600}.filter-btn.active:hover{background:linear-gradient(135deg,#085d50,#0d7463);transform:translateY(-2px)}.custom-date-range{animation:slideDown .3s ease;border-top:2px solid var(--color-gray-100);display:flex;gap:20px;margin-top:20px;padding-top:20px}.date-input-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.date-input-group label{color:var(--color-gray-700);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-input{background:#fff;border:2px solid var(--color-gray-200);border-radius:10px;color:var(--color-gray-900);font-family:var(--font-family);font-size:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.date-input:focus{background:#f9fafb;border-color:#0d7463;box-shadow:0 0 0 4px #0d74631a;outline:none}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#0d7463,#37b9a5);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.stat-card:hover{border-color:#0d7463;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-card:hover:before{height:6px}.stat-card.total{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #7dd3fc}.stat-card.monthly{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7}.stat-label{color:var(--color-gray-600);font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:var(--color-gray-900);font-weight:800;line-height:1.2}.expense-form-card{animation:slideDown .3s ease;background:#fff;border:2px solid #0d7463;border-radius:20px;box-shadow:0 8px 24px #0000001f;margin-bottom:32px;padding:32px}.form-title{border-bottom:2px solid var(--color-gray-100);color:var(--color-gray-900);font-size:20px;font-weight:700;margin-bottom:24px;padding-bottom:16px}.expense-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;gap:20px}.form-input,.form-select{background:#fff;border:2px solid var(--color-gray-200);border-radius:12px;color:var(--color-gray-900);font-family:var(--font-family);font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-select:focus{background:#f9fafb;box-shadow:0 0 0 4px #0d74631a}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234B5563' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.submit-btn{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;box-shadow:0 4px 12px #16a34a4d;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.submit-btn:hover{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 6px 20px #16a34a66;transform:translateY(-2px)}.loading-message{color:var(--color-gray-600);font-size:16px;font-weight:500;padding:40px;text-align:center}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:12px;color:#b91c1c;font-weight:600;margin-bottom:24px;padding:16px 20px}.expenses-table-card{background:#fff;border:1px solid var(--color-gray-100);border-radius:20px;box-shadow:0 4px 16px #00000014;overflow:hidden}.expenses-table{border-collapse:collapse;width:100%}.expenses-table thead{background:linear-gradient(135deg,#0d7463,#085d50);border-bottom:none}.expenses-table th{color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:20px 24px;text-align:left;text-transform:uppercase}.expenses-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:all .2s ease}.expenses-table tbody tr:last-child{border-bottom:none}.expenses-table tbody tr:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.expenses-table td{color:var(--color-gray-700);font-size:14px;padding:20px 24px}.expense-category{align-items:center;color:var(--color-gray-900);display:inline-flex;font-weight:600;gap:8px}.expense-category:before{background:linear-gradient(135deg,#0d7463,#37b9a5);border-radius:50%;content:"";height:8px;width:8px}.expense-amount{color:var(--color-gray-900);font-size:15px;font-weight:700}.expense-description{color:var(--color-gray-600);font-style:italic}.expense-date{font-size:13px}.empty-state,.expense-date{color:var(--color-gray-500)}.empty-state{font-size:15px;font-weight:500;padding:60px 24px}.action-btn{align-items:center;background:var(--color-gray-100);border-radius:8px;display:flex;font-size:16px;justify-content:center;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.edit-btn:hover{background:linear-gradient(135deg,#0d7463,#085d50);box-shadow:0 4px 12px #0d74634d}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}@media (max-width:768px){.expenses-header{align-items:stretch;flex-direction:column;gap:16px}.add-expense-btn{justify-content:center}.filter-buttons{flex-direction:column}.filter-btn{justify-content:center;width:100%}.custom-date-range{flex-direction:column}.form-row,.stats-grid{grid-template-columns:1fr}.expense-form-card{padding:24px}.expenses-table-card{overflow-x:auto}.expenses-table{min-width:600px}.expenses-table td,.expenses-table th{padding:16px}}@media (max-width:480px){.expenses-title{font-size:24px}.stat-value{font-size:28px}.expenses-table td,.expenses-table th{font-size:13px;padding:12px}}.team-page-container{margin:0 auto;max-width:1400px}.team-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.team-header h1{color:var(--color-gray-900);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.team-header p{color:#6b7280;font-size:14px;margin:0}.team-header-actions{display:flex;gap:12px}.btn-invite,.btn-primary,.btn-refresh{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-refresh:hover{border-color:#0d7463;box-shadow:0 4px 12px #0d746326;color:#0d7463;transform:translateY(-2px)}.btn-invite,.btn-primary{background:linear-gradient(135deg,#0d7463,#085d50);border:none;box-shadow:0 4px 12px #0d746333;color:#fff}.btn-invite:hover,.btn-primary:hover{background:linear-gradient(135deg,#085d50,#0d7463);box-shadow:0 6px 20px #0d746359;transform:translateY(-2px)}.team-summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.summary-card{border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card:before{background:linear-gradient(90deg,#0d7463,#37b9a5);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.summary-card:hover{border-color:#0d7463;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.summary-card:hover:before{height:6px}.summary-card-label{color:var(--color-gray-600);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-card-value{color:var(--color-gray-900);font-size:32px;font-weight:800;line-height:1.2}.summary-card.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #60a5fa}.summary-card.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7}.summary-card.orange{background:linear-gradient(135deg,#fed7aa,#fdba74);border:2px solid #fb923c}.summary-card.purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border:2px solid #c084fc}.team-pending-section{background:#fff;border:1px solid var(--color-gray-100);border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.team-pending-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.team-pending-header h2{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.pending-count{align-items:center;background:#fef3c7;border-radius:12px;color:#92400e;display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px}.pending-invites-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.invite-card{align-items:center;background:#f9fafb;border-radius:8px;justify-content:space-between;transition:all .15s ease}.invite-card:hover{background:#fff;border-color:#d1d5db}.invite-info{flex:1 1}.invite-email{color:#111827;font-size:14px;font-weight:500;margin:0 0 4px}.invite-role{color:#6b7280;font-size:13px;margin:0}.btn-cancel-invite{background:var(--color-gray-100);border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel-invite:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d;color:#fff;transform:translateY(-2px)}.no-pending{color:#9ca3af;font-size:14px;padding:24px;text-align:center}.team-card{background:#fff;border:1px solid var(--color-gray-100);border-radius:20px;box-shadow:0 4px 16px #00000014;overflow:hidden}.team-card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.team-card-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.team-error,.team-loading{color:#6b7280;font-size:16px;padding:48px;text-align:center}.team-error{color:#dc2626}.team-table-wrapper{overflow-x:auto}.team-table{border-collapse:collapse;width:100%}.team-table thead{background:linear-gradient(135deg,#0d7463,#085d50);border-bottom:none}.team-table th{color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:20px 24px;text-align:left;text-transform:uppercase}.team-table td{color:var(--color-gray-700);font-size:14px;padding:20px 24px}.team-table tbody tr,.team-table td{border-bottom:1px solid var(--color-gray-100)}.team-table tbody tr{transition:all .2s ease}.team-table tbody tr:last-child{border-bottom:none}.team-table tbody tr:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.member-info{gap:12px}.member-avatar{background:linear-gradient(135deg,#0d7463,#085d50);flex-shrink:0;font-size:16px;height:40px;width:40px}.member-details{flex:1 1;min-width:0}.member-name{color:#111827;font-size:14px;font-weight:600;margin:0 0 2px}.member-email{color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis}.member-email,.role-badge{font-size:13px;white-space:nowrap}.role-badge{align-items:center;border-radius:8px;display:inline-flex;gap:6px;padding:6px 12px}.role-badge.owner{background:#fee2e2;color:#991b1b}.role-badge.manager{background:#ede9fe;color:#5b21b6}.role-badge.inventory{background:#dbeafe;color:#1e40af}.role-badge.sales{background:#d1fae5;color:#065f46}.role-badge.marketing{background:#fce7f3;color:#9f1239}.role-badge.cashier{background:#fef3c7;color:#92400e}.role-badge.viewer{background:#f3f4f6;color:#374151}.status-badge{padding:4px 10px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.action-buttons{align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-start}.btn-edit,.btn-remove,.btn-view-features{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-edit{background:var(--color-gray-100);border:none;color:#0d7463}.btn-edit:hover{background:linear-gradient(135deg,#0d7463,#085d50);box-shadow:0 4px 12px #0d74634d;color:#fff;transform:translateY(-2px)}.btn-view-features{background:var(--color-gray-100);border:none;color:#8b5cf6}.btn-view-features:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff;transform:translateY(-2px)}.btn-remove{background:var(--color-gray-100);border:none;color:#dc2626}.btn-remove:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d;color:#fff;transform:translateY(-2px)}.btn-remove:disabled{cursor:not-allowed;opacity:.5;transform:none}.team-empty{padding:64px 24px;text-align:center}.team-empty div:last-child{color:#6b7280;font-size:16px;margin-bottom:24px}.team-modal-body{padding:0}.form-input,.form-select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .15s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a;outline:none}.form-help{color:#6b7280;font-size:13px;margin-top:4px}.role-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:12px}.role-option{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .15s ease}.role-option:hover{border-color:#0d7463;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.role-option.selected{background:#f0fdf4;border-color:#0d7463;box-shadow:0 4px 12px #0d746326}.role-option-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.role-option-icon{font-size:24px}.role-option-label{color:#111827;font-size:14px;font-weight:600;margin:0}.role-option-description{color:#6b7280;font-size:12px;line-height:1.4;margin:0 0 8px}.features-preview{display:flex;flex-direction:column;gap:4px}.feature-item{align-items:center;color:#059669;display:flex;font-size:11px;gap:4px}.feature-item:before{content:"✓";font-weight:700}.features-modal-content{padding:8px 0}.current-role-display{align-items:center;background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.current-role-icon{font-size:32px}.current-role-info h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.current-role-info p{color:#6b7280;font-size:13px;margin:0}.features-list{display:flex;flex-direction:column;gap:8px}.feature-list-item{align-items:center;background:#f9fafb;border-radius:8px;color:#374151;display:flex;font-size:14px;gap:12px;padding:12px}.feature-check{color:#10b981;font-size:18px;font-weight:700}.team-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.btn-primary,.btn-secondary{border-radius:8px;transition:all .15s ease}.alert.alert-error,.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:12px;color:#b91c1c}.alert.alert-error,.alert.alert-success,.error-message,.success-message{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.alert.alert-success,.success-message{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7;border-radius:12px;color:#065f46}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:24px;line-height:1;margin-left:12px;opacity:.7;padding:0;transition:opacity .2s}.alert button:hover{opacity:1}@media (max-width:768px){.team-header{align-items:flex-start;flex-direction:column;gap:16px}.team-header-actions{width:100%}.team-header-actions button{flex:1 1}.pending-invites-grid,.team-summary-cards{grid-template-columns:1fr}.invite-card{align-items:flex-start;flex-direction:column;gap:12px}.btn-cancel-invite{width:100%}.team-table-wrapper{overflow-x:scroll}.role-options{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.team-modal-footer{flex-direction:column}.team-modal-footer button{width:100%}}.invite-card,.team-summary-card,.team-table tbody tr{animation:fadeIn .3s ease-out}.team-tabs{background:#f3f4f6;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px}.team-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.team-tab:hover{background:#e5e7eb;color:#374151}.team-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#0d7463}.tab-icon{font-size:16px}.tab-badge{align-items:center;background:#e5e7eb;border-radius:10px;color:#374151;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.team-tab.active .tab-badge{background:#d1fae5;color:#065f46}.tab-badge.warning{background:#fef3c7;color:#92400e}.team-tab-content{min-height:400px}.roles-tab{animation:fadeIn .3s ease-out}.roles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.roles-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.role-card:hover{border-color:#0d7463;box-shadow:0 4px 12px #0d74631a}.role-card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.role-color-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.role-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.role-card-title{align-items:center;display:flex;flex:1 1;gap:8px}.role-card-title h4{color:#111827;font-size:16px;font-weight:600;margin:0}.default-badge,.system-badge{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.system-badge{background:#e5e7eb;color:#6b7280}.default-badge{background:#dbeafe;color:#1e40af}.role-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.role-stats{border-bottom:1px solid #e5e7eb;display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px}.role-stats span{color:#9ca3af;font-size:12px}.role-actions{display:flex;flex-wrap:wrap;gap:12px}.role-actions .btn-link{background:none;border:none;color:#0d7463;cursor:pointer;font-size:13px;font-weight:500;padding:0}.role-actions .btn-link:hover{text-decoration:underline}.role-actions .btn-link.danger{color:#dc2626}.delegations-tab{animation:fadeIn .3s ease-out}.delegations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.delegations-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.delegation-section{margin-bottom:32px}.section-title{align-items:center;color:#374151;display:flex;font-size:15px;gap:8px;margin:0 0 16px}.section-title.warning{color:#92400e}.delegations-list{display:flex;flex-direction:column;gap:12px}.delegation-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.delegation-card:hover{border-color:#d1d5db}.delegation-card.pending{background:#fffbeb;border-left:4px solid #f59e0b}.delegation-card.active{border-left:4px solid #10b981}.delegation-card.expired,.delegation-card.revoked{border-left:4px solid #9ca3af;opacity:.6}.delegation-info{flex:1 1}.delegation-parties{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.delegation-parties .from,.delegation-parties .to{color:#111827;font-weight:500}.delegation-parties .arrow{color:#9ca3af}.delegation-permissions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.permission-tag{background:#f3f4f6;border-radius:4px;color:#374151;font-size:11px;padding:3px 8px}.delegation-meta{display:flex;flex-wrap:wrap;gap:16px}.delegation-meta span{color:#6b7280;font-size:12px}.delegation-actions{display:flex;flex-shrink:0;gap:8px}.btn-success{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-success:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-danger:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.no-data{background:#f9fafb;border-radius:8px;color:#9ca3af;font-size:14px;padding:20px;text-align:center}.activity-tab{animation:fadeIn .3s ease-out}.activity-tab h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.activity-item:hover{border-color:#d1d5db}.activity-icon{flex-shrink:0;font-size:20px}.activity-content{flex:1 1}.activity-description{color:#374151;font-size:14px;line-height:1.5;margin:0 0 4px}.activity-description strong{color:#111827}.activity-time{color:#9ca3af;font-size:12px}.permission-selector{border:1px solid #e5e7eb;border-radius:12px;max-height:400px;overflow-y:auto}.permission-category{border-bottom:1px solid #e5e7eb}.permission-category:last-child{border-bottom:none}.category-header{align-items:center;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .2s ease}.category-header:hover{background:#f3f4f6}.category-info{align-items:center;display:flex;gap:10px}.category-icon{font-size:18px}.category-name{color:#111827;font-size:14px;font-weight:600}.category-count{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:12px;padding:2px 8px}.category-actions{align-items:center;display:flex;gap:12px}.btn-select-all{background:none;border:1px solid #0d7463;border-radius:6px;color:#0d7463;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s ease}.btn-select-all.selected,.btn-select-all:hover{background:#0d7463;color:#fff}.expand-icon{color:#9ca3af;font-size:10px}.category-permissions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:12px 16px}.permission-checkbox{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.permission-checkbox:hover{border-color:#0d7463}.permission-checkbox input[type=checkbox]{accent-color:#0d7463;flex-shrink:0;height:16px;margin-right:8px;margin-top:2px;width:16px}.permission-info{display:flex;flex-direction:column;gap:2px}.permission-name{color:#111827;font-size:13px;font-weight:500}.permission-code{color:#9ca3af;font-family:monospace;font-size:11px}.no-permissions{color:#6b7280;font-size:14px;margin:0;padding:0;text-align:center}.no-permissions-container{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:40px 24px;text-align:center}.no-permissions-container .btn-primary{margin-top:16px}.delegable-permissions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:12px}.delegable-permissions .permission-checkbox{background:#fff}.member-details-content{padding:8px 0}.member-profile{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.member-avatar.large{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:64px;justify-content:center;width:64px}.member-info-detail h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.member-info-detail p{color:#6b7280;font-size:14px;margin:0 0 8px}.member-permissions-section{margin-bottom:24px}.member-permissions-section h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.permissions-list{display:flex;flex-wrap:wrap;gap:8px}.permission-item{align-items:center;background:#f0fdf4;border-radius:6px;color:#065f46;display:flex;font-size:13px;gap:6px;padding:6px 12px}.permission-check{color:#10b981;font-weight:700}.member-meta{border-top:1px solid #e5e7eb;display:flex;gap:24px;padding:16px 0}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.team-form{padding:8px 0}.form-row{display:flex}.form-row .form-group{flex:1 1}.form-group-small{max-width:100px}.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .15s ease;width:100%}.form-textarea:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a;outline:none}.form-color{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;height:42px;padding:4px;width:100%}.form-color::-webkit-color-swatch-wrapper{padding:0}.form-color::-webkit-color-swatch{border:none;border-radius:4px}.alert.alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13px;margin-bottom:16px;padding:12px 16px}.empty-state{background:#f9fafb;border-radius:16px;padding:48px 24px}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{color:#111827}.empty-state p{margin:0 0 20px}.loading-state{font-size:16px;padding:48px;text-align:center}.pending-invites-section{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;margin-bottom:24px;padding:20px}.pending-invites-section h3{color:#92400e;font-size:16px;font-weight:600;margin:0 0 16px}.invites-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.invite-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:16px}.invite-header{gap:12px}.invite-header,.invite-icon{align-items:center;display:flex}.invite-icon{border-radius:8px;font-size:18px;height:40px;justify-content:center;width:40px}.invite-details h4{color:#111827;font-size:14px;font-weight:600;margin:0}.invite-details .invite-role{color:#6b7280;font-size:12px;margin:0}.invite-meta{display:flex;gap:16px}.invite-meta span{color:#9ca3af;font-size:11px}@media (max-width:768px){.team-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.team-tab{font-size:13px;padding:10px 16px}.team-tab span:not(.tab-icon):not(.tab-badge){display:none}.delegations-header,.roles-header{align-items:flex-start;flex-direction:column;gap:12px}.delegations-header button,.roles-header button{width:100%}.roles-grid{grid-template-columns:1fr}.delegation-card{align-items:flex-start;flex-direction:column}.delegation-actions{justify-content:flex-end;width:100%}.form-row{flex-direction:column}.form-group-small{max-width:none}.category-permissions{grid-template-columns:1fr}.member-profile{flex-direction:column;text-align:center}.member-meta{flex-direction:column;gap:12px}}@media (max-width:480px){.permission-selector{max-height:300px}.delegable-permissions{max-height:150px}}.team-activity-container{margin:0 auto;max-width:1400px;padding:24px}.team-activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.header-left{gap:16px}.header-icon,.header-left{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#0d7463,#0a5c4e);border-radius:12px;height:48px;justify-content:center;width:48px}.team-activity-header h1{color:#111827;font-size:24px;font-weight:700;margin:0}.team-activity-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.header-actions{display:flex;gap:12px}.filter-toggle,.refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.filter-toggle:hover,.refresh-btn:hover{background:#f9fafb;border-color:#d1d5db}.refresh-btn{padding:10px}.period-selector{background:#f3f4f6;border-radius:10px;display:flex;gap:8px;margin-bottom:20px;padding:4px;width:-webkit-fit-content;width:fit-content}.period-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.period-btn:hover{color:#374151}.period-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#0d7463}.filters-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:20px}.filter-group{gap:6px;min-width:180px}.filter-group label{font-size:13px}.filter-group input,.filter-group select{border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;padding:8px 12px}.date-range{align-items:center;display:flex;gap:8px}.clear-filters,.date-range span{color:#6b7280;font-size:13px}.clear-filters{align-self:flex-end;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:8px 16px}.clear-filters:hover{background:#f9fafb}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{gap:16px}.card-icon,.summary-card{align-items:center;display:flex}.card-icon{border-radius:12px;color:#fff;height:48px;justify-content:center;width:48px}.card-content{display:flex;flex-direction:column}.card-value{color:#111827;font-size:24px;font-weight:700}.card-label{color:#6b7280;font-size:13px}.tab-selector{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:20px}.tab-btn{border-bottom:2px solid #0000;color:#6b7280;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:all .2s}.tab-btn:hover{color:#374151}.tab-btn.active{border-bottom-color:#0d7463;color:#0d7463}.activity-logs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state svg.spin{animation:spin 1s linear infinite}.empty-state h3{margin:16px 0 8px}.logs-list{padding:8px}.log-item{border-radius:10px;display:flex;gap:16px;padding:16px;transition:background .2s}.log-item:hover{background:#f9fafb}.log-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.log-content{flex:1 1;min-width:0}.log-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.log-performer{color:#111827;font-weight:600}.log-action{font-size:14px;font-weight:500}.log-target{background:#f3f4f6;border-radius:4px;padding:2px 8px}.log-meta,.log-target{color:#6b7280;font-size:13px}.log-meta{align-items:center;display:flex;gap:16px;margin-top:6px}.log-role{background:#f3f4f6;border-radius:4px;padding:2px 8px}.log-amount,.log-time{align-items:center;display:flex;gap:4px}.log-amount{color:#0d7463;font-weight:500}.pagination{border-top:1px solid #e5e7eb;padding:16px}.pagination button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:8px}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button:not(:disabled):hover{background:#f9fafb}.pagination span{color:#6b7280;font-size:14px}.team-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.members-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.member-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;padding:20px}.member-avatar{background:linear-gradient(135deg,#0d7463,#0a5c4e);font-size:18px;font-weight:600;height:48px;margin-bottom:12px;width:48px}.member-info h4{color:#111827;font-size:16px;margin:0}.member-role{color:#6b7280;font-size:13px}.member-stats{border-top:1px solid #e5e7eb;display:flex;gap:20px;margin-top:16px;padding-top:16px}.stat{display:flex;flex-direction:column}.stat-value{color:#0d7463;font-size:20px}.stat-label{color:#6b7280;font-size:12px}.member-last-active{font-size:12px;gap:6px;margin-top:12px}.feature-locked,.member-last-active{align-items:center;color:#6b7280;display:flex}.feature-locked{flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.feature-locked h2{color:#111827;margin:20px 0 8px}.feature-locked p{margin:0 0 8px}.upgrade-notice{background:linear-gradient(135deg,#0d7463,#0a5c4e);border-radius:8px;color:#fff;font-weight:500;margin-top:20px;padding:12px 24px}@media (max-width:768px){.team-activity-container{padding:16px}.team-activity-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{width:100%}.filter-toggle{flex:1 1}.period-selector{overflow-x:auto;width:100%}.filters-panel{flex-direction:column}.filter-group{width:100%}.summary-cards{grid-template-columns:1fr 1fr}.log-item{gap:12px}.log-item,.log-main{flex-direction:column}.log-main{align-items:flex-start}.log-meta{flex-wrap:wrap;gap:8px}.members-grid{grid-template-columns:1fr}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.tab-selector{overflow-x:auto}}.log-item.clickable{cursor:pointer;position:relative}.log-item.clickable:hover{background:#f3f4f6}.log-view-btn{align-items:center;border-radius:8px;color:#9ca3af;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.log-item.clickable:hover .log-view-btn{background:#e5e7eb;color:#374151}.log-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.log-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.log-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header-left{align-items:center;display:flex;gap:16px}.modal-icon{border-radius:12px;height:48px;width:48px}.log-modal-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.modal-close{background:#0000;border-radius:8px;color:#6b7280;height:36px;width:36px}.modal-close:hover{background:#f3f4f6;color:#111827}.log-modal-body{overflow-y:auto;padding:20px 24px}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section h3{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.modal-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.info-label{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.info-value{color:#111827;font-size:14px;font-weight:500;text-align:left;word-break:break-word}.modal-details-list{background:#f9fafb;border-radius:10px;overflow:hidden}.detail-row{border-bottom:1px solid #e5e7eb;padding:12px 16px}.detail-row.highlight-over{background:#fef3c7}.detail-row.highlight-over .detail-value{color:#f59e0b}.detail-row.highlight-short{background:#fee2e2}.detail-row.highlight-short .detail-value{color:#ef4444}.detail-row.highlight-balanced{background:#d1fae5}.detail-row.highlight-balanced .detail-value{color:#10b981}.value-changes{align-items:stretch;display:flex;gap:16px}.value-box{background:#f9fafb;border-radius:10px;flex:1 1;overflow:hidden;padding:12px}.value-box.previous{border-left:3px solid #ef4444}.value-box.new{border-left:3px solid #10b981}.value-label{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.value-box pre{color:#374151;font-family:Monaco,Menlo,monospace;font-size:12px;margin:0;white-space:pre-wrap;word-break:break-word}.change-arrow{align-self:center;color:#9ca3af;flex-shrink:0}.modal-section.technical{background:#f9fafb;border-top:1px solid #e5e7eb;margin:0 -24px -20px;padding:16px 24px}.modal-section.technical h3{color:#9ca3af;font-size:12px}.technical-info{display:flex;flex-direction:column;gap:8px}.tech-row{gap:8px}.tech-label,.tech-row{align-items:center;display:flex}.tech-label{color:#9ca3af;font-size:12px;gap:4px;min-width:100px}.tech-value{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:12px}@media (max-width:600px){.log-modal{margin:10px;max-height:95vh}.log-modal-body,.log-modal-header{padding:16px}.modal-info-grid{grid-template-columns:1fr}.value-changes{flex-direction:column}.change-arrow{align-self:center;transform:rotate(90deg)}.modal-section.technical{margin:0 -16px -16px;padding:12px 16px}}.accept-invitation-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.accept-invitation-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;width:100%}.invitation-header{margin-bottom:30px;text-align:center}.invitation-icon{font-size:48px;margin-bottom:10px}.invitation-header h2{color:#1a202c;font-size:28px;font-weight:700;margin:0}.invitation-details{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;margin-bottom:30px;padding:20px;text-align:center}.invitation-details p{color:#4a5568;font-size:16px;margin:0 0 10px}.invitation-details h3{color:#1a202c;font-size:24px;font-weight:700;margin:10px 0}.role-badge{background:#667eea;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-top:10px;padding:8px 20px;text-transform:uppercase}.form-section{margin-top:30px}.form-section h4{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:10px}.form-description{color:#718096;font-size:14px;margin-bottom:20px}.form-group label{color:#4a5568}.form-control{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-control:disabled{background-color:#f7fafc;color:#718096;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);font-size:16px;margin-top:10px;padding:14px;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d}.btn-primary:disabled{opacity:.6}.error-message{background-color:#fed7d7;border:1px solid #fc8181;color:#c53030;padding:12px 16px}.invitation-footer{border-top:1px solid #e2e8f0;margin-top:30px;padding-top:20px;text-align:center}.expiry-notice{color:#718096;font-size:13px;margin:0}.error-state{padding:40px 20px}.error-icon{font-size:64px;margin-bottom:20px}.error-state h2{color:#c53030;font-size:24px;font-weight:700;margin-bottom:10px}.error-state p{color:#718096;font-size:16px;margin-bottom:30px}.loading-spinner{color:#667eea;font-size:18px;font-weight:500;text-align:center}@media (max-width:640px){.accept-invitation-card{padding:30px 20px}.invitation-header h2{font-size:24px}.invitation-details h3{font-size:20px}}.new-onboarding-container{background:linear-gradient(135deg,#d4f1ec,#a8e6ce);min-height:100vh;overflow-x:hidden;padding:40px 20px;position:relative}.new-onboarding-container:before{background:radial-gradient(circle at 20% 50%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff4d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.onboarding-stepper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;justify-content:space-between;margin:0 auto 40px;max-width:900px;padding:24px 32px;z-index:1}.onboarding-stepper,.stepper-item{align-items:center;display:flex;position:relative}.stepper-item{flex:1 1;gap:12px}.stepper-circle{align-items:center;background:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s;width:48px}.stepper-circle.active{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#155a51,#0d3d36);box-shadow:0 4px 12px #155a5166;color:#fff}.stepper-circle.completed{background:#10b981;color:#fff}.stepper-label{display:flex;flex-direction:column;gap:2px}.stepper-title{color:#1f2937;font-size:14px;font-weight:600}.stepper-description{color:#6b7280;font-size:12px}.stepper-line{background:#e5e7eb;flex:1 1;height:2px;margin:0 16px;transition:background .3s}.stepper-line.completed{background:#10b981}.onboarding-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001f;margin:0 auto;max-width:700px;padding:48px 40px;position:relative;z-index:1}.onboarding-step{animation:fadeIn .4s ease-out}.step-header{margin-bottom:36px;text-align:center}.step-header.success{margin-bottom:40px}.step-icon{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.step-icon.success{background:linear-gradient(135deg,#10b981,#059669);height:80px;width:80px}.step-header h2{color:#1f2937;font-size:26px;font-weight:700;margin:0 0 8px}.step-header p{color:#6b7280;font-size:15px;margin:0}.step-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-row{grid-gap:16px;gap:16px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#155a51;box-shadow:0 0 0 4px #155a511a}.url-input-group{align-items:center;border:2px solid #e5e7eb;border-radius:10px;display:flex;overflow:hidden;transition:all .2s}.url-input-group:focus-within{border-color:#155a51;box-shadow:0 0 0 4px #155a511a}.url-input-group input{border:none;flex:1 1;font-size:15px;padding:12px 16px}.url-input-group input:focus{box-shadow:none;outline:none}.url-suffix{background:#f9fafb;border-left:1px solid #e5e7eb;color:#6b7280;font-size:14px;font-weight:500;padding:0 16px}.image-upload{position:relative}.image-upload-label{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:block;padding:32px;text-align:center;transition:all .2s}.image-upload-label:hover{background:#d4f1ec;border-color:#155a51}.image-upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px}.image-preview{margin:0 auto;max-width:200px}.image-preview img{border-radius:8px;height:auto;width:100%}.payment-info-box{background:#d4f1ec;border:1px solid #a8e6ce;border-radius:12px;margin-top:8px;padding:16px}.payment-info-box h4{color:#155a51;font-size:14px;font-weight:600;margin:0 0 12px}.payment-info-box ul{list-style-type:disc;margin:0;padding-left:20px}.payment-info-box li{color:#155a51;font-size:13px;line-height:1.5;margin-bottom:6px}.review-section{display:flex;flex-direction:column;gap:20px}.review-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.review-header{align-items:center;color:#155a51;display:flex;gap:10px;margin-bottom:16px}.review-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.review-details{display:flex;flex-direction:column;gap:12px}.review-item{align-items:center;display:flex;justify-content:space-between}.review-label{color:#6b7280;font-size:14px;font-weight:500}.review-value{color:#1f2937;font-size:14px;font-weight:600}.store-url-box{background:linear-gradient(135deg,#155a51,#0d3d36);border-radius:12px;color:#fff;margin-top:8px;padding:24px;text-align:center}.store-url-box h4{font-size:14px;margin:0 0 12px;opacity:.9}.store-url{background:#fff3;border-radius:8px;font-size:18px;font-weight:700;padding:12px 20px;word-break:break-all}.ai-helper{animation:slideInRight .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;position:fixed;right:20px;top:50%;transform:translateY(-50%);width:280px;z-index:10}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translateX(20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.ai-helper-header{background:linear-gradient(135deg,#155a51,#0d3d36);color:#fff;font-size:14px;font-weight:600;padding:16px}.ai-helper-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;margin-left:auto;opacity:.8;padding:0;transition:opacity .2s;width:24px}.ai-helper-close:hover{opacity:1}.ai-helper-content{padding:16px}.ai-helper-title{color:#374151;font-size:13px;font-weight:600;margin:0 0 12px}.ai-helper-suggestions{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 16px;padding:0}.ai-helper-suggestions li{align-items:flex-start;color:#6b7280;display:flex;font-size:12px;gap:8px;line-height:1.5}.ai-helper-suggestions li svg{color:#155a51;flex-shrink:0;margin-top:2px}.ai-helper-ask-btn{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.ai-helper-ask-btn:hover{box-shadow:0 4px 12px #155a5166;transform:translateY(-2px)}.ai-helper-toggle{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 16px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 20px;position:fixed;right:20px;transition:all .3s;z-index:10}.ai-helper-toggle:hover{box-shadow:0 6px 20px #155a5166;transform:translateY(-2px)}.onboarding-navigation{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:32px;padding-top:24px}.nav-spacer{flex:1 1}.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#155a51,#0d3d36)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #155a5166}.btn-secondary{background:#f3f4f6;color:#6b7280}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.5}.field-with-ai-button{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.ai-generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #155a5166;transform:translateY(-2px)}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.5}.ai-chat-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:flex-start;left:0;padding-left:40px;position:fixed;right:0;top:0;z-index:1000}.ai-chat-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:600px;max-height:80vh;max-width:90vw;width:500px}.ai-chat-header{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border-radius:16px 16px 0 0;color:#fff;display:flex;gap:12px;padding:20px}.ai-chat-header h3{flex:1 1;font-size:18px;font-weight:600;margin:0}.ai-chat-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:4px;transition:opacity .2s}.ai-chat-close:hover{opacity:1}.ai-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.ai-chat-welcome{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.ai-chat-welcome svg{color:#155a51;margin-bottom:16px;opacity:.5}.ai-chat-welcome p{font-size:15px;line-height:1.6;margin:0;max-width:300px}.ai-chat-message{animation:slideInMessage .3s ease-out;display:flex}@keyframes slideInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-chat-message.user{justify-content:flex-end}.ai-chat-message.assistant{justify-content:flex-start}.message-content{border-radius:12px;font-size:14px;line-height:1.5;max-width:75%;padding:12px 16px}.ai-chat-message.user .message-content{background:linear-gradient(135deg,#155a51,#0d3d36);border-bottom-right-radius:4px;color:#fff}.ai-chat-message.assistant .message-content{background:#f3f4f6;border-bottom-left-radius:4px;color:#1f2937}.ai-chat-input{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.ai-chat-input input{border:2px solid #e5e7eb;border-radius:10px;flex:1 1;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s}.ai-chat-input input:focus{border-color:#155a51;box-shadow:0 0 0 4px #155a511a;outline:none}.ai-chat-send{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:12px;transition:all .2s}.ai-chat-send:hover:not(:disabled){box-shadow:0 4px 12px #155a5166;transform:translateY(-2px)}.ai-chat-send:disabled{cursor:not-allowed;opacity:.5}.spinner-small{animation:spin .8s linear infinite;border:2px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@media (max-width:1024px){.ai-helper{margin:24px auto;max-width:700px;position:static;transform:none;width:100%}.ai-helper-toggle{bottom:20px;position:fixed;right:20px}}@media (max-width:768px){.new-onboarding-container{padding:20px 16px}.onboarding-stepper{overflow-x:auto;padding:16px}.stepper-label{display:none}.stepper-line{margin:0 8px}.onboarding-card{padding:32px 24px}.step-header h2{font-size:22px}.form-row{grid-template-columns:1fr}.onboarding-navigation{flex-direction:column}.nav-spacer{display:none}.btn-primary,.btn-secondary,.btn-success{justify-content:center;width:100%}}@media (max-width:480px){.onboarding-card{padding:24px 20px}.step-icon{height:56px;width:56px}.step-header h2{font-size:20px}.step-header p{font-size:14px}}.ai-helper.chat-mode{display:flex;flex-direction:column;height:450px}.ai-helper-header{align-items:center;display:flex;gap:8px;position:relative}.ai-helper-back{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.ai-helper-back:hover{background:#ffffff4d}.ai-sidebar-chat{min-height:0}.ai-sidebar-chat,.ai-sidebar-messages{display:flex;flex:1 1;flex-direction:column}.ai-sidebar-messages{gap:10px;overflow-y:auto;padding:12px}.ai-sidebar-welcome{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:8px}.ai-typing-container-small{align-items:center;background:#f3f4f6;border-radius:16px;display:flex;font-size:12px;gap:6px;padding:6px 12px}.ai-quick-questions-sidebar{display:flex;flex-direction:column;gap:6px;width:100%}.ai-quick-question-btn-small{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:11px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.ai-quick-question-btn-small:hover{background:#d4f1ec;border-color:#155a51;color:#155a51}.ai-sidebar-message{animation:slideInMessage .3s ease-out;display:flex}.ai-sidebar-message.user{justify-content:flex-end}.ai-sidebar-message.assistant{align-items:flex-start;justify-content:flex-start}.message-avatar-small{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;margin-right:8px;min-width:24px;width:24px}.message-content-small{border-radius:10px;font-size:12px;line-height:1.4;max-width:85%;padding:8px 12px}.ai-sidebar-message.user .message-content-small{background:linear-gradient(135deg,#155a51,#0d3d36);border-bottom-right-radius:4px;color:#fff}.ai-sidebar-message.assistant .message-content-small{background:#f3f4f6;border-bottom-left-radius:4px;color:#1f2937}.ai-sidebar-input{align-items:center;background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px}.ai-sidebar-input input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-family:inherit;font-size:12px;padding:8px 12px;transition:all .2s}.ai-sidebar-input input:focus{border-color:#155a51;box-shadow:0 0 0 2px #155a511a;outline:none}.ai-sidebar-send{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.ai-sidebar-send:hover:not(:disabled){box-shadow:0 2px 8px #155a514d;transform:translateY(-1px)}.ai-sidebar-send:disabled{cursor:not-allowed;opacity:.5}.ai-chat-welcome-revamped{flex-direction:column;height:100%;padding:24px;text-align:center}.ai-chat-welcome-revamped,.ai-welcome-icon{align-items:center;display:flex;justify-content:center}.ai-welcome-icon{background:linear-gradient(135deg,#155a51,#0d3d36);border-radius:50%;color:#fff;height:80px;margin-bottom:20px;position:relative;width:80px}.ai-pulse-ring{animation:pulseRing 2s ease-out infinite;border:2px solid #155a51;border-radius:50%;height:100%;position:absolute;width:100%}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.ai-capability-showcase{margin-bottom:24px}.ai-welcome-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 12px}.ai-typing-container{align-items:center;background:#f3f4f6;border-radius:20px;display:flex;gap:8px;justify-content:center;min-height:28px;padding:8px 16px}.capability-icon{color:#155a51}.ai-typed-text{color:#4b5563;font-size:14px;font-weight:500}.ai-cursor{animation:blink 1s infinite;color:#155a51;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.ai-features-mini{display:flex;gap:12px;margin-bottom:28px}.ai-feature-item{align-items:center;background:#d4f1ec;border-radius:10px;color:#155a51;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.ai-feature-item:hover{background:#a8e6ce;transform:translateY(-2px)}.ai-quick-questions{width:100%}.ai-questions-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.ai-questions-list{display:flex;flex-direction:column;gap:8px}.ai-quick-question-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:13px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.ai-quick-question-btn:hover{background:#d4f1ec;border-color:#155a51;color:#155a51;transform:translateX(4px)}.message-avatar{align-items:center;background:linear-gradient(135deg,#155a51,#0d3d36);border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;margin-right:10px;min-width:28px;width:28px}.ai-chat-message.assistant{align-items:flex-start;display:flex}.ai-chat-message.assistant .message-content{max-width:calc(75% - 38px)}.typing-indicator{align-items:center;display:flex;gap:4px;min-width:60px;padding:16px!important}.typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.ai-chat-suggestions{border-top:1px solid #f3f4f6;display:flex;gap:8px;overflow-x:auto;padding:8px 20px}.ai-suggestion-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:12px;padding:6px 12px;transition:all .2s;white-space:nowrap}.ai-suggestion-chip:hover{background:#d4f1ec;border-color:#155a51;color:#155a51}@media (max-width:768px){.ai-chat-modal{border-radius:0;height:100%;max-height:100vh;max-width:100vw;width:100%}.ai-chat-overlay{justify-content:center;padding:0}.ai-chat-welcome-revamped{padding:20px 16px}.ai-welcome-icon{height:64px;width:64px}.ai-welcome-title{font-size:18px}.ai-typing-container{flex-wrap:nowrap;padding:6px 12px}.ai-typed-text{font-size:13px}.ai-features-mini{gap:8px}.ai-feature-item{height:36px;width:36px}.ai-quick-question-btn{font-size:12px;padding:10px 14px}.ai-chat-suggestions{padding:8px 12px}}@media (max-width:480px){.ai-chat-header h3{font-size:16px}.ai-welcome-icon{height:56px;width:56px}.ai-welcome-icon svg{height:28px;width:28px}.ai-features-mini{gap:6px}.ai-feature-item{height:32px;width:32px}.ai-feature-item svg{height:14px;width:14px}}@media (max-width:1024px){.ai-helper.chat-mode{height:400px}}@media (max-width:768px){.ai-helper.chat-mode{border-radius:16px 16px 0 0;bottom:0;height:60vh;left:0;max-width:100%;position:fixed;right:0;top:auto;transform:none;width:100%;z-index:100}.ai-sidebar-messages{padding:10px}.ai-quick-question-btn-small{font-size:12px;padding:10px 12px}.ai-sidebar-input{padding:10px}.ai-sidebar-input input{font-size:14px;padding:10px 12px}}.media-page-container{background:#f9fafb;min-height:100vh;padding:24px}.media-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:space-between;margin-bottom:32px;padding:28px 32px;transition:all .3s ease}.media-header:hover{box-shadow:0 6px 16px #0000001f}.media-header-title h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.media-header-title p{color:#6b7280;font-size:14px;margin:0}.media-header-actions{display:flex;gap:12px}.btn-refresh{background:#0000;border:2px solid #d1d5db;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#6b7280;display:flex;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-refresh:hover{background:#f3f4f6;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.btn-upload-media{align-items:center;background:linear-gradient(135deg,#0d7463,#085d50);border:none;border-radius:12px;box-shadow:0 4px 12px #0d74634d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-upload-media:hover{background:linear-gradient(135deg,#085d50,#064739);box-shadow:0 6px 20px #0d746366;transform:translateY(-2px)}.media-filters-card{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:20px 24px}.media-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.media-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#374151;flex:1 1;font-size:14px;font-weight:500;min-width:200px;padding:10px 16px;transition:all .3s ease}.media-search-input:focus{border-color:#0d7463;box-shadow:0 0 0 4px #0d74631a;outline:none}.media-filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:10px 16px;transition:all .3s ease}.media-filter-select:hover{border-color:#0d7463}.media-filter-select:focus{border-color:#0d7463;box-shadow:0 0 0 4px #0d74631a;outline:none}.media-view-mode-buttons{background:#f3f4f6;border-radius:10px;display:flex;gap:4px;padding:4px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-mode-btn:hover{background:#e5e7eb;color:#374151}.view-mode-btn.active{background:linear-gradient(135deg,#0d7463,#085d50);box-shadow:0 2px 8px #0d74634d;color:#fff}.btn-clear-filters{background:#0000;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-clear-filters:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:0 4px 8px #0000001a;color:#374151;transform:translateY(-1px)}.media-error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;box-shadow:0 2px 8px #dc26261a;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.error-close-btn,.media-error-alert{align-items:center;color:#dc2626;display:flex}.error-close-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:20px;font-weight:700;height:24px;justify-content:center;padding:0;transition:background .2s ease;width:24px}.error-close-btn:hover{background:#dc26261a}.media-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:80px 24px}.loading-content{animation:fadeInOut 1.5s ease-in-out infinite;font-size:16px;font-weight:500}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:1}}.media-empty-state{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;color:#6b7280;padding:64px 24px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px}.empty-state-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state-description{color:#6b7280;font-size:14px;margin:0 0 24px}.media-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.media-list{display:flex;flex-direction:column;gap:16px}.media-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.media-card:hover{border-color:#0d7463;box-shadow:0 8px 24px #0d746326;transform:translateY(-4px)}.media-card.selected{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#0d7463;box-shadow:0 0 0 4px #0d74631a}.media-card-inner{position:relative}.media-preview{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:center;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.media-card:hover .media-preview{border-color:#0d7463;box-shadow:0 4px 12px #0d74631a}.media-preview img{height:100%;object-fit:cover;width:100%}.media-preview-icon{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px}.media-preview-icon svg{height:48px;width:48px}.media-preview-type{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.media-selection-badge{align-items:center;animation:scaleIn .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#0d7463,#085d50);border-radius:50%;box-shadow:0 4px 12px #0d746366;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.media-info{margin-bottom:16px}.media-name{color:#111827;font-size:15px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-size{color:#6b7280;font-size:13px;font-weight:500;margin:0 0 4px}.media-dimensions{color:#9ca3af;font-size:12px;font-weight:500;margin:0}.media-actions{display:flex;gap:8px}.media-action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.media-action-btn:hover{background:#0d7463;border-color:#0d7463;box-shadow:0 4px 12px #0d74634d;color:#fff;transform:translateY(-2px)}.media-action-btn.download{border-color:#a7f3d0}.media-action-btn.download:hover{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.media-action-btn.delete{border-color:#fecaca}.media-action-btn.delete:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.upload-modal-content{padding:24px}.upload-zone{background:linear-gradient(135deg,#fff,#f9fafb);border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;margin-bottom:20px;padding:48px 32px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-zone:hover{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#0d7463;box-shadow:0 8px 24px #0d74631a;transform:translateY(-2px)}.upload-zone-icon{font-size:56px;margin-bottom:20px}.upload-zone-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.upload-zone-description{color:#6b7280;font-size:14px;margin:0 0 20px}.edit-modal-content{padding:24px}.form-input,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-family:inherit;font-size:14px;padding:10px 16px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#0d7463;box-shadow:0 0 0 4px #0d74631a;outline:none}.form-textarea{min-height:80px}@media (max-width:1200px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.media-page-container{padding:16px}.media-header{flex-direction:column;gap:16px;padding:20px}.media-header-actions{flex-direction:column;width:100%}.media-header-actions button{justify-content:center;width:100%}.media-filters{align-items:stretch;flex-direction:column}.media-search-input{max-width:100%}.media-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.media-card{padding:12px}.upload-zone{padding:32px 20px}}@media (max-width:480px){.media-grid{grid-template-columns:repeat(2,1fr)}}.media-list-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.media-list-item:hover{border-color:#0d7463;box-shadow:0 6px 20px #0d74631f;transform:translateY(-2px)}.media-list-item.selected{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#0d7463;box-shadow:0 0 0 4px #0d74631a}.media-list-thumbnail{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:10px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;transition:all .3s ease;width:80px}.media-list-item:hover .media-list-thumbnail{border-color:#0d7463;box-shadow:0 4px 12px #0d74631a}.media-list-thumbnail img{height:100%;object-fit:cover;width:100%}.media-list-icon{align-items:center;color:#9ca3af;display:flex;justify-content:center}.media-list-icon svg{height:32px;width:32px}.media-list-selection-badge{align-items:center;animation:scaleIn .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#0d7463,#085d50);border-radius:50%;box-shadow:0 4px 12px #0d746366;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;left:12px;position:absolute;top:12px;width:28px;z-index:10}.media-list-info{flex:1 1;min-width:0}.media-list-name{color:#111827;font-size:16px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-list-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.media-list-type{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #a7f3d0;border-radius:6px;color:#047857;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.media-list-separator{color:#d1d5db;font-weight:600}.media-list-size{font-weight:500}.media-list-dimensions{color:#9ca3af;font-weight:500}.media-list-actions{display:flex;flex-shrink:0;gap:8px}.media-list-action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.media-list-action-btn svg{flex-shrink:0}.media-list-action-btn:hover{background:#0d7463;border-color:#0d7463;box-shadow:0 4px 12px #0d74634d;color:#fff;transform:translateY(-2px)}.media-list-action-btn.download:hover{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.media-list-action-btn.delete:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}@media (max-width:1024px){.media-list-actions{flex-direction:column}.media-list-action-btn{justify-content:center;width:100%}}@media (max-width:768px){.media-list-item{align-items:flex-start;flex-direction:column;padding:16px}.media-list-thumbnail{height:160px;width:100%}.media-list-info{width:100%}.media-list-actions{flex-direction:row;width:100%}.media-list-action-btn{flex:1 1;justify-content:center}}.customer-dashboard{background-color:#f8f9fa;min-height:100vh}.customer-dashboard .customer-dashboard-header{background:linear-gradient(135deg,#000,#333);color:#fff;margin-bottom:2rem;padding:2rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content h1{font-size:2.5rem;font-weight:700;margin:0}.user-info{align-items:center;display:flex;gap:1rem}.user-info span{font-size:1.1rem}.dashboard-nav{border-bottom:1px solid #e9ecef;display:flex;gap:.5rem;margin:0 auto 2rem;max-width:1200px;overflow-x:auto;padding:0 2rem}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.nav-tab.active,.nav-tab:hover{background-color:#f8f9fa;color:#000}.nav-tab.active{border-bottom-color:#000}.dashboard-content{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.loading-spinner{flex-direction:column;gap:1rem;min-height:400px}.spinner{border:4px solid #f3f3f3;border-top-color:#000}.error-state{padding:4rem 2rem;text-align:center}.error-state h2{color:#dc3545;margin-bottom:1rem}.overview-tab{display:flex;flex-direction:column;gap:2rem}.overview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.overview-grid{grid-template-columns:2fr 1fr}.stats-grid{grid-column:1/-1}}.sidebar-stack{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.sidebar-stack .cart-summary,.sidebar-stack .wishlist-summary{height:auto;max-height:72px;overflow:hidden;padding:.4rem}.sidebar-stack .cart-summary h2,.sidebar-stack .wishlist-summary h2{font-size:.9rem;margin:0 0 .4rem}.sidebar-stack .cart-info,.sidebar-stack .wishlist-info{display:flex;flex-direction:column;gap:.25rem}.sidebar-stack .cart-info p,.sidebar-stack .wishlist-info p{font-size:.8rem;line-height:1.2;margin:0}.sidebar-stack .btn-primary{font-size:.8rem;padding:.35rem .5rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem}.stat-card{box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.stat-card h3{color:#6c757d;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-number{color:#000;font-size:2.5rem;font-weight:700;margin:0}.cart-summary,.recent-orders,.wishlist-summary{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem}.cart-summary h2,.recent-orders h2,.wishlist-summary h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-item{align-items:center;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.order-item:hover{border-color:#000;box-shadow:0 2px 8px #0000001a}.order-info h4{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.order-info p{color:#6c757d;font-size:.9rem;margin:0}.order-status{text-align:right}.status-badge{border-radius:20px;font-size:.8rem;margin-bottom:.5rem;padding:.25rem .75rem}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.processing{background-color:#d1ecf1;color:#0c5460}.status-badge.shipped{background-color:#d4edda;color:#155724}.status-badge.delivered{background-color:#d1ecf1;color:#0c5460}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.cart-info,.wishlist-info{display:flex;flex-direction:column;gap:1rem}.cart-info p,.wishlist-info p{font-size:1.1rem;margin:0}.orders-tab{display:flex;flex-direction:column;gap:2rem}.orders-tab h2{font-size:2rem;font-weight:600;margin:0}.orders-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:transform .3s ease}.order-card:hover{transform:translateY(-2px)}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.order-header h3{font-size:1.2rem;font-weight:600;margin:0}.order-details{margin-bottom:1.5rem}.order-details p{color:#6c757d;margin:.5rem 0}.order-actions{display:flex;gap:.75rem}.cart-tab{display:flex;flex-direction:column;gap:2rem}.cart-tab h2{font-size:2rem;font-weight:600;margin:0}.cart-items{display:flex;flex-direction:column;gap:1.5rem}.cart-item{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:1rem;padding:1.5rem}.item-image{flex-shrink:0;height:100px;width:100px}.item-image img{border-radius:8px;height:100%;object-fit:cover;width:100%}.placeholder-image{align-items:center;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;display:flex;font-size:.8rem;height:100%;justify-content:center;width:100%}.item-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.item-details h3{font-size:1.1rem;font-weight:600;margin:0}.item-details p{color:#6c757d;margin:0}.quantity-controls{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.quantity-controls button{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.quantity-controls button:hover{background-color:#f8f9fa}.quantity-controls span{font-weight:600;min-width:30px;text-align:center}.item-total{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.item-total p{font-size:1.1rem;font-weight:600;margin:0}.remove-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:.9rem;text-decoration:underline}.remove-btn:hover{color:#c82333}.cart-summary{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:2rem}.cart-summary h3{font-size:1.5rem;font-weight:600;margin:0}.wishlist-tab{display:flex;flex-direction:column;gap:2rem}.wishlist-tab h2{font-size:2rem;font-weight:600;margin:0}.wishlist-items{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.wishlist-item{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:transform .3s ease}.wishlist-item:hover{transform:translateY(-2px)}.wishlist-item .item-image{height:200px;margin-bottom:1rem;width:100%}.wishlist-item .item-details h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.wishlist-item .item-details p{color:#6c757d;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.item-actions{display:flex;gap:.75rem}.addresses-tab{display:flex;flex-direction:column;gap:2rem}.addresses-tab h2{font-size:2rem;font-weight:600;margin:0}.addresses-tab p{color:#6c757d;font-size:1.1rem;margin:0}.profile-tab{display:flex;flex-direction:column;gap:2rem}.profile-tab h2{font-size:2rem;font-weight:600;margin:0}.profile-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem}.form-group input{border:1px solid #dee2e6;border-radius:6px;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:disabled{background-color:#f8f9fa;color:#6c757d}.support-tab{display:flex;flex-direction:column;gap:2rem}.support-tab h2{font-size:2rem;font-weight:600;margin:0}.support-options{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary{background-color:#000;border-radius:6px;display:inline-block;font-size:1rem;padding:.75rem 1.5rem;text-align:center;text-decoration:none}.btn-primary:hover{background-color:#333}.btn-secondary{border:1px solid #dee2e6;border-radius:6px;color:#000;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background-color:#f8f9fa;border-color:#000}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.dashboard-nav{padding:0 1rem}.nav-tab{font-size:.9rem;padding:.75rem 1rem}.dashboard-content{padding:0 1rem 2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.cart-item{flex-direction:column}.item-image{height:200px;width:100%}.cart-summary{gap:1rem;text-align:center}.cart-summary,.order-actions,.support-options{flex-direction:column}}.customer-auth{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;overflow:hidden;padding:3rem;position:relative;width:100%}.auth-container:before{background:linear-gradient(90deg,#000,#333);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:#000;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.auth-header p{color:#6c757d;font-size:1.1rem;line-height:1.5;margin:0}.auth-tabs{background-color:#f8f9fa;border-radius:8px;display:flex;margin-bottom:2rem;padding:4px}.tab{border-radius:6px;color:#6c757d;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.tab.active{background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#000}.tab:hover:not(.active){color:#000}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem}.form-group input{background-color:#fafafa;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-group input:focus{background-color:#fff;border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.form-group input::placeholder{color:#adb5bd}.form-options{display:flex;justify-content:flex-end;margin-top:-.5rem}.forgot-password{background:none;border:none;color:#000;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline;transition:color .3s ease}.forgot-password:hover{color:#333}.forgot-password:disabled{color:#adb5bd;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#000,#333);font-size:1.1rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #0003}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.7;transform:none}.loading-spinner{gap:.5rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.alert{padding:1rem;text-align:center}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.auth-footer{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:2rem;text-align:center}.auth-footer p{color:#6c757d;margin:0}.link-button{background:none;border:none;color:#000;cursor:pointer;font-weight:600;padding:0;text-decoration:underline;transition:color .3s ease}.link-button:hover{color:#333}.store-info{background-color:#f8f9fa;border-radius:8px;margin-top:1.5rem;padding:1rem;text-align:center}.store-info p{color:#6c757d;font-size:.9rem;margin:0}.store-info strong{color:#000;font-weight:600}@media (max-width:768px){.customer-auth{padding:1rem}.auth-container{padding:2rem}.auth-header h1{font-size:2rem}.form-row{grid-template-columns:1fr}.btn-primary{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width:480px){.auth-container{padding:1.5rem}.auth-header h1{font-size:1.75rem}.auth-header p{font-size:1rem}.form-group input{padding:.75rem}}.settlements-page-container{margin:0 auto;max-width:1400px}.settlements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.settlements-header-title h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 4px}.settlements-header-title p{color:#6b7280;font-size:14px;margin:0}.settlements-header-actions{display:flex;gap:12px}.btn-refresh{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .15s ease}.btn-refresh svg{flex-shrink:0}.btn-refresh:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#0d7463,#085d50);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .15s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0d74634d}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.btn-secondary:hover{background:#f9fafb}.summary-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.summary-card:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.summary-card-content{align-items:flex-start;display:flex;justify-content:space-between}.summary-card-label{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 8px}.summary-card-value{color:#111827;font-size:28px;font-weight:700;margin:0}.summary-card-subtitle{color:#9ca3af;font-size:12px;margin:4px 0 0}.summary-card-icon{font-size:32px;opacity:.8}.summary-card.green{border-left:4px solid #10b981}.summary-card.orange{border-left:4px solid #f59e0b}.summary-card.blue{border-left:4px solid #3b82f6}.summary-card.purple{border-left:4px solid #8b5cf6}.kyc-warning-card{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:24px}.kyc-warning-icon{flex-shrink:0;font-size:48px}.kyc-warning-content h3{color:#92400e;font-size:18px;font-weight:700;margin:0 0 8px}.kyc-warning-content p{color:#78350f;font-size:14px;margin:0 0 16px}.settlements-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.filters-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr auto}.filter-group{flex-direction:column}.filter-label{color:#374151;font-size:14px;font-weight:500}.filter-input,.filter-select{background:#fff;border-radius:8px;color:#111827;padding:10px 12px;transition:all .15s ease}.filter-input:focus,.filter-select:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a}.settlements-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.settlements-error,.settlements-loading{color:#6b7280;font-size:16px;padding:48px;text-align:center}.settlements-error{color:#dc2626}.settlements-table-wrapper{overflow-x:auto}.settlements-table{border-collapse:collapse;width:100%}.settlements-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.settlements-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.settlements-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:14px;padding:16px}.settlements-table tbody tr:hover{background:#f9fafb}.settlement-id{color:#6b7280;font-family:Monaco,Courier New,monospace;font-size:13px}.order-reference{color:#374151;font-size:13px}.amount,.net-amount,.service-charge{color:#111827;font-weight:600}.net-amount{color:#10b981}.status-badge{text-transform:capitalize}.status-badge.processing{background:#dbeafe;color:#1e40af}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.failed{background:#fee2e2;color:#991b1b}.status-badge.on-hold{background:#fed7aa;color:#9a3412}.btn-view{background:#fff;border:1px solid #0d7463;border-radius:6px;color:#0d7463;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .15s ease}.btn-view:hover{background:#0d7463;color:#fff}.btn-resubmit{align-items:center;background:#fff;border:1px solid #ea580c;border-radius:6px;color:#ea580c;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.btn-resubmit svg{flex-shrink:0}.btn-resubmit:hover:not(:disabled){background:#ea580c;color:#fff}.btn-resubmit:hover:not(:disabled) svg{stroke:#fff}.btn-resubmit:disabled{cursor:not-allowed;opacity:.5}.settlements-empty{padding:64px 24px;text-align:center}.settlements-empty div:last-child{color:#6b7280;font-size:16px}.settlements-modal-body{min-width:700px;padding:16px 24px}.settlements-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:20px 16px 8px}.balance-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.balance-info p{color:#374151;font-size:14px;margin:8px 0}.form-group label{color:#374151}.form-input{font-size:14px;padding:10px 12px;transition:all .15s ease}.form-input:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a}.error-message{margin-top:16px;padding:12px}.details-grid{grid-gap:20px 40px;gap:20px 40px;grid-template-columns:repeat(2,1fr);min-width:600px}.detail-item{border-bottom:1px solid #f3f4f6;gap:8px;min-width:0;padding:14px 0}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-item p{color:#111827;font-size:15px;font-weight:500;margin:0;overflow-wrap:break-word;word-break:break-word}.detail-item .status-badge{align-self:flex-start;width:-webkit-fit-content;width:fit-content}.net-amount-large{color:#10b981!important;font-size:28px!important;font-weight:700!important}.detail-section-header{border-bottom:none;border-top:2px solid #e5e7eb;color:#111827;font-size:16px;font-weight:700;grid-column:1/-1;margin-top:8px;padding:16px 0 8px}.error-text{color:#dc2626!important}@media (max-width:768px){.settlements-header{align-items:flex-start;flex-direction:column;gap:16px}.settlements-header-title h1{font-size:22px}.settlements-header-actions{width:100%}.settlements-header-actions button{flex:1 1}.summary-cards-grid{grid-template-columns:1fr}.summary-card-value{font-size:22px}.filters-grid{grid-template-columns:1fr}.settlements-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:scroll}.settlements-table td,.settlements-table th{font-size:13px;padding:12px}.settlements-modal-body{min-width:0;min-width:auto;padding:12px}.details-grid{gap:0;grid-template-columns:1fr;min-width:0;min-width:auto}.detail-item{padding:14px 0}.detail-item p{font-size:14px}.settlements-modal-footer{flex-direction:column;padding:16px 8px 8px}.settlements-modal-footer button{padding:12px 16px;width:100%}.net-amount-large{font-size:24px!important}.kyc-warning-card{flex-direction:column;padding:20px;text-align:center}.kyc-warning-icon{font-size:40px}}@media (max-width:480px){.settlements-header-title h1{font-size:20px}.settlements-header-title p{font-size:13px}.btn-primary,.btn-refresh{font-size:13px;padding:8px 12px}.summary-card{padding:16px}.summary-card-label{font-size:13px}.summary-card-value{font-size:20px}.settlements-filters{padding:16px}.filter-label{font-size:13px}.settlements-empty{padding:40px 16px}.empty-icon{font-size:48px}}.secure-bank-account{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.secure-bank-account.verified{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#86efac}.secure-bank-account.unverified{background:linear-gradient(135deg,#fff,#fef3c7);border-color:#fbbf24}.secure-bank-account.no-account{background:#f8fafc;border-color:#cbd5e1;padding:40px 20px;text-align:center}.no-account-icon{color:#94a3b8;display:flex;justify-content:center;margin-bottom:16px}.no-account-text h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.no-account-text p{color:#64748b;font-size:14px;margin:0 0 20px}.add-account-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-account-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.account-header{border-bottom:1px solid #e2e8f0;gap:16px;margin-bottom:20px;padding-bottom:16px}.account-header,.account-icon{align-items:center;display:flex}.account-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.account-info{flex:1 1}.account-name{color:#1e293b;font-size:16px;font-weight:700;margin-bottom:4px}.bank-name{color:#64748b;font-size:14px;font-weight:500}.verification-badge{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.secure-bank-account.verified .verification-badge{background:#d1fae5;color:#065f46}.secure-bank-account.unverified .verification-badge{background:#fef3c7;color:#92400e}.account-number-section{margin-bottom:16px}.account-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.account-number-display{align-items:center;display:flex;gap:12px;justify-content:space-between}.account-number{color:#1e293b;font-family:Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:2px}.toggle-visibility-btn{align-items:center;background:#0000;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.toggle-visibility-btn:hover{background:#3b82f6;color:#fff}.auto-hide-notice{align-items:center;color:#f59e0b;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:8px}.verify-section{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;gap:12px;justify-content:space-between;padding:12px}.verify-notice,.verify-section{align-items:center;display:flex}.verify-notice{color:#92400e;font-size:13px;font-weight:500;gap:8px}.verify-btn{background:#f59e0b;border-radius:6px;font-size:13px;padding:8px 16px;white-space:nowrap}.verify-btn:hover{background:#d97706}@media (max-width:768px){.account-header{flex-wrap:wrap}.verification-badge{justify-content:center;width:100%}.account-number-display{align-items:flex-start;flex-direction:column}.toggle-visibility-btn{justify-content:center;width:100%}.verify-section{align-items:stretch;flex-direction:column}.verify-btn{width:100%}}.password-confirm-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.password-confirm-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:32px;position:relative;width:100%}.password-form{width:100%}.password-input-wrapper{align-items:center;display:flex}.password-input-wrapper input{border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:15px;padding:12px 40px 12px 14px;transition:all .2s ease;width:100%}.password-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-input-wrapper input:disabled{background:#f8fafc;cursor:not-allowed}.toggle-password-btn{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s ease}.toggle-password-btn:hover{color:#64748b}.error-message{margin-bottom:20px}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 20px;transition:all .2s ease}.confirm-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.confirm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.password-confirm-modal{padding:24px}.modal-title{font-size:20px}.modal-actions{flex-direction:column}.cancel-btn,.confirm-btn{width:100%}}.change-bank-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.change-bank-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.modal-close-btn:hover{background:#f1f5f9;color:#475569}.modal-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.modal-title{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 8px;text-align:center}.modal-message{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 24px;text-align:center}.current-account-info{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.current-label{color:#64748b;font-weight:600}.current-value{color:#1e293b;font-family:Courier New,monospace;font-weight:700;letter-spacing:1px}.current-bank{color:#64748b;margin-left:auto}.change-bank-form{width:100%}.form-group label{color:#475569;font-weight:600}.input-wrapper,.select-wrapper{align-items:center;display:flex;position:relative}.input-icon,.select-icon{color:#94a3b8;left:14px;pointer-events:none;position:absolute}.input-wrapper input,.select-wrapper select{border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:15px;padding:12px 14px 12px 44px;transition:all .2s ease;width:100%}.input-wrapper input:focus,.select-wrapper select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-wrapper input:disabled,.select-wrapper select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.verify-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;padding:12px 20px;transition:all .2s ease;width:100%}.verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.verify-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.verification-success{align-items:flex-start;background:#ecfdf5;border:2px solid #10b981;border-radius:8px;color:#065f46;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.verification-success svg{color:#10b981;flex-shrink:0;margin-top:2px}.verification-success strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.verification-success p{color:#047857;font-size:13px;margin:0}.error-message{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 12px}.modal-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 20px;transition:all .2s ease}.cancel-btn{background:#0000;border:2px solid #e2e8f0;color:#64748b}.cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.security-notice{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px;justify-content:center;margin-top:20px}@media (max-width:480px){.change-bank-modal{padding:24px}.modal-title{font-size:20px}.current-account-info{flex-wrap:wrap}.current-bank{margin-left:0;margin-top:4px;width:100%}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.calendar-integration-container{margin:0 auto;max-width:1000px;padding:24px}.loading-state{gap:16px}.spinner{border:4px solid #0080801a;border-top-color:teal}.loading-state p{color:#666;font-size:16px}.calendar-header{align-items:center;border-bottom:2px solid #e5e5e5;display:flex;gap:20px;margin-bottom:32px;padding-bottom:24px}.header-icon-wrapper{align-items:center;background:linear-gradient(135deg,teal,#066);border-radius:16px;box-shadow:0 4px 12px #00808033;display:flex;height:64px;justify-content:center;width:64px}.header-icon{color:#fff;height:32px;width:32px}.header-content{flex:1 1}.calendar-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.calendar-subtitle{color:#666;font-size:16px;margin:0}.alert{animation:slideDown .3s ease-out;border-radius:12px;font-size:15px;font-weight:500;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-icon{height:20px;width:20px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.calendar-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:28px;transition:box-shadow .3s ease}.calendar-card:hover{box-shadow:0 4px 16px #0000001f}.card-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.card-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.status-badge{align-items:center;border-radius:24px;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.status-connected{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-disconnected{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.connection-prompt{align-items:flex-start;display:flex;gap:24px}.prompt-icon{color:teal;flex-shrink:0;height:48px;margin-top:4px;width:48px}.prompt-content h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 12px}.prompt-content p{color:#666;font-size:15px;line-height:1.6;margin:0 0 24px}.connection-details{display:flex;flex-direction:column;gap:20px}.detail-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:16px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#555;font-size:15px;font-weight:600}.detail-value{color:#1a1a1a;font-size:15px;font-weight:500}.calendar-select{background:#fff;border:2px solid #e5e5e5;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:15px;min-width:250px;padding:10px 16px;transition:border-color .2s ease}.calendar-select:hover{border-color:teal}.calendar-select:focus{border-color:teal;box-shadow:0 0 0 3px #0080801a;outline:none}.calendar-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,teal,#066);box-shadow:0 4px 12px #0080804d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#066,#055);box-shadow:0 6px 16px #00808066;transform:translateY(-2px)}.btn-secondary{border:2px solid teal;color:teal}.btn-secondary:hover:not(:disabled){background:#0080800d;border-color:#066;color:#066;transform:translateY(-2px)}.btn-danger{background:#fff;border:2px solid #dc3545;color:#dc3545}.btn-danger:hover:not(:disabled){background:#dc3545;color:#fff;transform:translateY(-2px)}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-danger:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:translateY(0)}.action-buttons{border-top:1px solid #e5e5e5;display:flex;gap:12px;margin-top:24px;padding-top:20px}.benefits-card{background:linear-gradient(135deg,#00808005,#0080800d);border:2px solid #0080801a}.benefits-list{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.benefits-list li{align-items:flex-start;display:flex;gap:16px}.benefit-icon{color:teal;flex-shrink:0;height:24px;margin-top:2px;width:24px}.benefits-list strong{color:#1a1a1a;display:block;font-size:16px;font-weight:600;margin-bottom:6px}.benefits-list p{color:#666;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.calendar-integration-container{padding:16px}.calendar-header{align-items:flex-start;flex-direction:column;gap:16px}.header-icon-wrapper{height:56px;width:56px}.header-icon{height:28px;width:28px}.calendar-title{font-size:24px}.calendar-subtitle{font-size:14px}.calendar-card{padding:20px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.connection-prompt{flex-direction:column;gap:16px}.prompt-icon{height:40px;width:40px}.detail-row{align-items:flex-start;flex-direction:column;gap:8px}.calendar-select{min-width:auto;width:100%}.action-buttons{flex-direction:column}.action-buttons button,.btn-danger,.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.calendar-integration-container{padding:12px}.calendar-card{padding:16px}.calendar-title{font-size:20px}.card-title{font-size:18px}.alert{padding:12px 16px}.alert,.detail-label,.detail-value{font-size:14px}.benefits-list strong{font-size:15px}.benefits-list p{font-size:13px}}.ga4-settings{margin:0 auto;max-width:900px;padding:24px}.ga4-settings.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.ga4-header{margin-bottom:32px}.ga4-header h2{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:8px}.ga4-description{color:#6b7280;font-size:15px;line-height:1.6}.alert{border-radius:8px;font-size:14px;margin-bottom:24px;padding:14px 16px;position:relative}.alert-error{background-color:#fef2f2;border:1px solid #fecaca}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-icon{flex-shrink:0;font-size:18px}.alert-close{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;margin-left:auto;padding:0;transition:background-color .2s;width:24px}.alert-close:hover{background-color:#0000000d}.ga4-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:32px}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:16px}.toggle-group{display:flex;flex-direction:column;gap:8px}.toggle-label{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px}.toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#d1d5db;border-radius:13px;flex-shrink:0;height:26px;position:relative;transition:background-color .3s;width:48px}.toggle-slider:before{top:3px;transition:transform .3s}.toggle-input:checked+.toggle-slider{background-color:#2563eb}.toggle-input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-description{color:#6b7280;font-size:14px;font-weight:400;margin-left:60px}.form-group{margin-bottom:24px}.form-label{align-items:center;display:flex;font-weight:600;gap:6px}.form-label.required:after{color:#dc2626;margin-left:2px}.info-tooltip-wrapper{align-items:center;cursor:help;display:inline-flex;margin-left:6px;position:relative}.info-icon{color:#9ca3af;flex-shrink:0;transition:color .2s}.info-tooltip-wrapper:hover .info-icon{color:#2563eb}.tooltip-popup{animation:tooltipFadeIn .2s ease-out;background-color:#1f2937;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;font-size:13px;left:50%;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);white-space:nowrap;z-index:1000}.tooltip-popup:after{border:6px solid #0000;border-top-color:#1f2937;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(-8px)}}.tooltip-icon{color:#9ca3af;cursor:help;font-size:14px}.form-input{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:15px;padding:10px 14px;transition:all .2s;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input::placeholder{color:#9ca3af}.password-input-wrapper{position:relative}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:18px;justify-content:center;opacity:.6;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .2s}.password-toggle:hover{opacity:1}.validation-section{margin:24px 0}.validation-result{border-radius:8px;font-size:14px;margin-top:16px;padding:16px}.validation-result.valid{background-color:#f0fdf4;border:1px solid #bbf7d0}.validation-result.invalid{background-color:#fef2f2;border:1px solid #fecaca}.validation-success{align-items:center;color:#166534;display:flex;gap:10px}.validation-error{color:#991b1b}.validation-error p{font-weight:600;margin:0 0 8px}.validation-error ul{margin:0;padding-left:20px}.validation-error li{margin-bottom:4px}.validation-icon{font-size:18px;font-weight:700}.checkbox-group{display:flex;flex-direction:column;gap:16px}.checkbox-label{align-items:flex-start;border-radius:8px;gap:12px;padding:12px;transition:background-color .2s}.checkbox-label:hover{background-color:#f9fafb}.checkbox-label input[type=checkbox]{accent-color:#2563eb;flex-shrink:0;margin-top:2px}.checkbox-text{display:flex;flex-direction:column;gap:4px}.checkbox-text strong{color:#1a1a1a;font-size:14px}.checkbox-text small{color:#6b7280;font-size:13px;font-weight:400}.info-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:24px;padding:20px}.info-box h4{color:#1e40af;font-size:16px;font-weight:600;margin:0 0 12px}.info-box ol{color:#1e3a8a;margin:0;padding-left:20px}.info-box li{line-height:1.5;margin-bottom:8px}.info-box a{color:#2563eb;text-decoration:underline}.info-box a:hover{color:#1d4ed8}.tracking-info{background-color:#f0fdf4;border-color:#bbf7d0}.tracking-info h4{color:#166534}.tracking-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tracking-category h5{color:#15803d;font-size:14px;font-weight:600;margin:0 0 8px}.tracking-category ul{color:#166534;margin:0;padding-left:20px}.tracking-category li{font-size:13px;margin-bottom:4px}.btn{border-radius:8px;font-family:inherit;font-size:15px;font-weight:600;justify-content:center}.btn:disabled{opacity:.6}.btn-primary{background-color:#2563eb}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-secondary{background-color:#fff}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn.loading{color:#0000;position:relative}.btn-spinner{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;height:16px;position:absolute;width:16px}.btn.loading .btn-spinner{color:currentColor;opacity:1}.btn-primary.loading .btn-spinner{color:#fff}.btn-secondary.loading .btn-spinner{color:#374151}.form-actions{border-top:1px solid #e5e7eb;gap:12px;margin-top:24px;padding-top:24px}.ga4-help{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.ga4-help h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 16px}.help-links{display:flex;flex-wrap:wrap;gap:12px}.help-link{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;display:inline-flex;font-size:14px;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s}.help-link:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}@media (max-width:768px){.ga4-settings{padding:16px}.ga4-form{padding:20px}.ga4-header h2{font-size:24px}.tracking-list{grid-template-columns:1fr}.help-links{flex-direction:column}.help-link{justify-content:center}.toggle-description{margin-left:0}}.settings-container{margin:0 auto;max-width:1000px}.settings-header{margin-bottom:var(--space-8)}.settings-header h1{color:var(--text-color-primary);font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.settings-subtitle{color:var(--text-color-secondary);font-size:var(--font-size-base);margin:0}.settings-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);margin-top:var(--space-4);padding:var(--space-3)}.settings-layout{display:flex;gap:var(--space-6)}.settings-sidebar{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;height:-webkit-fit-content;height:fit-content;padding:var(--space-4) 0;width:250px}.settings-tab-button{-webkit-tap-highlight-color:transparent;align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-color-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);justify-content:flex-start;margin:var(--space-1) var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);position:relative;text-align:left;touch-action:manipulation;transition:all var(--transition-fast);user-select:none;-webkit-user-select:none;width:calc(100% - var(--space-4))}.settings-tab-button:hover{background-color:var(--bg-secondary);color:var(--text-color-primary)}.settings-tab-button:hover .settings-tab-icon{color:inherit}.settings-tab-button.active{background-color:var(--color-primary-lighter);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.settings-tab-button.active .settings-tab-icon{color:inherit}.settings-tab-icon{flex-shrink:0;font-size:var(--font-size-lg);transition:color var(--transition-fast)}.settings-tab-button span,.settings-tab-button>*,.settings-tab-icon{color:inherit;pointer-events:none}.settings-content{flex:1 1;min-width:0}.settings-section{padding:var(--space-6)}.settings-section-title{color:var(--text-color-primary);font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-6) 0}.settings-form{grid-gap:var(--space-5);display:grid;gap:var(--space-5)}.settings-field{display:flex;flex-direction:column}.settings-field-label{color:var(--text-color-primary);display:block;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.settings-field-hint{color:var(--text-color-secondary);font-size:var(--font-size-xs);font-style:italic;margin:var(--space-1) 0 0 0}.settings-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-primary);font-family:var(--font-family);font-size:var(--font-size-sm);min-height:100px;padding:var(--space-3);resize:vertical;transition:all var(--transition-fast);width:100%}.settings-textarea:hover{border-color:var(--color-primary-light)}.settings-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter);outline:none}.settings-select{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.settings-select:hover{border-color:var(--color-primary-light)}.settings-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter);outline:none}.settings-grid-2{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.settings-subsection{border-top:1px solid var(--border-color);margin-top:var(--space-2);padding-top:var(--space-6)}.settings-subsection-title{color:var(--text-color-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.checkout-settings{display:flex;flex-direction:column;gap:var(--space-4)}.settings-checkbox-field{align-items:center;display:flex;gap:var(--space-3)}.settings-checkbox{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.settings-checkbox-label{color:var(--text-color-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm)}.notification-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-5);padding:var(--space-5)}.notification-section-header{margin-bottom:var(--space-4)}.notification-section-title{color:var(--text-color-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.notification-section-description{color:var(--text-color-secondary);font-size:var(--font-size-xs);margin:0}.notification-checkboxes{display:flex;flex-direction:column;gap:var(--space-3)}.notification-toggle-item{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-4)}.notification-toggle-info h4{color:var(--text-color-primary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.notification-toggle-info p{color:var(--text-color-secondary);font-size:var(--font-size-xs);margin:0}.toggle-switch-label{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-switch-input{height:0;opacity:0;width:0}.toggle-switch-slider{background-color:var(--color-gray-300);border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-switch-slider,.toggle-switch-slider:before{position:absolute;transition:var(--transition-fast)}.toggle-switch-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:18px;left:3px;width:18px}.toggle-switch-input:checked+.toggle-switch-slider{background-color:var(--color-primary)}.toggle-switch-input:focus+.toggle-switch-slider{box-shadow:0 0 0 3px var(--color-primary-lighter)}.toggle-switch-input:checked+.toggle-switch-slider:before{transform:translateX(20px)}.settings-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-4)}.shipping-promo-card{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-5)}.shipping-promo-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.shipping-promo-icon{align-items:center;background-color:#3b82f6;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:40px;justify-content:center;width:40px}.shipping-promo-title{color:var(--text-color-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.shipping-promo-description{color:var(--text-color-secondary);font-size:var(--font-size-sm);margin:0}.shipping-promo-actions{display:flex;gap:var(--space-3)}@media (max-width:768px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%}.settings-grid-2{grid-template-columns:1fr}.settings-header h1{font-size:var(--font-size-2xl)}.settings-section{padding:var(--space-4)}.shipping-promo-actions{flex-direction:column}.notification-toggle-item{align-items:flex-start;flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){.settings-container{padding:var(--space-3)}.settings-header h1{font-size:var(--font-size-xl)}.settings-section-title{font-size:var(--font-size-lg)}.settings-tab-button{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}}@media (prefers-color-scheme:dark){.notification-section,.notification-toggle-item{background-color:#ffffff0d}.toggle-switch-slider:before{background-color:#f3f4f6}}.locations-container{margin:0 auto;max-width:1200px;padding:0}.locations-loading{align-items:center;color:var(--color-gray-500);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.locations-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.locations-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.locations-header h1{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:10px;margin:0 0 var(--space-2) 0}.locations-header p{color:var(--color-gray-600);margin:0}.locations-header-actions{align-items:center;display:flex;gap:var(--space-4)}.tier-usage{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.tier-usage span{color:var(--color-gray-600);font-size:var(--font-size-sm)}.tier-progress{background:var(--color-gray-200);border-radius:var(--radius-full);height:6px;overflow:hidden;width:120px}.tier-progress-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);height:100%;transition:width .3s ease}.tier-limit-warning{background:linear-gradient(135deg,#fef3cd,#fff9e6);border:1px solid #ffc107;border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.tier-limit-warning p{color:#856404;font-size:var(--font-size-sm);margin:0}.tier-limit-warning a{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-left:4px}.empty-state{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:2px dashed var(--color-gray-300);display:flex;flex-direction:column;justify-content:center}.empty-state svg{color:var(--color-gray-400);margin-bottom:var(--space-4)}.empty-state h3{color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.empty-state p{color:var(--color-gray-500);margin:0 0 var(--space-4) 0}.locations-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.location-card{border:2px solid var(--color-gray-200);transition:all .2s ease}.location-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.location-card.primary{background:linear-gradient(135deg,#0d746308,#fff);border-color:var(--color-primary)}.location-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.location-info h3{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 4px}.location-code{background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-gray-600);display:inline-block;font-family:monospace;font-size:var(--font-size-xs);padding:2px 8px}.location-badges{display:flex;flex-wrap:wrap;gap:6px}.location-details{border-bottom:1px solid var(--color-gray-100);border-top:1px solid var(--color-gray-100);display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-3);padding:var(--space-3) 0}.detail-row{align-items:center;color:var(--color-gray-600);font-size:var(--font-size-sm);gap:8px}.detail-row svg{color:var(--color-gray-400);flex-shrink:0}.location-actions{display:flex;flex-wrap:wrap;gap:8px}.location-actions .delete-btn:hover{color:#ef4444}.location-form{max-height:70vh;overflow-y:auto;padding-right:8px}.form-section{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.form-section:last-of-type{border-bottom:none}.form-section h4{color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-row.checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:6px}.form-group textarea{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-3);width:100%}.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.checkbox-label{color:var(--color-gray-700);font-size:var(--font-size-sm);gap:8px}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);height:16px;width:16px}.operating-hours-grid{display:flex;flex-direction:column;gap:8px}.hours-row{align-items:center;border-bottom:1px solid var(--color-gray-100);display:flex;gap:var(--space-3);padding:8px 0}.hours-row:last-child{border-bottom:none}.day-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);width:100px}.hours-inputs{align-items:center;display:flex;flex:1 1;gap:8px}.hours-inputs input[type=checkbox]{accent-color:var(--color-primary);height:16px;width:16px}.hours-inputs input[type=time]{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:6px 10px}.hours-inputs input[type=time]:focus{border-color:var(--color-primary);outline:none}.hours-inputs span{color:var(--color-gray-500);font-size:var(--font-size-sm)}.closed-label{color:var(--color-gray-400);font-style:italic}.form-actions{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4)}.locations-tabs{background:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;gap:4px;margin-bottom:var(--space-6);padding:4px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;padding:10px 20px;transition:all .2s ease}.tab-btn:hover:not(:disabled){background:var(--color-gray-200);color:var(--color-gray-800)}.tab-btn.active{background:#fff;box-shadow:var(--shadow-sm);color:var(--color-primary)}.tab-btn:disabled{cursor:not-allowed;opacity:.5}.tab-header{align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.tab-info p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.loading-state{padding:60px 20px}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:32px;margin-bottom:var(--space-3);width:32px}.transfers-list{display:flex;flex-direction:column;gap:var(--space-3)}.transfer-card{border:1px solid var(--color-gray-200);padding:var(--space-4)}.transfer-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.transfer-product{align-items:center;display:flex;gap:var(--space-3)}.transfer-product svg{color:var(--color-gray-400)}.transfer-product strong{color:var(--color-gray-900)}.transfer-quantity{color:var(--color-gray-500);display:block;font-size:var(--font-size-xs)}.transfer-route{align-items:center;background:var(--color-gray-50);border-radius:var(--radius-md);display:flex;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3)}.transfer-location{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);gap:6px}.transfer-location svg{color:var(--color-gray-400)}.transfer-route>svg{color:var(--color-gray-300)}.transfer-notes{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0 0 var(--space-2) 0}.transfer-date{color:var(--color-gray-400);font-size:var(--font-size-xs)}.transfer-form .form-group{margin-bottom:var(--space-4)}.transfer-form select{background:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:10px 12px;width:100%}.transfer-form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.team-assignments-list{display:flex;flex-direction:column;gap:var(--space-3)}.team-member-card{border:1px solid var(--color-gray-200);flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4)}.member-info,.team-member-card{align-items:center;display:flex}.member-info{flex:1 1;gap:var(--space-3);min-width:200px}.member-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);height:44px;justify-content:center;width:44px}.member-details{display:flex;flex-direction:column;gap:2px}.member-details strong{color:var(--color-gray-900)}.member-details span{color:var(--color-gray-500);font-size:var(--font-size-sm)}.member-role{color:var(--color-primary)!important;font-weight:var(--font-weight-medium)}.member-locations{display:flex;flex:2 1;flex-direction:column;gap:6px;min-width:200px}.locations-label{color:var(--color-gray-500);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.location-tags{display:flex;flex-wrap:wrap;gap:6px}.no-locations{color:var(--color-gray-400);font-size:var(--font-size-sm);font-style:italic}.assignment-form .form-group{margin-bottom:var(--space-4)}.form-hint{color:var(--color-gray-500);font-size:var(--font-size-xs)}.location-checkboxes{background:var(--color-gray-50);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;margin-top:var(--space-3);padding:var(--space-3)}.location-checkboxes>label:first-child{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:8px}@media (max-width:768px){.locations-header,.locations-header-actions{align-items:stretch;flex-direction:column}.tier-usage{align-items:stretch}.tier-progress{width:100%}.form-row,.locations-grid{grid-template-columns:1fr}.form-row.checkboxes{flex-direction:column}.hours-row{flex-wrap:wrap}.day-label{margin-bottom:4px;width:100%}}.kyc-wizard-container{margin:40px auto;max-width:900px;padding:20px}.kyc-wizard{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:40px}.kyc-steps{justify-content:space-between;margin-bottom:40px}.kyc-step,.kyc-steps{display:flex;position:relative}.kyc-step{align-items:center;flex:1 1;flex-direction:column}.kyc-step-icon{align-items:center;background:#f5f5f5;border-radius:50%;color:#999;display:flex;height:56px;justify-content:center;margin-bottom:12px;transition:all .3s;width:56px;z-index:1}.kyc-step.active .kyc-step-icon{background:#4caf50;color:#fff}.kyc-step.completed .kyc-step-icon{background:#2196f3;color:#fff}.kyc-step-info{align-items:center;display:flex;flex-direction:column;text-align:center}.kyc-step-number{color:#999;font-size:12px;margin-bottom:4px}.kyc-step-title{color:#333;font-size:14px;font-weight:600}.kyc-step-connector{background:#e0e0e0;height:2px;left:60%;position:absolute;right:-40%;top:28px;z-index:0}.kyc-step.completed .kyc-step-connector{background:#2196f3}.kyc-progress{margin:30px 0}.kyc-progress-bar{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.kyc-progress-fill{background:linear-gradient(90deg,#4caf50,#2196f3);height:100%;transition:width .5s ease}.kyc-progress-text{color:#666;font-size:14px;font-weight:600}.kyc-content{margin-top:40px}.kyc-form{margin:0 auto;max-width:600px}.kyc-form-header{margin-bottom:40px;text-align:center}.kyc-form-header h2{color:#333;font-size:24px;margin-bottom:8px}.kyc-form-header p{color:#666;font-size:16px}.kyc-form-group{margin-bottom:24px}.kyc-form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.kyc-form-group input[type=tel],.kyc-form-group input[type=text],.kyc-form-group select,.kyc-form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s;width:100%}.kyc-form-group input:focus,.kyc-form-group select:focus,.kyc-form-group textarea:focus{border-color:#2196f3;outline:none}.kyc-form-group input[type=checkbox]{margin-right:8px}.kyc-hint{align-items:center;color:#666;display:flex;font-size:12px;gap:4px;margin-top:4px}.kyc-divider{border-bottom:2px solid #f0f0f0;color:#333;font-weight:600;margin:32px 0 24px;padding-bottom:8px}.kyc-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.kyc-file-upload input[type=file]{display:none}.kyc-file-label{align-items:center;background:#fafafa;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:all .3s}.kyc-file-label:hover{background:#f0f8ff;border-color:#2196f3}.kyc-verify-btn{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-top:8px;padding:8px 16px;transition:background .3s}.kyc-verify-btn:hover:not(:disabled){background:#45a049}.kyc-verify-btn:disabled{cursor:not-allowed;opacity:.6}.kyc-alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:12px;margin:24px 0;padding:16px}.kyc-alert.success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.kyc-alert.error{background:#ffebee;border:1px solid #f44336;color:#c62828}.kyc-alert.info{background:#e3f2fd;border:1px solid #2196f3;color:#1565c0}.kyc-form-actions{display:flex;gap:16px;justify-content:space-between;margin-top:40px}.kyc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s}.kyc-btn.primary{background:#2196f3;color:#fff}.kyc-btn.primary:hover:not(:disabled){background:#1976d2}.kyc-btn.secondary{background:#f5f5f5;color:#333}.kyc-btn.secondary:hover{background:#e0e0e0}.kyc-btn:disabled{cursor:not-allowed;opacity:.6}.kyc-complete{padding:60px 20px;text-align:center}.kyc-complete-icon{color:#4caf50;margin-bottom:24px}.kyc-complete h2{color:#333;font-size:28px;margin-bottom:16px}.kyc-complete p{color:#666;font-size:16px;margin-bottom:32px}.kyc-benefits{list-style:none;margin:0 auto;max-width:400px;padding:0;text-align:left}.kyc-benefits li{align-items:center;color:#333;display:flex;font-size:16px;gap:12px;padding:12px 0}.kyc-benefits li svg{color:#4caf50;flex-shrink:0}.spin{animation:spin 1s linear infinite}@media (max-width:768px){.kyc-wizard{padding:24px 16px}.kyc-steps{flex-direction:column;gap:20px}.kyc-step{flex-direction:row;justify-content:flex-start}.kyc-step-icon{margin-bottom:0;margin-right:16px}.kyc-step-info{align-items:flex-start;text-align:left}.kyc-step-connector{display:none}.kyc-form-row{grid-template-columns:1fr}.kyc-form-actions{flex-direction:column}}.kyc-page{margin:0 auto;max-width:1200px;padding:24px}.kyc-header{margin-bottom:32px}.kyc-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.kyc-header p{color:#6b7280;font-size:14px;margin:0}.kyc-level-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.level-header{justify-content:space-between;margin-bottom:20px}.level-header,.level-info{align-items:center;display:flex}.level-info{gap:16px}.level-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:24px}.level-badge.level-0{background:linear-gradient(135deg,#9ca3af,#6b7280)}.level-badge.level-1{background:linear-gradient(135deg,#f59e0b,#d97706)}.level-badge.level-2{background:linear-gradient(135deg,#10b981,#059669)}.level-badge.level-3{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.level-badge-number{font-size:32px;font-weight:800;margin-bottom:4px}.level-badge-text{font-size:12px;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.level-details h2{color:#111827;font-size:20px;font-weight:700;margin:0 0 4px}.level-details p{color:#6b7280;font-size:14px;margin:0}.status-badge{border-radius:6px;font-size:13px;letter-spacing:.5px;padding:6px 12px}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.not-started{background:#f3f4f6;color:#4b5563}.capabilities-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.capability-item{align-items:flex-start;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.capability-item.enabled{background:#ecfdf5;border:1px solid #d1fae5}.capability-item.disabled{background:#fef2f2;border:1px solid #fee2e2}.capability-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.capability-icon.enabled{background:#10b981;color:#fff}.capability-icon.disabled{background:#ef4444;color:#fff}.capability-text{flex:1 1}.capability-text strong{color:#111827;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.capability-text span{color:#6b7280;font-size:12px}.bank-account-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.bank-account-section h3{color:#111827;font-size:18px;font-weight:700;margin:0 0 16px}.bank-account-actions{display:flex;gap:12px;margin-top:20px}.bank-account-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-secondary{border:2px solid #3b82f6;color:#3b82f6}.btn-secondary:hover{background:#eff6ff}.history-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.history-section h3{color:#111827;font-size:18px;font-weight:700;margin:0 0 16px}.history-timeline{padding-left:32px;position:relative}.history-timeline:before{background:#e5e7eb;bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.history-item{padding-bottom:24px;position:relative}.history-item:last-child{padding-bottom:0}.history-dot{background:#fff;border:3px solid #3b82f6;border-radius:50%;height:16px;left:-28px;position:absolute;top:6px;width:16px}.history-dot.success{border-color:#10b981}.history-dot.failed{border-color:#ef4444}.history-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.history-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.history-title{color:#111827;font-size:14px;font-weight:600}.history-time{color:#9ca3af;font-size:12px}.history-details{color:#6b7280;font-size:13px;line-height:1.5}.history-account{align-items:center;background:#fff;border-radius:6px;display:flex;font-family:Courier New,monospace;font-size:13px;gap:8px;margin-top:8px;padding:8px}.empty-state{color:#9ca3af;padding:40px 20px}.empty-state svg{margin:0 auto 16px;opacity:.5}.loading-spinner{padding:60px 20px}.spinner{border:3px solid #e5e7eb}@media (max-width:768px){.kyc-page{padding:16px}.kyc-header h1{font-size:24px}.level-header{align-items:flex-start;flex-direction:column;gap:16px}.capabilities-grid{grid-template-columns:1fr}.bank-account-actions{flex-direction:column}.bank-account-actions button{width:100%}}.merchant-notifications{margin:0 auto;max-width:900px;padding:1.5rem}.notifications-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.notifications-header,.notifications-title-section{align-items:center;display:flex;gap:1rem}.notifications-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:1.875rem;font-weight:700;margin:0}.notifications-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 4px 6px -1px #667eea4d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;min-width:2rem;padding:0 .5rem}.notifications-actions{align-items:center;display:flex;gap:.75rem}.mark-all-read-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.mark-all-read-btn:hover{border-color:#667eea;box-shadow:0 4px 6px -1px #667eea1a;color:#667eea;transform:translateY(-1px)}.mark-all-read-btn:active{transform:translateY(0)}.notifications-filters{background:#f9fafb;border-radius:.75rem;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.filter-tab{background:#0000;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.filter-tab:hover{background:#667eea1a;color:#667eea}.filter-tab.active{background:#fff;box-shadow:0 1px 3px 0 #0000001a;color:#667eea}.notifications-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-spinner{height:3rem;width:3rem}.loading-text{color:#6b7280;font-size:.875rem;font-weight:500}.notifications-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:.75rem;color:#991b1b;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.notifications-list{grid-gap:.75rem;display:grid;gap:.75rem}.notification-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.notification-card:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .2s ease;width:4px}.notification-card.unread:before{background:linear-gradient(180deg,#667eea,#764ba2)}.notification-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transform:translateY(-2px)}.notification-card.unread{background:linear-gradient(90deg,#667eea05,#fff)}.notification-content{display:flex;gap:1rem}.notification-icon{align-items:center;border-radius:.75rem;display:flex;flex-shrink:0;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.notification-icon.order{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-icon.payment{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-icon.customer{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification-icon.system{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.notification-icon.alert{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-body{flex:1 1;min-width:0}.notification-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.notification-title{color:#111827;font-size:.9375rem;font-weight:600;margin:0}.notification-card.unread .notification-title{color:#667eea}.notification-time{color:#9ca3af;flex-shrink:0;font-size:.75rem;font-weight:500}.notification-message{color:#4b5563;font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.notification-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:.75rem}.notification-type-badge{align-items:center;background:#f3f4f6;border-radius:.375rem;color:#6b7280;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.025em;padding:.25rem .625rem;text-transform:uppercase}.mark-read-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.mark-read-btn:hover{background:#667eea0d;border-color:#667eea;color:#667eea}.mark-read-btn:active{transform:scale(.98)}.notifications-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{height:8rem;margin-bottom:1.5rem;opacity:.5;width:8rem}.empty-icon svg{color:#d1d5db;height:100%;width:100%}.empty-title{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-message{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:640px){.merchant-notifications{padding:1rem}.notifications-header{align-items:flex-start;flex-direction:column}.notifications-title{font-size:1.5rem}.notifications-filters{width:100%}.filter-tab{font-size:.8125rem;padding:.625rem 1rem}.notification-card{padding:1rem}.notification-content{gap:.75rem}.notification-icon{font-size:1rem;height:2rem;width:2rem}.notification-header{flex-direction:column;gap:.5rem}.notification-footer{align-items:flex-start;flex-direction:column}.mark-all-read-btn{justify-content:center;width:100%}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-card{animation:slideIn .3s ease-out}.notification-card:first-child{animation-delay:.05s}.notification-card:nth-child(2){animation-delay:.1s}.notification-card:nth-child(3){animation-delay:.15s}.notification-card:nth-child(4){animation-delay:.2s}.notification-card:nth-child(5){animation-delay:.25s}.notification-preferences-container{margin:0 auto;max-width:1200px;padding:var(--space-6)}.page-header{margin-bottom:var(--space-8)}.page-header h1{color:var(--text-color-primary);font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.page-subtitle{color:var(--text-color-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.loading-state{gap:var(--space-4);min-height:400px}.spinner{animation:spin 1s linear infinite;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary)}.loading-state p{color:var(--text-color-secondary);font-size:var(--font-size-base)}.preferences-card{margin-bottom:var(--space-6)}.master-toggle-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.master-toggle-section{padding:var(--space-2)}.master-toggle-content{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.master-toggle-info{flex:1 1}.master-toggle-title{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.master-toggle-description{color:#ffffffe6;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.master-toggle-warning{align-items:center;background:#ffffff26;border-radius:var(--radius-md);color:#fffffff2;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);line-height:var(--line-height-normal);margin-top:var(--space-4);padding:var(--space-3)}.master-toggle-warning svg{flex-shrink:0;opacity:.9}.toggle-switch-large{height:34px;width:64px}.toggle-slider-large:before{bottom:3px;height:28px;left:3px;width:28px}.toggle-switch input:checked+.toggle-slider-large:before{transform:translateX(30px)}.toggle-switch-large input:checked+.toggle-slider-large{background-color:#10b981!important}.toggle-switch-large .toggle-slider-large{background-color:#ffffff4d}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-switch input:disabled:not(:checked)+.toggle-slider{background-color:var(--color-gray-200)}.card-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.card-header h2{color:var(--text-color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.section-description{color:var(--text-color-secondary);font-size:var(--font-size-sm);margin:0}.preference-items{display:flex;flex-direction:column;gap:var(--space-1)}.preference-item{align-items:center;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-4);transition:all var(--transition-fast)}.preference-item:hover{background-color:var(--bg-secondary)}.preference-info{flex:1 1;padding-right:var(--space-4)}.preference-title{color:var(--text-color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.preference-description{color:var(--text-color-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.preference-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.toggle-switch{cursor:pointer;display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-gray-300);border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-fast)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:20px;left:3px;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-primary-lighter)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-switch:hover .toggle-slider{opacity:.9}.schedule-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.schedule-label{color:var(--text-color-secondary);font-size:var(--font-size-sm);white-space:nowrap}.day-select,.frequency-select,.time-input{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);min-width:100px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.day-select:hover,.frequency-select:hover,.time-input:hover{border-color:var(--color-primary-light)}.day-select:focus,.frequency-select:focus,.time-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter);outline:none}.day-select,.frequency-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236B7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;min-width:140px;padding-right:var(--space-8)}.frequency-select{min-width:130px}.threshold-input-group{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--space-2)}.threshold-input-group,.threshold-label,.threshold-unit{color:var(--text-color-secondary);font-size:var(--font-size-sm)}.threshold-label,.threshold-unit{white-space:nowrap}.threshold-input{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-primary);font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-2);text-align:center;transition:all var(--transition-fast);width:70px}.threshold-input:hover{border-color:var(--color-primary-light)}.threshold-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter);outline:none}.threshold-input::-webkit-inner-spin-button,.threshold-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.threshold-input[type=number]{-moz-appearance:textfield}.preferences-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-8);padding-top:var(--space-6)}.save-button{min-width:160px}@media (max-width:768px){.notification-preferences-container{padding:var(--space-4)}.page-header h1{font-size:var(--font-size-2xl)}.page-subtitle{font-size:var(--font-size-sm)}.preference-item{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.preference-info{padding-right:0;width:100%}.preference-controls{flex-wrap:wrap;justify-content:space-between;width:100%}.threshold-input-group{justify-content:flex-end;width:100%}.day-select,.time-input{font-size:var(--font-size-sm)}.preferences-footer{flex-direction:column}.save-button{width:100%}}@media (max-width:480px){.notification-preferences-container{padding:var(--space-3)}.page-header{margin-bottom:var(--space-6)}.page-header h1{font-size:var(--font-size-xl)}.card-header h2{font-size:var(--font-size-lg)}.preference-title{font-size:var(--font-size-sm)}.preference-description,.threshold-input-group{font-size:var(--font-size-xs)}.day-select{min-width:120px}}@media (prefers-color-scheme:dark){.preference-item:hover{background-color:#ffffff0d}.toggle-slider:before{background-color:#f3f4f6}}.ai-usage-card{background:linear-gradient(135deg,#f0fdf4,#ecfeff)}.ai-usage-empty,.ai-usage-loading{color:var(--text-color-secondary);padding:40px;text-align:center}.ai-usage-empty{font-size:var(--font-size-sm)}.ai-blocked-warning{align-items:flex-start;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;gap:var(--space-4);padding:var(--space-4)}.ai-blocked-warning svg{color:#dc2626;flex-shrink:0}.ai-blocked-warning strong{display:block;margin-bottom:var(--space-1)}.ai-blocked-warning p{font-size:var(--font-size-sm);margin:0}.ai-usage-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.ai-usage-card-item{background:#fff;border:1px solid var(--color-gray-100);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:var(--space-4);text-align:center}.ai-usage-label{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:var(--space-1);text-transform:uppercase}.ai-usage-value{color:var(--text-color-primary);font-size:28px;font-weight:700;line-height:1;margin-bottom:var(--space-1)}.ai-usage-subtext{color:var(--text-color-secondary);font-size:var(--font-size-xs)}.ai-usage-remaining{border-top:1px solid var(--color-gray-100);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-2);padding-top:var(--space-2)}.ai-unlimited-badge{align-items:center;background:linear-gradient(135deg,#0d7463,#16a34a);border-radius:20px;color:#fff;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-bottom:var(--space-4);padding:8px 16px}.ai-quota-info{background:#fff;border-radius:8px;margin-bottom:var(--space-4);padding:var(--space-4)}.ai-quota-title{color:var(--text-color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.ai-quota-grid{grid-gap:var(--space-2);color:var(--text-color-secondary);display:grid;font-size:var(--font-size-sm);gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.ai-quota-grid strong{color:var(--text-color-primary)}.ai-usage-by-type{background:#fff;border-radius:8px;padding:var(--space-4)}.ai-usage-type-title{color:var(--text-color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.ai-usage-type-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ai-usage-type-item{align-items:center;background:var(--color-gray-50);border-radius:6px;display:flex;font-size:var(--font-size-xs);gap:var(--space-2);justify-content:space-between;padding:6px 12px}.ai-usage-type-name{color:var(--text-color-secondary);text-transform:capitalize}.ai-usage-type-count{color:var(--text-color-primary);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.ai-usage-grid{grid-template-columns:repeat(2,1fr)}.ai-quota-grid{grid-template-columns:1fr}}@media (max-width:480px){.ai-usage-grid{grid-template-columns:1fr}.ai-usage-value{font-size:24px}}.email-campaigns-container{padding:20px}.page-header{margin-bottom:30px}.page-header h1{align-items:center;color:#1a1a1a;display:flex;font-size:28px;gap:10px;margin:0 0 10px}.page-header p{color:#666;margin:0}.tabs{border-bottom:2px solid #e0e0e0;gap:10px;margin-bottom:30px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.tab:hover{background:#f5f5f5;color:#333}.tab.active{background:#f0f8ff;border-bottom-color:#2196f3;color:#2196f3}.tab-content{animation:fadeIn .3s}.tab-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.tab-header h2{color:#333;font-size:24px;margin:0 0 5px}.tab-header p{color:#666;font-size:14px;margin:0}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#2196f3}.btn-primary:hover:not(:disabled){background:#1976d2}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.icon-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.icon-btn:hover{background:#f0f0f0;color:#333}.icon-btn.delete:hover{background:#fee;color:#c00}.empty-state{color:#999}.empty-state svg{margin-bottom:15px;opacity:.3}.empty-state h3{color:#666;margin:10px 0}.empty-state p{margin:0}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s}.template-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:15px}.template-icon{font-size:32px;line-height:1}.template-header h3{color:#333;flex:1 1;font-size:18px;margin:0}.template-actions{display:flex;gap:5px}.template-body{border-top:1px solid #f0f0f0;padding-top:15px}.template-type{background:#f0f0f0;border-radius:4px;color:#666;display:inline-block;font-size:12px;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.template-subject{color:#333;font-size:14px;margin:10px 0}.template-content{color:#666;font-size:13px;line-height:1.5;margin:10px 0}.template-meta{align-items:center;border-top:1px solid #f0f0f0;color:#999;display:flex;font-size:12px;justify-content:space-between;margin-top:15px;padding-top:15px}.status-indicator{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.status-indicator.active{background:#e8f5e9;color:#2e7d32}.status-indicator.inactive{background:#eee;color:#757575}.campaigns-list{display:flex;flex-direction:column;gap:20px}.campaign-card{border:2px solid #e0e0e0;border-radius:12px;transition:all .3s}.campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.campaign-info h3{align-items:center;color:#333;display:flex;font-size:18px;gap:10px;margin:0 0 8px}.status-badge{color:#fff}.countdown-badge{align-items:center;background:#fff3cd;border-radius:12px;color:#856404;display:flex;font-size:11px;font-weight:600;gap:5px;padding:4px 10px}.campaign-stats{color:#666;display:flex;font-size:13px;gap:20px}.campaign-stats .stat{align-items:center;display:flex;gap:6px}.campaign-body{margin:15px 0}.campaign-body p{color:#333;font-size:14px;margin:8px 0}.campaign-content{color:#666;font-size:13px;line-height:1.5}.campaign-meta{border-top:1px solid #f0f0f0;color:#999;display:flex;font-size:12px;gap:15px;margin-top:15px;padding-top:15px}.campaign-metrics{background:#f8f9fa;border-radius:8px;display:flex;gap:30px;margin-top:15px;padding:15px}.metric{text-align:center}.metric-label{color:#999;display:block;font-size:11px;margin-bottom:5px;text-transform:uppercase}.metric-value{color:#2196f3;display:block;font-size:20px;font-weight:700}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:20px;padding:25px;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-value{color:#333;font-size:32px;font-weight:700;line-height:1;margin-bottom:5px}.stat-label{color:#666;font-size:14px;font-weight:600;margin-bottom:3px}.stat-detail{color:#999;font-size:12px}.recent-campaigns{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:25px}.recent-campaigns h3{align-items:center;color:#333;display:flex;font-size:18px;gap:10px;margin:0 0 20px}.recent-campaigns-list{display:flex;flex-direction:column;gap:15px}.recent-campaign-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .2s}.recent-campaign-item:hover{background:#e9ecef}.recent-campaign-info h4{color:#333;font-size:14px;margin:0 0 5px}.recent-campaign-info p{color:#999;font-size:12px;margin:0}.recent-campaign-stats{display:flex;gap:20px}.mini-stat{align-items:center;display:flex;flex-direction:column;gap:3px}.mini-stat-label{color:#999;font-size:10px;text-transform:uppercase}.mini-stat-value{color:#2196f3;font-size:16px;font-weight:700}.modal-overlay{align-items:center;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s;background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-content.preview-modal{max-width:700px}.modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:20px 25px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#333;font-size:20px;gap:10px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{padding:25px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px 25px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=datetime-local],.form-group input[type=email],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2196f3;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-hint{color:#666;display:block;font-size:12px;font-style:italic;margin-top:6px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;margin:0}.checkbox-label input[type=checkbox]{accent-color:#2196f3;cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#333;font-size:14px}.variable-buttons{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:10px}.variable-buttons span{color:#666;font-size:12px;font-weight:500}.variable-buttons button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#2196f3;cursor:pointer;font-family:Courier New,monospace;font-size:11px;padding:4px 10px;transition:all .2s}.variable-buttons button:hover{background:#e3f2fd;border-color:#2196f3}.tag-input-container{display:flex;gap:10px;margin-bottom:10px}.tag-input-container input{flex:1 1}.tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag-pill{background:#e3f2fd;border:1px solid #2196f3;border-radius:16px;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.tag-pill,.tag-pill button{align-items:center;color:#2196f3;display:flex}.tag-pill button{background:none;border:none;cursor:pointer;justify-content:center;padding:0;transition:color .2s}.tag-pill button:hover{color:#1565c0}.preview-section{padding:20px 25px}.preview-section:not(:last-child){border-bottom:1px solid #f0f0f0}.preview-section h3{color:#333;font-size:20px;margin:0 0 10px}.preview-section h4{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.preview-meta{display:flex;gap:15px;margin-bottom:15px}.preview-badge{background:#f0f0f0;color:#666;text-transform:uppercase}.preview-badge,.preview-status{border-radius:6px;font-size:12px;padding:6px 12px}.preview-status{font-weight:600}.preview-status.active{background:#e8f5e9;color:#2e7d32}.preview-status.inactive{background:#eee;color:#757575}.preview-subject{background:#f8f9fa;font-size:16px;font-weight:600;line-height:1.5}.preview-content,.preview-subject{border:2px solid #e0e0e0;border-radius:8px;color:#333;padding:15px}.preview-content{word-wrap:break-word;background:#fff;font-family:Courier New,monospace;font-size:14px;line-height:1.8;min-height:150px;white-space:pre-wrap}.variable-highlight{background:#fff3e0;border:1px solid #ffe0b2;border-radius:4px;color:#ff9800;font-family:Courier New,monospace;font-weight:600;padding:2px 6px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.email-campaigns-container{padding:15px}.templates-grid{grid-template-columns:1fr}.campaign-stats{flex-direction:column;gap:10px}.modal-content{max-height:95vh;width:95%}.variable-buttons{align-items:flex-start}.tag-input-container,.variable-buttons{flex-direction:column}.recent-campaign-item{align-items:flex-start;flex-direction:column;gap:15px}.recent-campaign-stats{justify-content:space-around;width:100%}}.email-campaigns-container{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.campaigns-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.campaigns-header h1{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 8px}.campaigns-header p{color:#666;font-size:14px;margin:0}.campaigns-header-actions{display:flex;gap:12px;margin-top:16px}.campaigns-tabs{background:#fff;border-radius:8px 8px 0 0;display:flex;gap:8px;margin-bottom:-1px;padding:16px 24px 0}.campaigns-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.campaigns-tab:hover{background:#f5f7fa;color:#155a51}.campaigns-tab.active{border-bottom-color:#155a51;color:#155a51}.campaigns-content{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000001a;min-height:500px;padding:24px}.campaigns-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.campaigns-search{flex:1 1;min-width:250px;position:relative}.campaigns-search input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px 10px 40px;width:100%}.campaigns-search svg{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.campaigns-filter-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.campaigns-filter-btn:hover{border-color:#155a51;color:#155a51}.campaigns-filter-btn.active{background:#155a51;border-color:#155a51;color:#fff}.campaigns-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.campaign-card{border-radius:8px;padding:20px}.campaign-card:hover{box-shadow:0 4px 12px #0000001a}.campaign-card-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:12px}.campaign-card-title{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}.campaign-card-meta{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.campaign-status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.campaign-status-badge.draft{background:#f3f4f6;color:#6b7280}.campaign-status-badge.scheduled{background:#fef3c7;color:#92400e}.campaign-status-badge.sent{background:#d1fae5;color:#065f46}.campaign-status-badge.sending{background:#dbeafe;color:#1e40af}.campaign-card-stats{grid-gap:12px;border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:16px 0;padding:16px 0}.campaign-stat{text-align:center}.campaign-stat-value{color:#1a1a1a;display:block;font-size:20px;font-weight:600}.campaign-stat-label{color:#666;display:block;font-size:12px;margin-top:4px}.campaign-card-actions{display:flex;gap:8px;justify-content:flex-end}.campaign-card-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.campaign-card-btn:hover{border-color:#155a51;color:#155a51}.campaign-card-btn.primary{background:#155a51;border-color:#155a51;color:#fff}.campaign-card-btn.primary:hover{background:#0f4239}.campaigns-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:1000}.campaigns-modal{border-radius:12px;max-width:800px}.campaigns-modal-header{border-bottom:1px solid #e5e7eb;padding:24px}.campaigns-modal-header h2{color:#1a1a1a;font-size:20px}.campaigns-modal-close{background:none;border-radius:4px;color:#666}.campaigns-modal-close:hover{background:#f3f4f6}.campaigns-modal-body{padding:24px}.campaigns-modal-footer{justify-content:flex-end;padding:16px 24px}.wizard-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative}.wizard-steps:before{background:#e5e7eb;content:"";height:2px;left:0;position:absolute;right:0;top:20px;z-index:0}.wizard-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1}.wizard-step-number{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;color:#999;display:flex;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;width:40px}.wizard-step.active .wizard-step-number{background:#155a51;border-color:#155a51;color:#fff}.wizard-step.completed .wizard-step-number{background:#10b981;border-color:#10b981;color:#fff}.wizard-step-label{color:#666;font-size:13px;text-align:center}.wizard-step.active .wizard-step-label{color:#155a51;font-weight:600}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-label.required:after{color:#ef4444;content:"*";margin-left:4px}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#155a51;box-shadow:0 0 0 3px #155a511a;outline:none}.form-textarea{font-family:inherit;min-height:120px;resize:vertical}.form-hint{color:#6b7280}.form-error,.form-hint{font-size:13px;margin-top:4px}.form-error{color:#ef4444}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#155a51;color:#fff}.btn-primary:hover:not(:disabled){background:#0f4239}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-icon{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;color:#666;cursor:pointer;display:inline-flex;justify-content:center;padding:8px}.btn-icon:hover{background:#f9fafb;color:#155a51}.empty-state{padding:60px 20px}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:18px;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:14px;margin:0 0 24px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.stat-card-value{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 4px}.stat-card-label{color:#6b7280;font-size:13px;margin:0}.stat-card-icon{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.loading-spinner{display:flex;padding:40px}.spinner{border:3px solid #f3f4f6;border-top-color:#155a51;height:40px;width:40px}.alert{align-items:center;border-radius:6px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.template-preview{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;margin:16px 0;padding:16px 0}.template-subject{color:#374151;font-size:13px;margin-bottom:8px}.template-content-preview{color:#6b7280;font-size:13px;line-height:1.5}.campaign-view-section{margin-bottom:24px}.campaign-view-section h3{border-bottom:1px solid #e5e7eb;color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.campaign-view-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.campaign-view-item{margin-bottom:16px}.campaign-view-item label{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.campaign-view-item span{color:#1a1a1a;font-size:14px}.campaign-view-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;line-height:1.6;padding:12px}.campaign-message-content{max-height:300px;overflow-y:auto;white-space:pre-wrap}.campaign-view-stats{display:flex;gap:16px}.campaign-view-stats .stat-card{flex:1 1;text-align:center}.campaigns-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:24px;overflow:hidden}.campaigns-table-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.campaigns-table-header h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.campaigns-table{border-collapse:collapse;width:100%}.campaigns-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.campaigns-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.campaigns-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.campaigns-table tbody tr:hover{background:#f9fafb}.campaigns-table tbody tr:last-child{border-bottom:none}.campaigns-table td{color:#374151;font-size:14px;padding:16px}.campaigns-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.campaigns-badge-email{background:#dbeafe;color:#1e40af}.campaigns-badge-in_app{background:#fce7f3;color:#be185d}.campaigns-badge-sms{background:#fef3c7;color:#92400e}.campaigns-badge-push{background:#dcfce7;color:#15803d}.campaigns-list-view{background:#e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.campaign-list-item{grid-gap:16px;align-items:center;background:#fff;cursor:pointer;display:grid;gap:16px;grid-template-columns:1fr auto auto;padding:16px 20px;transition:all .2s}.campaign-list-item:hover{background:#f9fafb;transform:translateX(4px)}.campaign-list-info{display:flex;flex-direction:column;gap:4px}.campaign-list-title{color:#1a1a1a;font-size:14px;font-weight:600;margin:0}.campaign-list-meta{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:12px}.campaign-list-stats{align-items:center;display:flex;gap:24px}.campaign-list-stat{text-align:center}.campaign-list-stat-value{color:#1a1a1a;display:block;font-size:16px;font-weight:600}.campaign-list-stat-label{color:#6b7280;display:block;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.campaign-list-actions{display:flex;gap:8px}.campaigns-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.campaigns-modal-header{align-items:center;background:linear-gradient(135deg,#155a51,#0f4239);color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.campaigns-modal-header h2{color:#fff;font-size:22px;font-weight:600;margin:0}.campaigns-modal-close{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:all .2s}.campaigns-modal-close:hover{background:#fff3;transform:rotate(90deg)}.campaigns-modal-body{flex:1 1;overflow-y:auto;padding:32px}.campaigns-modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:20px 32px}.btn-export{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-export:hover{background:#059669;box-shadow:0 4px 6px #10b98133;transform:translateY(-1px)}.view-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.view-toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#155a51}.view-toggle-btn:hover:not(.active){color:#374151}.campaigns-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-height:600px;overflow-y:auto;padding-right:4px}.campaigns-grid::-webkit-scrollbar{width:6px}.campaigns-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.campaigns-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.campaigns-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:16px;transition:all .2s}.campaign-card:hover{border-color:#155a51;box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-top-color:#155a51;margin:0 auto}@media (max-width:768px){.campaigns-header-actions{flex-direction:column}.campaigns-tabs{overflow-x:auto}.campaigns-filters{flex-direction:column}.campaigns-grid{grid-template-columns:1fr}.wizard-steps{flex-direction:column;gap:16px}.wizard-steps:before{display:none}.campaign-view-grid{grid-template-columns:1fr}.campaign-view-stats{flex-direction:column}.campaigns-table-container{overflow-x:auto}.campaigns-table{min-width:800px}.campaign-list-item{gap:12px;grid-template-columns:1fr}.campaign-list-stats{gap:16px}.campaigns-modal-body{padding:24px 20px}.campaigns-modal-footer{flex-direction:column-reverse;padding:16px 20px}}.wa-page{background:#f0f2f5;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;height:calc(100vh - 140px);margin:0 -24px -24px;min-height:500px;overflow:hidden}.wa-page.setup{align-items:center;border-radius:12px;height:calc(100vh - 180px);justify-content:center;margin:0}.wa-sidebar{background:#fff;border-right:1px solid #e9edef;flex-direction:column;flex-shrink:0;max-width:100%;width:400px}.wa-main,.wa-sidebar{display:flex;height:100%}.wa-main{flex:1 1;flex-direction:column;min-width:0}@media (max-width:768px){.wa-page{flex-direction:column}.wa-sidebar{height:100%;width:100%}.wa-main,.wa-sidebar.hidden-mobile{display:none}.wa-main{background:#fff;bottom:0;left:0;position:absolute;right:0;top:0;z-index:100}.wa-main.visible-mobile{display:flex}.wa-main.hidden-mobile{display:none}}@media (min-width:769px) and (max-width:1024px){.wa-sidebar{width:320px}}@media (min-width:1440px){.wa-sidebar{width:420px}}.wa-page.full-height{height:100vh}.wa-page.with-header{height:calc(100vh - 64px)}@media (max-width:768px){.wa-main{animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}}.wa-coming-soon{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);display:flex;justify-content:center;min-height:calc(100vh - 180px);padding:24px}.wa-coming-soon-content{background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:48px;text-align:center}.wa-coming-soon-icon{animation:pulse 2s ease-in-out infinite;margin-bottom:24px}.wa-coming-soon-title{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.wa-coming-soon-subtitle{color:#25d366;font-size:24px;font-weight:600;margin:0 0 24px}.wa-coming-soon-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 32px}.wa-coming-soon-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.wa-feature-item{align-items:center;background:#f9fafb;border-radius:12px;color:#374151;display:flex;font-size:14px;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s}.wa-feature-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.wa-feature-icon{font-size:24px}.wa-coming-soon-notify{color:#9ca3af;font-size:14px;font-style:italic;margin:0}@media (max-width:640px){.wa-coming-soon-content{padding:32px 24px}.wa-coming-soon-title{font-size:24px}.wa-coming-soon-subtitle{font-size:20px}.wa-coming-soon-features{grid-template-columns:1fr}}.wa-chat-list{background:#fff;border-right:1px solid #e9edef;display:flex;flex-direction:column;height:100%}.wa-chat-list-header{align-items:center;background:#f0f2f5;display:flex;justify-content:space-between;padding:16px 16px 12px}.wa-chat-list-header h2{align-items:center;color:#111b21;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.wa-unread-badge{background:#25d366;border-radius:12px;color:#fff;font-size:12px;font-weight:500;margin-left:4px;padding:2px 8px}.wa-chat-list-actions{display:flex;gap:4px}.wa-icon-btn{height:36px;transition:background-color .2s;width:36px}.wa-icon-btn.active{background:#25d3661a;color:#25d366}.wa-icon-btn:disabled{cursor:not-allowed;opacity:.5}.wa-search-container{background:#f0f2f5;padding:8px 12px;position:relative}.wa-search-icon{color:#54656f;left:24px;position:absolute;top:50%;transform:translateY(-50%)}.wa-search-input{background:#fff;border:none;border-radius:8px;color:#111b21;font-size:14px;outline:none;padding:8px 12px 8px 36px;width:100%}.wa-search-input::placeholder{color:#667781}.wa-connection-banner{font-size:13px;padding:8px 16px;text-align:center}.wa-connection-banner.connecting{background:#fff3cd;color:#856404}.wa-connection-banner.qr_ready{background:#d1ecf1;color:#0c5460}.wa-connection-banner.disconnected{background:#f8d7da;color:#721c24}.wa-conversations{flex:1 1;overflow-x:hidden;overflow-y:auto}.wa-loading{gap:12px;padding:40px}.wa-empty,.wa-loading{align-items:center;color:#667781;display:flex;flex-direction:column;justify-content:center}.wa-empty{padding:40px 20px;text-align:center}.wa-empty svg{color:#d4d4d4;margin-bottom:16px}.wa-empty p{color:#111b21;font-size:16px;font-weight:500;margin:0 0 4px}.wa-empty span{font-size:13px}.wa-chat-item{align-items:center;border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .15s}.wa-chat-item:hover{background:#f5f6f6}.wa-chat-item.selected{background:#f0f2f5}.wa-chat-item.unread{background:#f0faf5}.wa-chat-item.unread:hover{background:#e5f7ee}.wa-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:500;height:48px;justify-content:center;width:48px}.wa-avatar.group{background:linear-gradient(135deg,#00a884,#075e54)}.wa-chat-content{flex:1 1;min-width:0}.wa-chat-header{justify-content:space-between;margin-bottom:4px}.wa-chat-name{color:#111b21;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-chat-time{color:#667781;flex-shrink:0;font-size:12px;margin-left:8px}.wa-chat-time.unread{color:#25d366;font-weight:500}.wa-chat-preview{align-items:center;display:flex;justify-content:space-between}.wa-preview-text{align-items:center;color:#667781;display:flex;flex:1 1;font-size:14px;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-direction-icon{color:#53bdeb;flex-shrink:0}.wa-unread-count{align-items:center;background:#25d366;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:20px;justify-content:center;margin-left:8px;min-width:20px;padding:0 6px}.wa-conversations::-webkit-scrollbar{width:6px}.wa-conversations::-webkit-scrollbar-track{background:#0000}.wa-conversations::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.wa-conversations::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width:768px){.wa-chat-list{border-right:none}.wa-chat-item{padding:10px 12px}.wa-avatar{height:42px;width:42px}}.wa-chat-window{background:#efeae2;display:flex;flex-direction:column;height:100%;position:relative}.wa-chat-window:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='2' fill='%2300000005'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.wa-chat-window.empty{background:#f0f2f5}.wa-chat-window.empty:before{display:none}.wa-empty-chat{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.wa-empty-icon{margin-bottom:28px}.wa-empty-chat h3{color:#41525d;font-size:28px;font-weight:300;margin:0 0 16px}.wa-empty-chat p{color:#667781;font-size:14px;margin:0 0 4px}.wa-empty-chat span{color:#8696a0;font-size:14px}.wa-chat-header{align-items:center;background:#f0f2f5;border-bottom:1px solid #e9edef;display:flex;gap:12px;padding:10px 16px;position:relative;z-index:10}.wa-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:none;height:36px;justify-content:center;width:36px}.wa-back-btn:hover{background:#0000000d}@media (max-width:768px){.wa-back-btn{display:flex}}.wa-contact-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:40px;justify-content:center;width:40px}.wa-contact-avatar.group{background:linear-gradient(135deg,#00a884,#075e54)}.wa-contact-info{flex:1 1;min-width:0}.wa-contact-info h3{color:#111b21;font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-contact-info span{color:#667781;font-size:13px}.wa-typing{color:#25d366}.wa-header-actions{display:flex;gap:4px}.wa-menu-container{position:relative}.wa-dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.wa-dropdown-menu button{align-items:center;background:#0000;border:none;color:#111b21;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;width:100%}.wa-dropdown-menu button:hover{background:#f5f6f6}.wa-dropdown-menu button.danger{color:#dc3545}.wa-messages-container{flex:1 1;overflow-y:auto;padding:20px 60px;position:relative;z-index:1}.wa-loading-messages{color:#667781;font-size:13px;padding:16px;text-align:center}.wa-message-group{margin-bottom:12px}.wa-date-divider{margin:16px 0;text-align:center}.wa-date-divider span{background:#e1dad0e6;border-radius:8px;box-shadow:0 1px 1px #0000000d;color:#54656f;display:inline-block;font-size:12px;padding:6px 12px}.wa-message{display:flex;margin-bottom:2px;position:relative}.wa-message.outbound{justify-content:flex-end}.wa-message.inbound{justify-content:flex-start}.wa-bubble{word-wrap:break-word;border-radius:8px;max-width:65%;padding:6px 8px 8px;position:relative}.wa-message.outbound .wa-bubble{background:#d9fdd3;border-top-right-radius:0}.wa-message.inbound .wa-bubble{background:#fff;border-top-left-radius:0}.wa-bubble.starred{background:linear-gradient(135deg,#fef9e7,#fef3c7)}.wa-bubble.deleted{background:#0000;opacity:.7}.wa-bubble-tail{height:12px;position:absolute;top:0;width:12px}.wa-message.outbound .wa-bubble-tail{background:linear-gradient(135deg,#d9fdd3,#d9fdd3 50%,#0000 0);right:-8px}.wa-message.inbound .wa-bubble-tail{background:linear-gradient(225deg,#fff,#fff 50%,#0000 0);left:-8px}.wa-sender-name{color:#06cf9c;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.wa-text{color:#111b21;font-size:14.2px;line-height:19px;margin:0;white-space:pre-wrap}.wa-deleted-text{color:#667781;font-size:14px;font-style:italic}.wa-meta{align-items:center;display:flex;float:right;gap:4px;justify-content:flex-end;margin-left:12px;margin-top:4px}.wa-time{font-size:11px}.wa-status-icon,.wa-time{color:#667781}.wa-status-icon.read{color:#53bdeb}.wa-starred-icon{fill:#f59e0b;color:#f59e0b}.wa-media-container{border-radius:6px;margin-bottom:4px;max-width:330px;overflow:hidden}.wa-media-container img{cursor:pointer}.wa-media-container img,.wa-media-container video{display:block;height:auto;width:100%}.wa-media-container.video{position:relative}.wa-media-icon{color:#fff;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%)}.wa-audio-container{align-items:center;display:flex;gap:8px;padding:8px 0}.wa-audio-container audio{flex:1 1;height:36px}.wa-document-container{align-items:center;background:#0000000a;border-radius:8px;color:inherit;display:flex;gap:12px;padding:12px;text-decoration:none}.wa-document-container:hover{background:#00000014}.wa-doc-info{flex:1 1;min-width:0}.wa-doc-name{color:#111b21;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-doc-size{color:#667781;display:block;font-size:11px;margin-top:2px}.wa-reaction{border-radius:12px;bottom:-10px;box-shadow:0 1px 4px #00000026;font-size:16px;padding:2px 6px;right:8px}.wa-message-actions,.wa-reaction{background:#fff;position:absolute}.wa-message-actions{border-radius:20px;bottom:calc(100% + 4px);box-shadow:0 2px 8px #00000026;display:flex;gap:2px;padding:4px;right:0;z-index:50}.wa-message.inbound .wa-message-actions{left:0;right:auto}.wa-message-actions button{align-items:center;background:#0000;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.wa-message-actions button:hover{background:#f0f2f5}.wa-message-actions button .starred{fill:#f59e0b;color:#f59e0b}.wa-reactions-popup{background:#fff;border-radius:24px;bottom:calc(100% + 4px);box-shadow:0 2px 12px #0003;display:flex;gap:4px;left:50%;padding:8px;position:absolute;transform:translateX(-50%)}.wa-reactions-popup button{background:#0000;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:40px;transition:transform .15s;width:40px}.wa-reactions-popup button:hover{transform:scale(1.2)}.wa-reactions-popup button.selected{background:#e8f5e9}.wa-typing-indicator{display:flex;margin-bottom:12px;padding:0 60px}.wa-typing-bubble{align-items:center;background:#fff;border-radius:8px;border-top-left-radius:0;display:flex;gap:4px;padding:12px 16px}.wa-typing-bubble span{animation:typingBounce 1.4s ease-in-out infinite;background:#667781;border-radius:50%;height:8px;width:8px}.wa-typing-bubble span:nth-child(2){animation-delay:.2s}.wa-typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.wa-messages-container::-webkit-scrollbar{width:6px}.wa-messages-container::-webkit-scrollbar-track{background:#0000}.wa-messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}@media (max-width:992px){.wa-messages-container{padding:16px 20px}.wa-bubble{max-width:85%}}@media (max-width:768px){.wa-messages-container{padding:12px}.wa-bubble{max-width:90%}}.wa-product-share-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:1000}.wa-product-share-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.wa-ps-header{background:#f0f2f5;border-bottom:1px solid #e9edef;justify-content:space-between;padding:16px 20px}.wa-ps-header,.wa-ps-header h2{align-items:center;display:flex}.wa-ps-header h2{color:#111b21;font-size:18px;font-weight:600;gap:10px;margin:0}.wa-ps-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.wa-ps-close:hover{background:#0000000d}.wa-ps-search{align-items:center;border-bottom:1px solid #e9edef;display:flex;gap:10px;padding:12px 20px}.wa-ps-search svg{color:#54656f;flex-shrink:0}.wa-ps-search input{border:none;color:#111b21;flex:1 1;font-size:15px;outline:none}.wa-ps-search input::placeholder{color:#667781}.wa-ps-content{display:grid;flex:1 1;grid-template-columns:1fr 350px;overflow:hidden}.wa-ps-products{border-right:1px solid #e9edef;overflow-y:auto;padding:16px 20px}.wa-ps-products h4{color:#111b21;font-size:14px;font-weight:600;margin:0 0 16px}.wa-ps-empty,.wa-ps-loading{align-items:center;color:#667781;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.wa-ps-empty svg,.wa-ps-loading svg{color:#d4d4d4;margin-bottom:12px}.wa-ps-product-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.wa-ps-product-card{border:2px solid #e9edef;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .15s}.wa-ps-product-card:hover{border-color:#25d366;transform:translateY(-2px)}.wa-ps-product-card.selected{background:#f0faf5;border-color:#25d366}.wa-ps-product-image{align-items:center;background:#f5f6f6;display:flex;height:100px;justify-content:center;position:relative}.wa-ps-product-image img{height:100%;object-fit:cover;width:100%}.wa-ps-product-image svg{color:#d4d4d4}.wa-ps-selected-badge{align-items:center;background:#25d366;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.wa-ps-product-info{padding:10px}.wa-ps-product-info h5{color:#111b21;font-size:13px;font-weight:500;line-height:1.3;margin:0 0 4px}.wa-ps-price{color:#25d366;display:block;font-size:14px;font-weight:600}.wa-ps-stock{color:#667781;display:block;font-size:11px;margin-top:2px}.wa-ps-stock.out{color:#dc3545}.wa-ps-preview{background:#f5f6f6;display:flex;flex-direction:column;overflow-y:auto;padding:16px 20px}.wa-ps-preview h4{color:#111b21;font-size:14px;font-weight:600;margin:0 0 16px}.wa-ps-preview-container{background:#efeae2;border-radius:12px;flex:1 1;overflow-y:auto;padding:16px}.wa-ps-preview-empty{align-items:center;color:#8696a0;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.wa-ps-preview-empty svg{margin-bottom:12px;opacity:.5}.wa-ps-preview-message{display:flex;flex-direction:column;gap:8px}.wa-ps-preview-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;gap:10px;padding:10px}.wa-ps-preview-img{align-items:center;background:#f5f6f6;border-radius:6px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.wa-ps-preview-img img{height:100%;object-fit:cover;width:100%}.wa-ps-preview-img svg{color:#d4d4d4}.wa-ps-preview-info{flex:1 1;min-width:0}.wa-ps-preview-info h5{color:#111b21;font-size:13px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-ps-preview-info p{color:#667781;font-size:11px;line-height:1.3;margin:0 0 6px}.wa-ps-preview-price{color:#111b21;font-size:14px;font-weight:700}.wa-ps-preview-link{align-items:center;background:#25d366;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:4px;padding:12px}.wa-ps-preview-note{color:#667781;font-size:12px;line-height:1.4;margin:16px 0 0;text-align:center}.wa-ps-footer{background:#fff;border-top:1px solid #e9edef;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.wa-ps-cancel{background:#fff;border:1px solid #e9edef;border-radius:8px;color:#54656f;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.wa-ps-cancel:hover{background:#f5f6f6}.wa-ps-share{align-items:center;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .15s}.wa-ps-share:hover{background:#20c55a}.wa-ps-share:disabled{background:#9ae6bc;cursor:not-allowed}@media (max-width:768px){.wa-ps-content{grid-template-columns:1fr}.wa-ps-products{border-bottom:1px solid #e9edef;border-right:none;max-height:50vh}.wa-ps-preview{max-height:40vh}.wa-ps-product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.wa-product-share-overlay{padding:0}.wa-product-share-modal{border-radius:0;max-height:100vh}}.wa-input-container{background:#f0f2f5;position:relative;z-index:10}.wa-reply-preview{align-items:flex-start;background:#fff;border-left:4px solid #25d366;border-radius:4px;display:flex;gap:12px;margin:8px 16px 0;padding:8px 16px}.wa-reply-content{flex:1 1;min-width:0}.wa-reply-sender{color:#25d366;font-size:13px;font-weight:500}.wa-reply-content p{color:#667781;font-size:13px;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-reply-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#667781;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.wa-reply-close:hover{background:#0000000d}.wa-input-row{gap:8px;padding:10px 16px}.wa-icon-btn,.wa-input-row{align-items:center;display:flex}.wa-icon-btn{background:#0000;border:none;border-radius:50%;color:#54656f;cursor:pointer;flex-shrink:0;height:42px;justify-content:center;width:42px}.wa-icon-btn:hover{background:#0000000d}.wa-emoji-container{position:relative}.wa-emoji-picker{grid-gap:4px;background:#fff;border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 2px 12px #00000026;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);left:0;padding:12px;position:absolute;z-index:100}.wa-emoji-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:24px;height:40px;transition:background-color .15s,transform .15s;width:40px}.wa-emoji-btn:hover{background:#f0f2f5;transform:scale(1.1)}.wa-attach-container{position:relative}.wa-attach-menu{background:#fff;border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 2px 12px #00000026;left:0;min-width:180px;overflow:hidden;position:absolute;z-index:100}.wa-attach-menu button{align-items:center;background:#0000;border:none;color:#111b21;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;width:100%}.wa-attach-menu button:hover{background:#f5f6f6}.wa-attach-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.wa-attach-icon.image{background:linear-gradient(135deg,#bf59cf,#9c27b0)}.wa-attach-icon.doc{background:linear-gradient(135deg,#5157ae,#3f51b5)}.wa-attach-icon.camera{background:linear-gradient(135deg,#e91e63,#c2185b)}.wa-attach-icon.product{background:linear-gradient(135deg,#25d366,#128c7e)}.wa-text-input{background:#fff;border:none;border-radius:8px;color:#111b21;flex:1 1;font-size:15px;outline:none;padding:10px 16px}.wa-text-input::placeholder{color:#667781}.wa-send-btn{align-items:center;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:background-color .15s;width:42px}.wa-send-btn:hover{background:#20c55a}.wa-send-btn:disabled{background:#9ae6bc;cursor:not-allowed}.wa-voice-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.wa-voice-btn:hover{background:#0000000d}.wa-recording{align-items:center;display:flex;flex:1 1;gap:12px;padding:0 16px}.wa-recording-dot{animation:pulse 1s infinite;background:#dc3545;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.wa-recording-time{color:#111b21;font-size:14px;font-weight:500}.wa-stop-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;height:42px;justify-content:center;margin-left:auto;width:42px}.wa-stop-btn:hover{background:#dc35451a}.wa-file-preview-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:9999}.wa-file-preview-container{background:#1e1e1e;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.wa-file-preview-header{align-items:center;color:#fff;display:flex;gap:16px;padding:16px}.wa-file-preview-header .wa-icon-btn{color:#fff}.wa-file-preview-header span{font-size:16px;text-transform:capitalize}.wa-file-preview-content{align-items:center;display:flex;flex:1 1;justify-content:center;max-height:400px;min-height:200px;overflow:hidden;padding:20px}.wa-file-preview-image{object-fit:contain}.wa-file-preview-image,.wa-file-preview-video{border-radius:8px;max-height:100%;max-width:100%}.wa-file-preview-doc{align-items:center;background:#ffffff1a;border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:12px;padding:40px}.wa-file-preview-doc span{font-size:16px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-file-preview-doc small{color:#ffffffb3;font-size:13px}.wa-file-preview-footer{align-items:center;background:#2a2a2a;display:flex;gap:12px;padding:16px}.wa-caption-input{background:#ffffff1a;border:none;border-radius:8px;color:#fff;flex:1 1;font-size:15px;outline:none;padding:12px 16px}.wa-caption-input::placeholder{color:#ffffff80}@media (max-width:768px){.wa-input-row{padding:8px 12px}.wa-icon-btn,.wa-send-btn,.wa-voice-btn{height:38px;width:38px}}.wa-qr-container{align-items:center;background:#f0f2f5;display:flex;justify-content:center;min-height:100%;padding:40px}.wa-qr-container.connected{background:linear-gradient(135deg,#dcf8c6,#c5f0b5)}.wa-qr-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;max-width:480px;padding:40px;text-align:center;width:100%}.wa-qr-card.loading{padding:60px 40px}.wa-qr-card.initial{padding:48px 40px}.wa-qr-card h2{color:#111b21;font-size:24px;font-weight:600;margin:0 0 12px}.wa-qr-card p{color:#667781;font-size:14px;margin:0 0 24px}.wa-whatsapp-logo{height:80px;margin:0 auto 24px;width:80px}.wa-whatsapp-logo svg{height:100%;width:100%}.wa-qr-instructions{color:#54656f;font-size:15px;margin-bottom:24px}.wa-qr-wrapper{background:#fff;border:1px solid #e9edef;border-radius:12px;display:inline-block;margin-bottom:20px;padding:16px;position:relative}.wa-qr-image{display:block;height:256px;width:256px}.wa-qr-expired{align-items:center;background:#fffffff2;border-radius:12px;bottom:0;color:#dc3545;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0}.wa-qr-expired span{font-size:16px;font-weight:500}.wa-qr-expired button{align-items:center;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.wa-qr-expired button:hover{background:#20c55a}.wa-qr-expired button:disabled{background:#9ae6bc;cursor:not-allowed}.wa-qr-timer{margin-bottom:24px}.wa-qr-timer span{color:#667781;font-size:13px}.wa-timer-bar{background:#e9edef;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.wa-timer-progress{background:#25d366;border-radius:2px;height:100%;transition:width 1s linear}.wa-qr-steps{background:#f0f2f5;border-radius:12px;margin-bottom:20px;padding:20px;text-align:left}.wa-qr-steps h4{color:#111b21;font-size:14px;font-weight:600;margin:0 0 12px}.wa-qr-steps ol{margin:0;padding-left:20px}.wa-qr-steps li{color:#54656f;font-size:13px;line-height:1.5;margin-bottom:8px}.wa-qr-steps li:last-child{margin-bottom:0}.wa-qr-steps strong{color:#111b21}.wa-socket-status{font-size:12px}.wa-socket-status span{align-items:center;display:inline-flex;gap:6px}.wa-socket-status .online{color:#25d366}.wa-socket-status .offline{color:#667781}.wa-loading-spinner{margin-bottom:24px}.spinning{animation:spin 1s linear infinite}.wa-connect-btn{align-items:center;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:14px 32px;transition:background-color .2s}.wa-connect-btn:hover{background:#20c55a}.wa-connect-btn:disabled{background:#9ae6bc;cursor:not-allowed}.wa-error-message{align-items:center;background:#fff3f3;border:1px solid #f8d7da;border-radius:8px;color:#dc3545;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:24px;padding:12px 16px}.wa-note{border-top:1px solid #e9edef;margin-top:24px;padding-top:20px}.wa-note p{color:#8696a0;font-size:12px;line-height:1.5;margin:0}.wa-connected-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;max-width:400px;padding:48px 40px;text-align:center;width:100%}.wa-connected-icon{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.wa-connected-card h2{color:#111b21;font-size:24px;font-weight:600;margin:0 0 20px}.wa-connected-info{margin-bottom:20px}.wa-phone-number{align-items:center;background:#f0f2f5;border-radius:8px;color:#111b21;display:inline-flex;font-size:18px;font-weight:500;gap:8px;padding:12px 20px}.wa-display-name{color:#667781;font-size:14px;margin:12px 0 0}.wa-status-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.wa-status-indicator.online{background:#e8f5e9;color:#25d366}.wa-qr-scanning-indicator{align-items:center;color:#25d366;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:12px}.wa-scanning-status{margin-bottom:20px;text-align:center}.wa-scanning-status>span{color:#667781;font-size:13px}.wa-scanning-hint{color:#f0ad4e;font-size:12px;margin-top:8px}.wa-qr-actions{margin-bottom:20px}.wa-cancel-btn{align-items:center;background:#0000;border:1px solid #667781;border-radius:8px;color:#667781;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 24px;transition:all .2s}.wa-cancel-btn:hover{background:#f0f2f5;border-color:#54656f;color:#54656f}.wa-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.wa-disconnect-btn{align-items:center;background:#0000;border:1px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.wa-disconnect-btn:hover{background:#dc3545;color:#fff}.wa-disconnect-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:576px){.wa-qr-container{padding:20px}.wa-qr-card{padding:32px 24px}.wa-qr-wrapper{padding:12px}.wa-qr-image{height:200px;width:200px}}.whatsapp-setup-container{margin:0 auto;max-width:64rem;padding:1.5rem}.whatsapp-setup-card{background:#fff;border-radius:1rem;box-shadow:0 10px 25px #0000001a}.whatsapp-setup-header{border-bottom:1px solid #e5e7eb;padding:2rem}.whatsapp-setup-header-content{align-items:center;display:flex;gap:.75rem}.whatsapp-setup-icon{align-items:center;background:#25d366;border-radius:.75rem;display:flex;height:3rem;justify-content:center;width:3rem}.whatsapp-setup-icon svg{color:#fff;height:1.5rem;width:1.5rem}.whatsapp-setup-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.whatsapp-setup-subtitle{color:#6b7280;margin:0}.whatsapp-setup-content{padding:2rem}.whatsapp-progress-steps{justify-content:space-between;margin-bottom:2rem}.whatsapp-progress-steps,.whatsapp-step,.whatsapp-step-circle{align-items:center;display:flex}.whatsapp-step-circle{border:2px solid;border-radius:50%;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;transition:all .3s;width:2.5rem}.whatsapp-step-circle.active,.whatsapp-step-circle.completed{background:#25d366;border-color:#25d366;color:#fff}.whatsapp-step-circle.pending{background:#fff;border-color:#d1d5db;color:#9ca3af}.whatsapp-step-circle svg{height:1.25rem;width:1.25rem}.whatsapp-step-info{margin-left:.75rem}.whatsapp-step-title{font-size:.875rem;font-weight:500;margin:0}.whatsapp-step-title.active{color:#111827}.whatsapp-step-title.pending{color:#9ca3af}.whatsapp-step-connector{height:.125rem;margin:0 1rem;transition:all .3s;width:4rem}.whatsapp-step-connector.active{background:#25d366}.whatsapp-step-connector.pending{background:#d1d5db}.whatsapp-step-content{margin-top:1.5rem}.whatsapp-step-welcome{padding:3rem 0;text-align:center}.whatsapp-welcome-icon{align-items:center;background:#dcfce7;border-radius:50%;display:flex;height:6rem;justify-content:center;margin:0 auto 1.5rem;width:6rem}.whatsapp-welcome-icon svg{color:#25d366;height:3rem;width:3rem}.whatsapp-welcome-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.whatsapp-welcome-description{color:#6b7280;line-height:1.6;margin:0 auto 2rem;max-width:32rem}.whatsapp-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.whatsapp-feature{text-align:center}.whatsapp-feature-icon{align-items:center;border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.whatsapp-feature-icon.blue{background:#dbeafe}.whatsapp-feature-icon.purple{background:#e9d5ff}.whatsapp-feature-icon.orange{background:#fed7aa}.whatsapp-feature-icon svg{height:2rem;width:2rem}.whatsapp-feature-icon.blue svg{color:#3b82f6}.whatsapp-feature-icon.purple svg{color:#8b5cf6}.whatsapp-feature-icon.orange svg{color:#f59e0b}.whatsapp-feature-title{color:#111827;font-weight:500;margin:0 0 .5rem}.whatsapp-feature-description{color:#6b7280;font-size:.875rem;margin:0}.whatsapp-start-button{background:#25d366;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:500;padding:.75rem 2rem;transition:all .2s}.whatsapp-start-button:hover{background:#128c7e}.whatsapp-qr-section{padding:3rem 0;text-align:center}.whatsapp-qr-icon{align-items:center;background:#dbeafe;border-radius:50%;display:flex;height:6rem;justify-content:center;margin:0 auto 1.5rem;width:6rem}.whatsapp-qr-icon svg{color:#3b82f6;height:3rem;width:3rem}.whatsapp-qr-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.whatsapp-qr-description{color:#6b7280;line-height:1.6;margin:0 auto 2rem;max-width:32rem}.whatsapp-warning-box{background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;margin:0 auto 2rem;max-width:32rem;padding:1rem}.whatsapp-warning-content{align-items:flex-start;display:flex;gap:.75rem}.whatsapp-warning-icon{color:#f59e0b;flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.whatsapp-warning-text h4{color:#92400e;font-weight:500;margin:0 0 .5rem}.whatsapp-warning-list{color:#b45309;font-size:.875rem;list-style:none;margin:0;padding-left:0}.whatsapp-warning-list li{margin-bottom:.25rem}.whatsapp-warning-list li:before{content:"•";margin-right:.5rem}.whatsapp-generate-button{align-items:center;background:#25d366;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:500;gap:.5rem;margin:0 auto;padding:.75rem 2rem;transition:all .2s}.whatsapp-generate-button:hover:not(:disabled){background:#128c7e}.whatsapp-generate-button:disabled{cursor:not-allowed;opacity:.5}.whatsapp-generate-button svg{animation:spin 1s linear infinite;height:1.25rem;width:1.25rem}.whatsapp-scan-section{padding:3rem 0;text-align:center}.whatsapp-scan-icon{align-items:center;background:#dcfce7;border-radius:50%;display:flex;height:6rem;justify-content:center;margin:0 auto 1.5rem;width:6rem}.whatsapp-scan-icon svg{color:#25d366;height:3rem;width:3rem}.whatsapp-scan-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.whatsapp-scan-description{color:#6b7280;line-height:1.6;margin:0 auto 2rem;max-width:32rem}.whatsapp-qr-display{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;display:inline-block;margin-bottom:1.5rem;padding:2rem}.whatsapp-qr-placeholder{align-items:center;background:#f3f4f6;border-radius:.5rem;display:flex;height:16rem;justify-content:center;width:16rem}.whatsapp-qr-placeholder svg{color:#9ca3af;height:8rem;margin-bottom:1rem;width:8rem}.whatsapp-qr-placeholder-text{text-align:center}.whatsapp-qr-placeholder-text p{color:#6b7280;font-size:.875rem;margin:0 0 .5rem}.whatsapp-qr-placeholder-text small{color:#9ca3af;font-size:.75rem;margin:0}.whatsapp-qr-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.whatsapp-qr-image{border:2px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;height:300px;width:300px}.whatsapp-qr-fallback{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;color:#6b7280;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center;width:300px}.whatsapp-qr-fallback svg{color:#d1d5db;height:3rem;width:3rem}.whatsapp-qr-fallback p{font-weight:500;margin:0}.whatsapp-qr-fallback small{color:#9ca3af;font-size:.875rem}.whatsapp-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.whatsapp-instructions h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.whatsapp-instructions-list{color:#475569;margin:0;padding-left:1.5rem}.whatsapp-instructions-list li{line-height:1.5;margin-bottom:.5rem}.whatsapp-instructions-list li:last-child{margin-bottom:0}.whatsapp-countdown-box{background:#dbeafe;border:1px solid #3b82f6;border-radius:.5rem;margin:0 auto 1.5rem;max-width:24rem;padding:1rem}.whatsapp-countdown-content{align-items:center;display:flex;gap:.5rem;justify-content:center}.whatsapp-countdown-icon{color:#3b82f6;height:1.25rem;width:1.25rem}.whatsapp-countdown-text{color:#1e40af;font-weight:500}.whatsapp-action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.whatsapp-secondary-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.whatsapp-secondary-button:hover{background:#f9fafb;border-color:#9ca3af}.whatsapp-primary-button{background:#25d366;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.whatsapp-primary-button:hover{background:#128c7e}.whatsapp-success-section{padding:3rem 0;text-align:center}.whatsapp-success-icon{align-items:center;background:#dcfce7;border-radius:50%;display:flex;height:6rem;justify-content:center;margin:0 auto 1.5rem;width:6rem}.whatsapp-success-icon svg{color:#25d366;height:3rem;width:3rem}.whatsapp-success-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.whatsapp-success-description{color:#6b7280;line-height:1.6;margin:0 auto 2rem;max-width:32rem}.whatsapp-connection-details{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;margin:0 auto 2rem;max-width:32rem;padding:1.5rem}.whatsapp-connection-details h4{color:#166534;font-weight:500;margin:0 0 1rem}.whatsapp-connection-details-grid{display:flex;flex-direction:column;gap:.5rem}.whatsapp-connection-detail{display:flex;font-size:.875rem;justify-content:space-between}.whatsapp-connection-detail-label{color:#166534}.whatsapp-connection-detail-value{color:#166534;font-weight:500}.whatsapp-connection-detail-value.success{color:#25d366}.whatsapp-success-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.whatsapp-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.whatsapp-error-content{align-items:flex-start;display:flex;gap:.75rem}.whatsapp-error-icon{color:#ef4444;flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.whatsapp-error-text h4{color:#b91c1c;font-weight:500;margin:0 0 .25rem}.whatsapp-error-text p{color:#dc2626;font-size:.875rem;margin:0}@media (max-width:768px){.whatsapp-setup-container{padding:1rem}.whatsapp-setup-content,.whatsapp-setup-header{padding:1.5rem}.whatsapp-progress-steps{flex-direction:column;gap:1rem}.whatsapp-step{justify-content:flex-start;width:100%}.whatsapp-step-connector{display:none}.whatsapp-features-grid{grid-template-columns:1fr}.whatsapp-action-buttons,.whatsapp-success-buttons{align-items:center;flex-direction:column}.whatsapp-qr-placeholder{height:12rem;width:12rem}.whatsapp-qr-placeholder svg{height:6rem;width:6rem}}.sms-page{margin:0 auto;max-width:1200px;padding:2rem}.sms-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:400px}.sms-loading-icon{animation:spin 1s linear infinite;color:#0d7463;height:48px;margin-bottom:1rem;width:48px}.sms-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.sms-header h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.sms-header p{color:#6b7280;margin:0}.sms-header-right{align-items:center;display:flex;gap:1rem}.sms-credit-badge{align-items:center;background:linear-gradient(135deg,#dcfce7,#d1fae5);border-radius:2rem;color:#059669;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.sms-tabs{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.sms-tab,.sms-tabs{display:flex;gap:.5rem}.sms-tab{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s;white-space:nowrap}.sms-tab:hover{background:#f3f4f6;color:#374151}.sms-tab.active{background:linear-gradient(135deg,#0d7463,#085d50);color:#fff}.sms-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sms-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.sms-stat-card{gap:1rem;padding:1.25rem!important}.sms-stat-card,.sms-stat-icon{align-items:center;display:flex}.sms-stat-icon{border-radius:12px;flex-shrink:0;height:48px;justify-content:center;width:48px}.sms-stat-info{display:flex;flex-direction:column}.sms-stat-label{color:#6b7280;font-size:.8rem}.sms-stat-value{color:#1f2937;font-size:1.5rem;font-weight:700}.sms-quick-actions{margin-bottom:1.5rem;padding:1.5rem!important}.sms-quick-actions h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.sms-action-buttons{display:flex;flex-direction:column;gap:.5rem}.sms-action-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:1rem;text-align:left;transition:all .2s}.sms-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.sms-action-btn span{flex:1 1}.sms-warning-card{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border:1px solid #f59e0b!important}.sms-warning-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.sms-warning-icon{font-size:2rem}.sms-warning-content h4{color:#92400e;font-size:1rem;margin:0}.sms-warning-content p{color:#a16207;font-size:.875rem;margin:.25rem 0 0}.sms-warning-content>div{flex:1 1;min-width:200px}.sms-credits{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.sms-balance-display{padding:2rem 0;text-align:center}.sms-balance-amount{color:#0d7463;display:block;font-size:4rem;font-weight:700}.sms-balance-label{color:#6b7280;font-size:1rem}.sms-balance-stats{border-top:1px solid #e5e7eb;display:flex;gap:3rem;justify-content:center;margin-top:1rem;padding-top:1rem}.sms-balance-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.sms-balance-stat span:first-child{color:#6b7280;font-size:.8rem}.sms-balance-stat span:last-child{color:#374151;font-size:1.25rem;font-weight:600}.sms-section-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:2rem 0 1rem}.sms-packages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sms-package-card{padding:1.5rem!important;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.sms-package-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.sms-package-card.popular{border:2px solid #0d7463}.sms-popular-badge{background:linear-gradient(135deg,#0d7463,#085d50);border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:.25rem 1rem;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.sms-package-card h4{color:#374151;font-size:1.125rem;margin:0 0 1rem}.sms-package-credits{align-items:baseline;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.sms-package-amount{color:#1f2937;font-size:2.5rem;font-weight:700}.sms-package-bonus{color:#059669;font-size:.875rem;font-weight:600}.sms-package-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center;margin-bottom:.25rem}.sms-price-currency{color:#6b7280;font-size:1rem}.sms-price-amount{color:#0d7463;font-size:1.5rem;font-weight:700}.sms-package-rate{color:#9ca3af;font-size:.8rem;margin:0 0 .5rem}.sms-package-desc{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.sms-settings-desc{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.sms-settings-list{display:flex;flex-direction:column;gap:1rem}.sms-setting-item{align-items:flex-start;background:#f9fafb;border-radius:.5rem;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.sms-setting-info h4{color:#374151;font-size:.95rem;margin:0 0 .25rem}.sms-setting-info p{color:#6b7280;font-size:.8rem;margin:0 0 .5rem}.sms-template-preview{background:#e5e7eb;border-radius:.25rem;color:#9ca3af;display:block;font-size:.75rem;padding:.5rem;word-break:break-word}.sms-toggle{display:inline-block;flex-shrink:0;height:28px;position:relative;width:48px}.sms-toggle input{height:0;opacity:0;width:0}.sms-toggle-slider{background-color:#d1d5db;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.sms-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.sms-toggle input:checked+.sms-toggle-slider{background:linear-gradient(135deg,#0d7463,#085d50)}.sms-toggle input:checked+.sms-toggle-slider:before{transform:translateX(20px)}.sms-settings-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.sms-info-card{background:#f0fdf4!important;border:1px solid #bbf7d0!important;margin-top:1.5rem}.sms-info-card h4{color:#166534;margin:0 0 .5rem}.sms-info-card p{color:#15803d;font-size:.875rem;margin:0 0 .75rem}.sms-variables-list{color:#166534;font-size:.875rem;margin:0;padding-left:1.5rem}.sms-variables-list li{margin-bottom:.25rem}.sms-variables-list code{background:#dcfce7;border-radius:.25rem;font-size:.8rem;padding:.125rem .375rem}.sms-empty-state{color:#9ca3af;padding:3rem;text-align:center}.sms-empty-state svg{margin-bottom:1rem}.sms-logs-table{overflow-x:auto}.sms-logs-table table{border-collapse:collapse;font-size:.875rem;width:100%}.sms-logs-table td,.sms-logs-table th{border-bottom:1px solid #e5e7eb;padding:.75rem;text-align:left}.sms-logs-table th{background:#f9fafb;color:#374151;font-weight:600}.sms-recipient-name{color:#374151;display:block;font-weight:500}.sms-recipient-phone{color:#6b7280;font-size:.8rem}.sms-type-badge{background:#e5e7eb;text-transform:capitalize}.sms-status-badge,.sms-type-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.sms-status-badge{color:#fff;font-weight:500}.sms-message-cell{max-width:250px}.sms-message-preview{color:#6b7280;display:block;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-transactions-list{display:flex;flex-direction:column}.sms-transaction-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;padding:1rem}.sms-transaction-item:last-child{border-bottom:none}.sms-tx-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.sms-tx-info{flex:1 1;min-width:0}.sms-tx-desc{color:#374151;display:block;font-size:.9rem}.sms-tx-date{color:#9ca3af;display:block;font-size:.8rem;margin-top:.125rem}.sms-tx-amount{font-size:.9rem;font-weight:600;white-space:nowrap}.sms-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}.sms-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0003;max-width:450px;padding:1.5rem;width:100%}.sms-modal h3{font-size:1.25rem;margin:0 0 1.5rem}.sms-form-group{margin-bottom:1rem}.sms-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.sms-form-group input,.sms-form-group textarea{border:1px solid #d1d5db;border-radius:.5rem;font-size:.9rem;padding:.75rem;transition:border-color .2s;width:100%}.sms-form-group input:focus,.sms-form-group textarea:focus{border-color:#0d7463;box-shadow:0 0 0 3px #0d74631a;outline:none}.sms-form-group textarea{resize:vertical}.sms-modal-wide{max-width:500px}.sms-recipient-toggle{border:1px solid #d1d5db;border-radius:8px;display:flex;gap:0;overflow:hidden}.recipient-option{background:#fff;border:none;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.recipient-option:not(:last-child){border-right:1px solid #d1d5db}.recipient-option:hover{background:#f9fafb}.recipient-option.active{background:#0d7463;background:var(--color-primary,#0d7463);color:#fff}.sms-group-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.sms-group-select:focus{border-color:#0d7463;border-color:var(--color-primary,#0d7463);box-shadow:0 0 0 3px #0d74631a;outline:none}.sms-group-info{background:#f0fdf4;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;margin-top:8px;padding:8px 12px}.sms-group-info .group-count{color:#166534;font-weight:500}.sms-group-info .credit-estimate{color:#6b7280}.sms-no-groups{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;padding:16px;text-align:center}.sms-no-groups p{color:#6b7280;font-size:14px;margin:0 0 8px}.sms-no-groups a{color:#0d7463;color:var(--color-primary,#0d7463);font-weight:500;text-decoration:none}.sms-no-groups a:hover{text-decoration:underline}.sms-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}@media (max-width:768px){.sms-page{padding:1rem}.sms-header,.sms-header-right{align-items:stretch;flex-direction:column}.sms-credit-badge{justify-content:center}.sms-tabs{gap:.25rem}.sms-tab{font-size:.8rem;padding:.5rem .75rem}.sms-stats-grid{grid-template-columns:repeat(2,1fr)}.sms-stat-card{flex-direction:column;padding:1rem!important;text-align:center}.sms-stat-value{font-size:1.25rem}.sms-credits{grid-template-columns:1fr}.sms-balance-amount{font-size:3rem}.sms-packages-grid{grid-template-columns:1fr}.sms-setting-item{flex-direction:column}.sms-logs-table{font-size:.8rem}.sms-logs-table td,.sms-logs-table th{padding:.5rem}}@media (max-width:480px){.sms-stats-grid{grid-template-columns:1fr}.sms-balance-stats{flex-direction:column;gap:1rem}}.sms-purchase-card{text-align:center}.sms-purchase-header{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.sms-purchase-icon{color:#16a34a;margin-bottom:1rem}.sms-purchase-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.sms-purchase-header p{color:#6b7280;font-size:.875rem;margin:0}.sms-pricing-table{margin-bottom:1.5rem}.sms-pricing-header{background:#f9fafb;border-radius:8px 8px 0 0;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase}.sms-pricing-header,.sms-pricing-row{display:flex;justify-content:space-between}.sms-pricing-row{border-bottom:1px solid #f3f4f6;font-size:.9375rem;padding:.875rem 1rem}.sms-pricing-row:last-child{border-bottom:none}.sms-pricing-credits{color:#111827;font-weight:500}.sms-pricing-credits small{color:#16a34a;font-size:.75rem;font-weight:400}.sms-pricing-price{color:#374151}.sms-purchase-form{border-top:1px solid #e5e7eb;padding-top:1rem;text-align:left}.sms-purchase-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.sms-package-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='m2 4 4 4 4-4H2z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s;width:100%}.sms-package-select:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a;outline:none}.sms-purchase-btn{background:#16a34a!important;border-color:#16a34a!important;font-size:1rem;margin-top:1rem;padding:.875rem 1.5rem}.sms-purchase-btn:hover:not(:disabled){background:#15803d!important;border-color:#15803d!important}.sms-purchase-btn:disabled{background:#86efac!important;border-color:#86efac!important}.access-denied-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:24px}.access-denied-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:480px;padding:48px;text-align:center;width:100%}.access-denied-icon{display:flex;justify-content:center;margin-bottom:24px}.access-denied-icon svg{color:#ef4444}.access-denied-title{color:#111827;font-size:28px;font-weight:700;margin:0 0 12px}.access-denied-message{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 24px}.access-denied-details{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.access-denied-details p{color:#4b5563;font-size:14px;line-height:1.8;margin:0}.access-denied-details strong{color:#111827;font-weight:600}.access-denied-help{margin-bottom:32px}.access-denied-help p{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}.access-denied-actions{display:flex;gap:12px;justify-content:center}.access-denied-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.access-denied-btn.primary{background:#2563eb;border:none;color:#fff}.access-denied-btn.primary:hover{background:#1d4ed8}.access-denied-btn.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.access-denied-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:640px){.access-denied-card{padding:32px 24px}.access-denied-title{font-size:24px}.access-denied-actions{flex-direction:column}.access-denied-btn{width:100%}}.subscription-verify-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:40px;width:100%}.verify-content{text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:60px;margin:0 auto 24px;width:60px}.error-icon,.success-icon,.timeout-icon{align-items:center;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-icon{background:#10b981;color:#fff}.error-icon{background:#ef4444;color:#fff}.timeout-icon{background:#f59e0b;color:#fff}.verify-content h2{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:12px}.verify-content p{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:16px}.payment-reference{background:#f9fafb;border-radius:8px;margin-top:20px;padding:12px}.payment-reference small{color:#9ca3af;font-family:monospace;font-size:12px}.subscription-details{background:#f9fafb;border-radius:8px;margin:24px 0;padding:20px;text-align:left}.detail-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-value{color:#1f2937;font-weight:600}.redirect-message{color:#9ca3af;font-size:14px;font-style:italic;margin-top:16px}.continue-button,.retry-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;margin:8px;padding:12px 24px;transition:all .2s}.continue-button{background:#667eea;color:#fff}.continue-button:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.retry-button{background:#fff;border:2px solid #667eea;color:#667eea}.retry-button:hover{background:#f9fafb;transform:translateY(-1px)}.error-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.error-message{color:#dc2626;font-weight:500}@media (max-width:640px){.verify-card{padding:24px}.verify-content h2{font-size:20px}.verify-content p{font-size:14px}.continue-button,.retry-button{padding:14px;width:100%}}.upgrade-page{margin:0 auto;max-width:1400px;padding:var(--space-6)}.upgrade-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.upgrade-header-content h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.upgrade-header-content p{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.current-plan-badge{align-items:center;background:linear-gradient(135deg,#f3f4f6,#fff);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.current-plan-badge .label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.billing-toggle{background:var(--color-gray-100);border-radius:var(--radius-full);justify-content:center;margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;padding:var(--space-1);width:-webkit-fit-content;width:fit-content}.billing-toggle,.toggle-btn{display:flex;gap:var(--space-2)}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-gray-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);transition:all .2s ease}.toggle-btn:hover{color:var(--color-gray-900)}.toggle-btn.active{background:#fff;box-shadow:var(--shadow-sm);color:var(--color-primary)}.save-label{background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px}.loading-state{color:var(--color-gray-500);padding:var(--space-16)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:var(--space-4);width:40px}.plans-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-8)}.plan-card{background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--space-6);position:relative;transition:all .3s ease}.plan-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.plan-card.current{background:linear-gradient(135deg,#eff6ff,#fff);border-color:var(--color-primary)}.plan-card.popular{border-color:#0d7463;box-shadow:0 0 0 2px #0d746326}.popular-badge{background:linear-gradient(135deg,#0d7463,#085d50);left:50%;padding:var(--space-1) var(--space-4);transform:translateX(-50%);white-space:nowrap}.current-badge,.popular-badge{border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);position:absolute;top:-12px}.current-badge{background:linear-gradient(135deg,#10b981,#059669);padding:var(--space-1) var(--space-3);right:var(--space-4)}.plan-header{margin-bottom:var(--space-4)}.plan-name{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.plan-description{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5;margin:0}.plan-price{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.price-amount{color:var(--color-gray-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.price-period{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-left:var(--space-1)}.transaction-fee{align-items:center;background:var(--color-gray-50);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3)}.fee-label{color:var(--color-gray-600);font-size:var(--font-size-sm)}.fee-value{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.plan-features{flex:1 1;margin-bottom:var(--space-6)}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:flex-start;color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);gap:var(--space-3);padding:var(--space-2) 0}.check-icon{color:#10b981;flex-shrink:0;height:16px;margin-top:2px;width:16px}.plan-button{justify-content:center;width:100%}.subscription-details{margin-bottom:var(--space-8)}.details-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:var(--space-2)}.detail-label{color:var(--color-gray-600);font-size:var(--font-size-sm)}.detail-value{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.faq-section{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-8)}.faq-section h2{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6) 0;text-align:center}.faq-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-5)}.faq-item h4{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0}.faq-item p{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.6;margin:0}@media (max-width:768px){.upgrade-page{padding:var(--space-4)}.upgrade-header{align-items:stretch;flex-direction:column}.upgrade-header-content h1{font-size:var(--font-size-2xl)}.current-plan-badge{flex-wrap:wrap;justify-content:center}.plans-grid{gap:var(--space-4)}.plan-card,.plans-grid{display:flex!important;flex-direction:column}.plan-card{width:100%}.plan-card:not(.current){display:flex!important}.faq-grid{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr 1fr}.billing-toggle{max-width:320px;position:relative;width:100%;z-index:1}.toggle-btn{-webkit-tap-highlight-color:transparent;flex:1 1;font-size:var(--font-size-xs);justify-content:center;min-height:44px;padding:var(--space-3) var(--space-2);touch-action:manipulation}.toggle-btn .save-label{font-size:10px;padding:2px 6px}.plan-card.popular{order:-1}.current-badge,.popular-badge{font-size:10px;padding:4px 8px}}@media (max-width:480px){.price-amount{font-size:var(--font-size-2xl)}.details-grid{grid-template-columns:1fr}.plan-features li{font-size:var(--font-size-xs)}.faq-section{padding:var(--space-4)}.faq-section h2{font-size:var(--font-size-xl)}}.appointments-container{background-color:#f9fafb;margin:0;max-width:100%;min-height:100vh;padding:0}.appointments-header{background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding:24px 32px}.appointments-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.subtitle{color:#6b7280;font-size:14px;margin:0}.error-message{background-color:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#991b1b;font-size:14px;margin:0 32px 24px;padding:16px 24px}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:64px 24px}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.appointments-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin:0 32px 24px;padding:20px}.filter-group{align-items:center;display:flex;gap:8px;justify-content:flex-start}.filter-group label{color:#374151;font-size:14px;font-weight:500;text-align:left}.filter-input,.filter-select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:180px;padding:8px 12px}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-date-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px;transition:background-color .2s}.clear-date-btn:hover{background-color:#dc2626}.empty-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#6b7280;margin:0 32px;padding:64px 24px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#374151;font-size:20px;font-weight:600;margin-bottom:8px}.appointments-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 32px;padding-bottom:32px}.appointment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px;transition:box-shadow .2s}.appointment-card:hover{box-shadow:0 4px 6px #0000001a}.appointment-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.appointment-service{display:flex;flex-direction:column;gap:8px}.appointment-service h3{color:#111827;font-size:18px;font-weight:600;margin:0}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-confirmed{background-color:#d1fae5;color:#065f46}.status-pending{background-color:#fef3c7;color:#92400e}.status-cancelled{background-color:#fee2e2;color:#991b1b}.status-completed{background-color:#dbeafe;color:#1e40af}.status-no-show{background-color:#f3f4f6;color:#4b5563}.appointment-price{color:#059669;font-size:20px;font-weight:700}.appointment-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.detail-row{align-items:flex-start;display:flex;gap:12px}.detail-label{color:#6b7280;font-size:14px;font-weight:500;min-width:120px}.detail-value{color:#111827;flex:1 1;font-size:14px}.appointment-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.approve-btn{background-color:#059669;color:#fff}.approve-btn:hover{background-color:#047857}.cancel-btn{background-color:#ef4444;color:#fff}.cancel-btn:hover{background-color:#dc2626}.complete-btn{background-color:#3b82f6;color:#fff}.complete-btn:hover{background-color:#2563eb}.no-show-btn{background-color:#6b7280;color:#fff}.no-show-btn:hover{background-color:#4b5563}.delete-btn{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#ef4444}.delete-btn:hover{background-color:#ef4444;color:#fff}.pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;justify-content:center;margin:32px 32px 0;padding:24px}.pagination-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background-color:#2563eb}.pagination-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:14px}@media (max-width:768px){.appointments-container{padding:0}.appointments-header{padding:16px 20px}.appointments-header h1{font-size:24px}.appointments-filters{flex-direction:column;margin:0 20px 20px;padding:16px}.filter-group{width:100%}.filter-input,.filter-select{flex:1 1;min-width:auto}.appointments-list{gap:16px;grid-template-columns:1fr;margin:0 20px;padding-bottom:20px}.appointment-header{flex-direction:column;gap:12px}.detail-label{min-width:100px}.detail-label,.detail-value{font-size:13px}.appointment-actions{flex-direction:column}.action-btn{width:100%}.empty-state{margin:0 20px;padding:48px 20px}.pagination{margin:20px 20px 0;padding:16px}.error-message{margin:0 20px 20px}}.loader-inline{flex-direction:column;gap:12px;padding:20px}.loader-fullpage,.loader-inline{align-items:center;display:flex;justify-content:center}.loader-fullpage{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loader-content{align-items:center;display:flex;flex-direction:column;gap:16px}.loader{align-items:center;display:inline-flex;justify-content:center;position:relative}.loader-ring{animation:loaderSpin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:2px solid #0000;border-radius:50%;position:absolute}.loader-ring:first-child{animation-delay:0s}.loader-ring:nth-child(2){animation-delay:.15s}.loader-ring:nth-child(3){animation-delay:.3s}.loader-small .loader-ring{height:16px;width:16px}.loader-medium .loader-ring{height:24px;width:24px}.loader-large .loader-ring{height:40px;width:40px}.loader-primary .loader-ring{border-right-color:#3b82f6;border-top-color:#2563eb}.loader-white .loader-ring{border-right-color:#ffffffb3;border-top-color:#fff}.loader-gray .loader-ring{border-right-color:#9ca3af;border-top-color:#6b7280}.loader-text{animation:loaderTextPulse 2s ease-in-out infinite;color:#6b7280;font-size:14px;font-weight:500;margin:0}@keyframes loaderSpin{0%{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.5;transform:rotate(180deg) scale(.8)}to{opacity:1;transform:rotate(1turn) scale(1)}}@keyframes loaderTextPulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner{align-items:center;display:inline-flex;height:24px;justify-content:center;position:relative;width:24px}.loading-spinner:after,.loading-spinner:before{animation:loaderSpin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:2px solid #0000;border-radius:50%;content:"";position:absolute}.loading-spinner:before{animation-delay:0s;border-right-color:#3b82f6;border-top-color:#2563eb;height:24px;width:24px}.loading-spinner:after{animation-delay:.15s;border-right-color:#60a5fa;border-top-color:#3b82f6;height:20px;width:20px}
/*# sourceMappingURL=main.8b31e9f5.css.map*/