*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>*+*{margin-left:.5rem}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.m-4{margin:1rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-gray-400{color:#9ca3af}.text-white{color:#fff}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:#9ca3af}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-green-500{background-color:#10b981}.bg-red-500{background-color:#ef4444}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-400{border-color:#9ca3af}.cursor-pointer{cursor:pointer}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-400:hover{background-color:#9ca3af}.hover\:border-gray-400:hover{border-color:#9ca3af}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-color:#3b82f6}.focus\:ring-gray-400:focus{--tw-ring-color:#9ca3af}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:transform-none:disabled{transform:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.login-container{align-items:stretch;display:flex;min-height:100vh;overflow:hidden}.login-left-panel{align-items:center;background:linear-gradient(135deg,#064e3b,#065f46 50%,#047857);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem;position:relative}.plant-icon-large{animation:float 6s ease-in-out infinite;color:#ffffff4d;margin-bottom:2rem}.brand-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-align:center}.brand-tagline{color:#ffffffe6;font-size:1rem;margin:0 0 3rem;text-align:center}.features-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;max-width:300px;padding:1.5rem;width:100%}.feature-item{align-items:center;color:#fff;display:flex;font-size:.95rem;gap:.75rem}.feature-item svg{color:#fffc}.plant-icon-small{animation:float 8s ease-in-out infinite;animation-delay:1s;bottom:2rem;color:#fff3;left:2rem;position:absolute}.login-right-panel{background:#f9fafb;flex:1 1;padding:2rem}.login-form-wrapper,.login-right-panel{align-items:center;display:flex;justify-content:center}.login-form-wrapper{max-width:480px;width:100%}.login-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2.5rem;width:100%}.form-header{margin-bottom:2rem;text-align:center}.welcome-heading{color:#047857;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.welcome-subtitle{color:#6b7280;font-size:.875rem;margin:0}.login-form{gap:.875rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.375rem}.form-label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;left:.875rem;pointer-events:none;position:absolute;z-index:1}.form-input{background-color:#fff;border:1.5px solid #e5e7eb;box-sizing:border-box;color:#111827;line-height:1.5;padding:.625rem .875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input,.form-input::placeholder{font-size:.875rem}.form-input:hover{background-color:#fafafa;border-color:#d1d5db}.form-input:focus{background-color:#fff;border-color:#047857;box-shadow:0 0 0 3px #0478571a}.form-input.error{background-color:#fef2f2;border-color:#ef4444}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-toggle{align-items:center;color:#9ca3af;display:flex;justify-content:center;padding:.25rem;right:.875rem;transition:color .2s ease;z-index:1}.password-toggle:hover{color:#047857}.password-toggle:focus{color:#047857;outline:none}.error-message{animation:errorSlideIn .3s ease-out;color:#ef4444;font-size:.8125rem;line-height:1.4;margin-top:.25rem}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.remember-me{align-items:center;display:flex;gap:.5rem;margin-top:-.5rem}.remember-me input[type=checkbox]{accent-color:#047857;border-radius:4px;cursor:pointer;height:1rem;width:1rem}.remember-me label{color:#6b7280;cursor:pointer;font-size:.875rem;-webkit-user-select:none;user-select:none}.login-button{align-items:center;background:#047857;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.login-button:hover:not(:disabled){background:#065f46;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-button:focus{box-shadow:0 0 0 3px #04785733;outline:none}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:1.125rem;width:1.125rem}.form-footer{border-top:1px solid #e5e7eb;margin-top:1.75rem;padding-top:1.5rem}.admin-link{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem;text-align:center}.admin-link-text{color:#047857;font-weight:600;text-decoration:none;transition:color .2s ease}.admin-link-text:hover{color:#065f46;text-decoration:underline}.terms-text{color:#9ca3af;font-size:.75rem;line-height:1.6;margin:0;text-align:center}.terms-link{color:#047857;font-weight:500;text-decoration:none;transition:color .2s ease}.terms-link:hover{color:#065f46;text-decoration:underline}@media (max-width:968px){.login-container{flex-direction:column}.login-left-panel{min-height:40vh;padding:2rem}.brand-title{font-size:2rem}.features-box{max-width:100%}.plant-icon-small{display:none}.login-right-panel{min-height:60vh;padding:2rem 1.5rem}.login-form-container{padding:2rem}}@media (max-width:480px){.login-left-panel{min-height:35vh;padding:1.5rem}.brand-title{font-size:1.75rem}.brand-tagline{font-size:.875rem;margin-bottom:1.5rem}.features-box{gap:.75rem;padding:1rem}.feature-item{font-size:.875rem}.login-right-panel{padding:1.5rem 1rem}.login-form-wrapper{max-width:100%}.login-form-container{border-radius:12px;padding:1.75rem 1.5rem}.welcome-heading{font-size:1.625rem}.welcome-subtitle{font-size:.8125rem}.form-header{margin-bottom:1.5rem}.login-form{gap:1rem}.form-input{font-size:.875rem;padding:.5625rem .75rem}.login-button{font-size:.9375rem;padding:.8125rem 1.25rem}.form-footer{margin-top:1.5rem;padding-top:1.25rem}}@media (prefers-contrast:high){.login-left-panel{border-right:2px solid #000}.form-input{border-width:2px}.login-button{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.plant-icon-large,.plant-icon-small{animation:none}.form-input,.login-button{transition:none}.error-message{animation:none}}.main-tab-navigator{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.main-tab-navigator:before{content:none}.logout-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5;border:1px solid #e5e7eb;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:1000}.logout-button:hover{background:#e5e7eb;border-color:#d1d5db;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.tab-header{margin-bottom:60px;min-height:80px;padding:20px 0;position:relative;text-align:center;z-index:10}.tab-title{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0 0 8px;position:relative;text-shadow:none}.tab-title:after{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:2px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.tab-subtitle{color:#64748b;font-size:1.1rem;font-weight:500}.cards-container{flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto;max-width:1200px}.card,.cards-container{display:flex;position:relative;z-index:10}.card{align-items:center;background:#f5f5f5;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;flex:1 1;flex-direction:column;max-width:350px;min-width:280px;padding:30px;text-align:center;transition:all .3s ease}.card:hover{box-shadow:0 25px 35px -5px #00000026,0 15px 15px -5px #00000014;transform:translateY(-5px)}.card-icon{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:16px;box-shadow:0 4px 10px #fbbf244d;color:#1f2937;display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.card-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.card-description{color:#64748b;font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.main-tab-navigator{padding:10px}.cards-container{align-items:center;flex-direction:column}.card{max-width:400px;width:90%}.tab-title{font-size:2rem}}.header-top{background:linear-gradient(135deg,#047857,#065f46 50%,#064e3b);border-bottom:2px solid #ffffff1a;box-shadow:0 2px 12px #0000001a;justify-content:space-between;padding:10px 24px;position:relative;z-index:10}.header-left,.header-top{align-items:center;display:flex}.header-left{gap:12px}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:32px;justify-content:center;padding:6px 10px;transition:all .3s ease;width:32px}.back-button:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.header-content{display:flex;flex-direction:column;gap:2px}.header-content h1{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:-.025em;margin:0;text-shadow:0 1px 2px #0003}.header-content p{color:#ffffffd9;font-size:.8rem;font-weight:500;margin:0}.header-right{color:#fff;font-size:.8rem;font-weight:500;gap:10px}.header-info,.header-right{align-items:center;display:flex}.header-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:6px;gap:6px;padding:6px 10px}.header-info span{color:#fff;font-weight:600}.header-time{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:6px;display:flex;font-size:.75rem;gap:6px;padding:6px 10px}.header-time.last-updated{background:#ffffff26;color:#ffffffe6;font-size:.7rem}.header-action-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .3s ease;width:32px}.header-action-btn:hover{background:#ffffff4d;box-shadow:0 3px 8px #0000004d;transform:translateY(-1px)}.header-action-btn.logout{background:#ef4444cc;border:1px solid #ef4444e6;box-shadow:0 2px 6px #ef44444d}.header-action-btn.logout:hover{background:#dc2626e6;border-color:#dc2626;box-shadow:0 3px 8px #ef444466}.header-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@media (max-width:768px){.header-top{flex-direction:column;gap:10px;padding:10px 16px;text-align:center}.header-right{flex-wrap:wrap;justify-content:center}.header-content h1{font-size:1.2rem}.header-content p{font-size:.75rem}}@media (max-width:480px){.header-top{padding:8px 12px}.header-content h1{font-size:1.1rem}.header-content p{font-size:.7rem}.header-right{gap:8px}.header-info,.header-time{font-size:.7rem;padding:4px 8px}.back-button,.header-action-btn{height:28px;width:28px}}.dashboard-page{background:#fff;display:flex;flex-direction:column;margin:0;max-width:none;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100%}.dashboard-page:before{content:none}.dashboard-content{display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0;overflow:visible!important;padding:24px 32px;position:relative;z-index:2}.stats-grid,.stats-section{margin-bottom:0;width:100%}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:16px;min-height:160px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.stat-card:before{background:linear-gradient(90deg,#fbbf24,#f59e0b,#eab308);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:#fbbf244d;box-shadow:0 20px 40px #00000026;transform:translateY(-4px) scale(1.02)}.stat-card:hover:before{opacity:1}.stat-icon{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 4px 12px #fbbf244d;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s ease;width:56px}.stat-card:hover .stat-icon{box-shadow:0 6px 20px #fbbf2466;transform:scale(1.1)}.stat-content{display:flex;flex-direction:column;gap:8px;width:100%}.stat-content h3{color:#64748b;font-size:.85rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1;margin:0;min-height:2.5rem}.stat-loading,.stat-number{align-items:center;display:flex;justify-content:center}.stat-loading{height:100%;width:100%}.stat-spinner{animation:statSpin 1s linear infinite;border:3px solid #fbbf2433;border-radius:50%;border-top-color:#fbbf24;height:24px;width:24px}@keyframes statSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;display:inline-block;height:14px;margin-right:4px;width:14px}.filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5;border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 12px 40px #00000026;margin-bottom:24px;padding:0;position:relative;transform:translateY(0);transition:all .3s ease;width:100%}.filters-section:hover{border-color:#fbbf2480;box-shadow:0 16px 50px #0003;transform:translateY(-2px)}.filters-section:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#fbbf24,#f59e0b,#eab308,#fbbf24);content:"";height:6px;left:0;opacity:1;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.filters-header{align-items:center;background:linear-gradient(135deg,#fbbf240d,#f59e0b0d);border-bottom:1px solid #fbbf241a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:0;padding:16px 16px 12px;position:relative;z-index:1}.filters-header h2{font-size:1.3rem;letter-spacing:-.5px;margin:0;position:relative}.filters-header h2:after{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:2px;bottom:-6px;content:"";height:2px;left:0;position:absolute;width:50px}.filters-header p{flex:1 1;font-size:.85rem;font-weight:500;max-width:350px}.toggle-filters-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:10px;box-shadow:0 4px 12px #fbbf244d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s ease}.toggle-filters-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.toggle-filters-btn:hover{box-shadow:0 8px 25px #fbbf2466;transform:translateY(-2px)}.toggle-filters-btn:hover:before{left:100%}.filters-container{background:#fffc;overflow:visible!important;padding:16px 16px 80px}.filters-container:before{background:linear-gradient(90deg,#0000,#fbbf244d,#0000);content:"";height:1px;left:20px;position:absolute;right:20px;top:0}.filters-grid{grid-gap:12px;grid-row-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:12px;row-gap:12px;width:100%}.filter-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fbbf2433;border-radius:8px;display:flex;flex-direction:column;gap:4px;height:90px;justify-content:flex-start;margin:0;min-width:0;overflow:hidden;padding:8px;position:relative;transition:all .3s ease;width:100%}.filter-group.applied{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid #fbbf2499;box-shadow:0 4px 15px #fbbf2433;transform:translateY(-1px)}.filter-group.applied:before{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 2px 8px #fbbf2466;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px;z-index:2}.filter-group.applied h4{color:#f59e0b;font-weight:800}.filter-group.applied h4:before{animation:pulse 2s ease-in-out infinite;color:#f59e0b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.substore-multiselect{display:flex;flex:1 1;flex-direction:column;max-height:60px;position:relative;width:100%;z-index:1000}.substore-multiselect.dropdown-open{z-index:9999}.filter-group.substore-filter-group{margin-bottom:0;overflow:visible;z-index:1000}.filter-group.substore-filter-group.dropdown-open{z-index:9999}.filter-group.campaign-name-filter-group{margin-bottom:0;overflow:visible;z-index:1000}.filter-group.campaign-name-filter-group.dropdown-open{z-index:9999}.substore-selector{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-height:36px;padding:8px 12px;transition:all .2s ease}.substore-selector:focus-within,.substore-selector:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.substore-display{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.placeholder{font-style:italic}.selected-text{color:#374151}.substore-arrow{color:#6b7280;font-size:12px;margin-left:8px;transition:transform .2s ease}.substore-selector:hover .substore-arrow{transform:translateY(1px)}.substore-dropdown{animation:dropdownSlideIn .2s ease-out;background:#fff;border:2px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 8px 25px #00000040;left:0;margin-top:2px;max-height:350px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.substore-search{border-bottom:1px solid #e5e7eb;padding:10px 16px}.substore-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.substore-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.substore-actions{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:6px 16px}.substore-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.substore-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.substore-action-btn.select-all{border-color:#10b981;color:#059669}.substore-action-btn.select-all:hover{background:#d1fae5}.substore-action-btn.clear-all{border-color:#ef4444;color:#dc2626}.substore-action-btn.clear-all:hover{background:#fee2e2}.substore-options{max-height:280px;overflow-y:auto;padding:8px 0}.substore-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 16px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.substore-option:hover{background:#f3f4f6}.substore-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.substore-label{color:#374151;flex:1 1;font-size:14px}.no-substores{color:#6b7280;font-style:italic;padding:16px;text-align:center}.substore-options::-webkit-scrollbar{width:6px}.substore-options::-webkit-scrollbar-track{background:#f1f5f9}.substore-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.substore-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.campaign-name-multiselect{display:flex;flex:1 1;flex-direction:column;max-height:60px;position:relative;width:100%;z-index:1000}.campaign-name-multiselect.dropdown-open{z-index:9999}.campaign-name-selector{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-height:32px;padding:6px 8px;transition:all .2s ease}.campaign-name-selector:focus-within,.campaign-name-selector:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.campaign-name-display{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.campaign-name-arrow{color:#6b7280;font-size:10px;margin-left:6px;transition:transform .2s ease}.campaign-name-selector:hover .campaign-name-arrow{transform:translateY(1px)}.campaign-name-dropdown{animation:dropdownSlideIn .2s ease-out;background:#fff;border:2px solid #e5e7eb;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 8px 25px #00000040;left:0;margin-top:2px;max-height:350px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.campaign-name-search{border-bottom:1px solid #e5e7eb;padding:10px 16px}.campaign-name-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.campaign-name-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.campaign-name-actions{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:6px 16px}.campaign-name-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.campaign-name-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.campaign-name-action-btn.select-all{border-color:#10b981;color:#059669}.campaign-name-action-btn.select-all:hover{background:#d1fae5}.campaign-name-action-btn.clear-all{border-color:#ef4444;color:#dc2626}.campaign-name-action-btn.clear-all:hover{background:#fee2e2}.campaign-name-options{max-height:280px;overflow-y:auto;padding:8px 0}.campaign-name-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 16px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.campaign-name-option:hover{background:#f3f4f6}.campaign-name-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.campaign-name-label{color:#374151;flex:1 1;font-size:14px}.no-campaign-names{color:#6b7280;font-style:italic;padding:16px;text-align:center}.campaign-name-options::-webkit-scrollbar{width:6px}.campaign-name-options::-webkit-scrollbar-track{background:#f1f5f9}.campaign-name-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.campaign-name-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-group:before{background:linear-gradient(90deg,#fbbf24,#f59e0b);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.filter-group:hover{background:#fff;border-color:#fbbf2466;box-shadow:0 8px 25px #fbbf2426;transform:translateY(-2px)}.filter-group:hover:before{opacity:1}.filter-group h4{align-items:center;color:#374151;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:4px;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.filter-group h4:before{color:#fbbf24;content:"⚡";font-size:.7rem}.date-inputs,.range-inputs{align-items:flex-start;display:flex;flex:1 1;gap:6px;max-height:60px;min-width:0;width:100%}.filter-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #d1d5db80;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:.75rem;font-weight:500;max-height:32px;min-width:0;padding:6px 8px;transition:all .3s ease}.filter-input:focus{background:#fff;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;outline:none;transform:translateY(-1px)}.filter-input::placeholder{color:#9ca3af;font-style:italic}.checkbox-filter-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.filter-checkbox{accent-color:#28a745;cursor:pointer;height:18px;width:18px}.filter-checkbox:disabled{cursor:not-allowed;opacity:.6}.filter-actions{align-items:center;background:linear-gradient(135deg,#fbbf240d,#f59e0b0d);border:1px solid #fbbf241a;border-radius:10px;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:12px;width:100%}.filter-results-count{align-items:center;background:#ffffffe6;border:1px solid #fbbf244d;border-radius:8px;box-shadow:0 2px 8px #fbbf241a;display:flex;margin-right:20px;padding:8px 16px}.results-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.results-label{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.results-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;color:#f59e0b;font-size:1rem;font-weight:700}.limit-warning{background:#dc26261a;border:1px solid #dc262633;border-radius:4px;color:#dc2626;font-size:.75rem;font-weight:600;padding:2px 6px}.apply-filters-btn,.clear-filters-btn,.download-filtered-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.apply-filters-btn{box-shadow:0 4px 12px #fbbf244d;color:#fff;letter-spacing:.5px}.apply-filters-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.apply-filters-btn:hover:not(:disabled){box-shadow:0 8px 25px #fbbf2466;transform:translateY(-2px)}.apply-filters-btn:hover:not(:disabled):before{left:100%}.download-filtered-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff;letter-spacing:.5px}.download-filtered-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.download-filtered-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.download-filtered-btn:hover:not(:disabled):before{left:100%}.clear-filters-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f1f5f9e6;border:2px solid #e2e8f0cc;color:#475569;font-weight:600}.clear-filters-btn:hover{background:#e2e8f0f2;box-shadow:0 4px 12px #0000001a;color:#1e293b;transform:translateY(-1px)}.apply-filters-btn:disabled,.download-filtered-btn:disabled{cursor:not-allowed;opacity:.6}.filter-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid #fbbf244d;border-radius:12px;margin-top:12px;overflow:hidden;padding:16px;position:relative;text-align:center}.filter-results:before{background:linear-gradient(90deg,#fbbf24,#f59e0b);content:"";height:2px;left:0;position:absolute;right:0;top:0}.filter-results p{color:#f59e0b;font-size:1rem;font-weight:600;margin:0 0 6px;position:relative;z-index:1}.filter-results p:last-child{margin-bottom:0}.filter-results strong{color:#f59e0b;font-size:1.1rem;font-weight:800}.filter-loading{align-items:center;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:10px;display:flex;gap:10px;justify-content:center;margin-top:12px;padding:12px}.filter-spinner{animation:filterSpin 1s linear infinite;border:2px solid #fbbf244d;border-radius:50%;border-top-color:#fbbf24;height:18px;width:18px}.filter-loading span{color:#f59e0b;font-size:.85rem;font-weight:600}@keyframes filterSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #00000014;display:flex;flex:1 1;flex-direction:column;margin-bottom:0;min-height:200px;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.upload-section:before{background:linear-gradient(90deg,#fbbf24,#f59e0b,#eab308);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.upload-header{margin-bottom:20px;position:relative;text-align:center;z-index:1}.upload-header h2{color:#1e293b;font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.upload-header p{color:#64748b;font-size:.9rem;font-weight:500;margin:0}.upload-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1000px;width:100%}.file-input-wrapper{margin-bottom:16px}.file-input-label{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.file-input-label:before{background:linear-gradient(90deg,#0000,#fbbf241a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.file-input-label:hover{background:#fbbf2414;border-color:#fbbf24;box-shadow:0 8px 25px #fbbf2426;color:#f59e0b;transform:translateY(-2px)}.file-input-label:hover:before{left:100%}.upload-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.template-btn,.upload-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:10px 18px;transition:all .3s ease}.template-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.template-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.upload-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);font-weight:600;letter-spacing:.5px;overflow:hidden;position:relative}.upload-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.upload-btn:hover:not(:disabled){box-shadow:0 8px 25px #fbbf2466}.upload-btn:hover:not(:disabled):before{left:100%}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.upload-progress{margin-top:16px}.progress-bar{background:#e2e8f0;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);height:100%;transition:width .3s ease}.campaign-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.campaign-popup{background:#f9fafb;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;position:relative;width:90%}.campaign-popup-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.campaign-popup-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.close-popup-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.close-popup-btn:hover{background:#f1f5f9;color:#1e293b}.campaign-form{padding:32px}.form-group{margin-bottom:24px}.form-group label{margin-bottom:8px}.form-input{padding:12px 16px;transition:all .2s ease}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{border-radius:6px;gap:12px;padding:8px 12px;transition:background-color .2s ease}.checkbox-label:hover{background:#f8fafc}.checkbox-input{height:18px;width:18px}.checkbox-text{color:#374151;font-size:.9rem}.campaign-popup-actions{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-btn{background:#fff;border:2px solid #e5e7eb}.cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#d1d5db}.save-campaign-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.save-campaign-btn:hover:not(:disabled){box-shadow:0 8px 25px #fbbf2466;transform:translateY(-1px)}.cancel-btn:disabled,.save-campaign-btn:disabled{cursor:not-allowed;opacity:.6}.campaign-confirmation-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.campaign-confirmation-popup{background:#f9fafb;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px;position:relative;text-align:center;width:90%}.close-confirmation-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.close-confirmation-btn:hover{background:#f1f5f9;color:#1e293b}.campaign-confirmation-popup h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 16px}.campaign-confirmation-popup p{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 0 32px}.confirmation-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.no-btn,.yes-btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:160px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.no-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d;color:#fff}.no-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.no-btn:hover{box-shadow:0 8px 25px #6b728066;transform:translateY(-2px)}.no-btn:hover:before{left:100%}.yes-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf244d;color:#fff}.yes-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.yes-btn:hover{box-shadow:0 8px 25px #fbbf2466;transform:translateY(-2px)}.yes-btn:hover:before{left:100%}@media (max-width:768px){.dashboard-page{padding:0}.dashboard-content{padding:16px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.upload-actions{flex-direction:column}.template-btn,.upload-btn{justify-content:center;width:100%}.filters-header{align-items:flex-start;flex-direction:column;padding:20px 20px 16px}.filters-grid{gap:12px;grid-template-columns:1fr}.date-inputs,.range-inputs{flex-direction:column;gap:8px}.filter-input{min-width:0;width:100%}.filter-actions{flex-direction:column;padding:16px}.apply-filters-btn,.clear-filters-btn,.download-filtered-btn{justify-content:center;width:100%}.campaign-popup{margin:20px;width:95%}.campaign-form{padding:24px}.campaign-popup-header{padding:20px 24px}.campaign-popup-actions{flex-direction:column}.campaign-popup-actions button{width:100%}.campaign-confirmation-popup{margin:20px;padding:24px;width:95%}.confirmation-actions{flex-direction:column}.confirmation-actions button{width:100%}}.campaign-download-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.campaign-download-modal{background:#f9fafb;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px;position:relative;text-align:center;width:90%}.close-modal-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:24px;line-height:1;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s ease}.close-modal-btn:hover{color:#1e293b}.campaign-download-modal h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 16px}.campaign-download-modal p{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 0 16px}.campaign-download-modal .modal-subtitle{color:#94a3b8;font-size:1rem;margin:0 0 32px}.modal-actions{flex-wrap:wrap;gap:16px;justify-content:center}.download-with-campaign-btn,.download-without-campaign-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:14px 24px;transition:all .3s ease}.download-without-campaign-btn{background:#64748b;color:#fff}.download-without-campaign-btn:hover:not(:disabled){background:#475569;box-shadow:0 4px 12px #64748b66;transform:translateY(-2px)}.download-with-campaign-btn{background:#10b981;color:#fff}.download-with-campaign-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.download-with-campaign-btn:disabled,.download-without-campaign-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.campaign-download-modal{margin:20px;padding:24px;width:95%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (max-width:480px){.filters-container{padding:16px}.filters-header{padding:16px 16px 12px}.filter-group{padding:12px}.filter-input{font-size:.8rem;padding:8px 10px}.date-inputs,.range-inputs{gap:6px}}.loading-spinner{animation:spin 1s linear infinite}.location-filter-group,.location-filter-group.dropdown-open{overflow:visible!important;position:relative}.location-filter-group.dropdown-open{z-index:10010}.location-multiselect{display:flex;flex:1 1;flex-direction:column;max-height:60px;overflow:visible!important;position:relative;width:100%}.location-multiselect.dropdown-open{overflow:visible!important;position:relative;z-index:10010}.location-selector{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-height:36px;padding:8px 12px;transition:all .2s ease}.location-selector:hover{border-color:#3b82f6}.location-selector.dropdown-open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.location-display{align-items:center;display:flex;flex:1 1;gap:8px}.location-display .placeholder{color:#9ca3af;font-size:.9rem}.location-display .selected-text{color:#1f2937;font-size:.9rem;font-weight:500}.location-arrow{color:#6b7280;font-size:.8rem;transition:transform .2s ease}.location-selector.dropdown-open .location-arrow{transform:rotate(180deg)}.location-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10010!important}.location-search{border-bottom:1px solid #e5e7eb;padding:12px}.location-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.location-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.location-tree{padding:8px}.location-category{margin-bottom:16px}.location-category:last-child{margin-bottom:0}.location-category-header{align-items:center;background:#f8fafc;border-radius:6px;color:#374151;display:flex;font-weight:600;gap:8px;margin-bottom:8px;padding:8px 12px;transition:background-color .2s ease}.location-category-header:hover{background:#f1f5f9}.location-expand-icon{color:#6b7280;font-size:.8rem;margin-left:auto;transition:transform .2s ease}.location-city{margin-bottom:12px;margin-left:16px}.location-city:last-child{margin-bottom:0}.location-city-header{align-items:center;background:#f1f5f9;border-radius:4px;color:#475569;display:flex;font-weight:500;gap:8px;margin-bottom:6px;padding:6px 12px;transition:background-color .2s ease}.location-city-header:hover{background:#e2e8f0}.location-substores{display:flex;flex-direction:column;gap:4px;margin-left:16px}.location-substore-group-header{margin-bottom:4px;margin-top:8px;padding:4px 8px}.location-group-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.location-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:6px 12px;transition:background-color .2s ease}.location-option:hover{background:#f8fafc}.location-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.location-label{color:#374151;font-size:.9rem}.location-category-label{font-size:.9rem;font-weight:600}.location-city-label{font-size:.9rem;font-weight:500}.filters-section{overflow:visible!important}.filters-section:has(.location-dropdown){overflow:visible!important;z-index:10005}.filter-group{overflow:visible!important}.filter-group.location-filter-group.dropdown-open{overflow:visible!important;z-index:10010}.exclusion-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase}.campaign-exclusion-filter .exclusion-badge,.exclusion-badge{background:#dc2626}.filter-group:has(.exclusion-badge){border-left:3px solid #dc2626}@media (max-width:768px){.location-dropdown{max-height:300px;z-index:10010!important}.location-tree{padding:6px}.location-category-header,.location-city-header{font-size:.85rem;padding:6px 8px}.location-option{font-size:.85rem;padding:4px 8px}}.campaign-remove-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.campaign-remove-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:600px;overflow:hidden;position:fixed;top:50%;width:90%;z-index:1001}.campaign-remove-modal-header{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;justify-content:space-between;padding:18px 20px}.campaign-remove-modal-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.campaign-remove-modal-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.campaign-remove-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.campaign-remove-modal-content{flex:1 1;overflow-y:auto;padding:20px}.campaign-remove-info{margin-bottom:20px}.campaign-info-text{color:#374151;font-size:.95rem;margin:0}.campaign-info-text strong{color:#1f2937;font-weight:600}.remove-option-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:16px}.option-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.option-icon{color:#6b7280;flex-shrink:0;margin-top:2px}.option-icon.admin-icon{color:#dc2626}.option-header-text{flex:1 1}.option-title{color:#1f2937;font-size:1rem;font-weight:700;margin:0 0 6px}.option-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.option-divider{align-items:center;display:flex;justify-content:center;margin:20px 0;position:relative}.option-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.option-divider span{background:#fff;color:#6b7280;font-size:.875rem;font-weight:500;padding:0 16px;position:relative;z-index:1}.remove-entire-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.remove-entire-btn:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.remove-entire-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.confirm-delete-section{margin-top:12px}.confirm-warning{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.confirm-warning svg{color:#dc2626;flex-shrink:0;margin-top:2px}.confirm-warning p{color:#991b1b;font-size:.875rem;line-height:1.5;margin:0}.confirm-actions{display:flex;gap:12px}.confirm-cancel-btn,.confirm-delete-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.confirm-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.confirm-cancel-btn:hover:not(:disabled){background:#e5e7eb}.confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.confirm-delete-btn:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.confirm-cancel-btn:disabled,.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.file-upload-area{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:10px;display:flex;justify-content:center;margin-bottom:16px;min-height:200px;padding:32px 20px;text-align:center;transition:all .3s ease}.file-upload-area.drag-active{background:#fef2f2;border-color:#ef4444}.file-upload-area.has-file{background:#f0fdf4;border-color:#10b981}.file-upload-area.drag-active .upload-icon,.upload-label{color:#ef4444}.upload-label:hover{color:#dc2626}.remove-csv-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.remove-csv-btn:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.remove-csv-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.campaign-remove-modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 20px}.cancel-btn{border-radius:8px;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.campaign-remove-modal{max-height:95vh;width:95%}.campaign-remove-modal-header{padding:16px 18px}.campaign-remove-modal-content{padding:16px}.file-upload-area{min-height:180px;padding:24px 16px}.confirm-actions{flex-direction:column}.confirm-cancel-btn,.confirm-delete-btn{width:100%}}.campaign-upload-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.campaign-upload-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:700px;overflow:hidden;position:fixed;top:50%;width:90%;z-index:1001}.campaign-upload-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;justify-content:space-between;padding:18px 20px}.campaign-upload-modal-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.campaign-upload-modal-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.campaign-upload-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.campaign-upload-modal-content{flex:1 1;overflow-y:auto;padding:20px}.csv-format-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;padding:16px}.format-info-header{align-items:center;color:#1e40af;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:12px}.format-info-content{color:#1e3a8a;font-size:.875rem;line-height:1.6}.format-description{margin:0 0 8px}.format-description strong{color:#1e40af;font-weight:600}.download-sample-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;margin-top:8px;padding:6px 12px;transition:all .2s ease}.download-sample-btn:hover{background:#2563eb;transform:translateY(-1px)}.campaign-upload-area{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;display:flex;justify-content:center;margin-bottom:16px;min-height:200px;padding:32px 20px;text-align:center;transition:all .3s ease}.campaign-upload-area.drag-active{background:#eff6ff;border-color:#3b82f6}.campaign-upload-area.has-file{background:#f0fdf4;border-color:#10b981}.file-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon{color:#9ca3af;transition:color .3s ease}.campaign-upload-area.drag-active .upload-icon{color:#3b82f6}.upload-text{color:#374151;font-size:.95rem;margin:0}.upload-label{color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:underline}.upload-label:hover{color:#2563eb}.file-input{display:none}.upload-hint{color:#9ca3af;font-size:.8rem;margin:0}.file-selected{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:16px;padding:12px;width:100%}.file-icon{color:#10b981;flex-shrink:0}.file-details{flex:1 1;text-align:left}.file-name{color:#1f2937;font-size:.95rem;font-weight:600;margin:0 0 4px;word-break:break-all}.file-size{color:#6b7280;font-size:.8rem;margin:0}.remove-file-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-file-btn:hover:not(:disabled){background:#fecaca;transform:scale(1.05)}.remove-file-btn:disabled{cursor:not-allowed;opacity:.5}.preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.preview-title{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 8px}.preview-table{background:#fff;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;overflow-y:auto}.preview-row{border-bottom:1px solid #f3f4f6;display:flex;font-size:.75rem}.preview-row:last-child{border-bottom:none}.preview-cell{border-right:1px solid #f3f4f6;color:#6b7280;flex:1 1;overflow:hidden;padding:6px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.preview-row:first-child .preview-cell{background:#f9fafb;color:#1f2937;font-weight:600}.preview-cell:last-child{border-right:none}.upload-progress-section{margin-bottom:16px}.progress-bar-container{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:.875rem;margin:0;text-align:center}.upload-result{align-items:flex-start;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.upload-result.success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.upload-result.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.upload-result svg{flex-shrink:0;margin-top:2px}.result-content{flex:1 1}.result-title{font-size:.95rem;font-weight:600;margin:0 0 8px}.result-message{font-size:.875rem;margin:0}.result-stats{font-size:.875rem;margin-top:12px}.result-stats p{margin:4px 0}.campaigns-list{font-size:.875rem;margin-top:12px}.campaigns-title{font-weight:600;margin:0 0 6px}.campaigns-list ul{list-style-type:disc;margin:0;padding-left:20px}.campaigns-list li{margin:4px 0}.errors-list{border-top:1px solid #0000001a;font-size:.8rem;margin-top:12px;max-height:150px;overflow-y:auto;padding-top:12px}.errors-title{font-weight:600;margin:0 0 6px}.errors-list ul{list-style-type:disc;margin:0;padding-left:20px}.errors-list li{margin:2px 0}.file-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:8px;margin-bottom:16px;padding:12px}.campaign-upload-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.upload-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.cancel-btn{border:1px solid #d1d5db}.cancel-btn:hover:not(:disabled){background:#e5e7eb}.upload-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.upload-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.cancel-btn:disabled,.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.campaign-upload-modal{max-height:95vh;width:95%}.campaign-upload-modal-header{padding:16px 18px}.campaign-upload-modal-content{padding:16px}.campaign-upload-area{min-height:180px;padding:24px 16px}.campaign-upload-actions{flex-direction:column-reverse}.cancel-btn,.upload-btn{width:100%}.preview-cell{font-size:.7rem;padding:4px 6px}}.campaign-dashboard-container{background:#fff;display:flex;flex-direction:column;min-height:100vh}.campaign-content{flex:1 1;margin:0 auto;max-width:1400px;padding:1.5rem;width:100%}.performance-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:2rem;padding:1rem}.analytics-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.summary-card{border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;min-width:0;padding:1rem;text-align:center}.summary-value{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.summary-label{color:#6c757d;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.campaign-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 1rem}.campaign-controls,.controls-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.date-filter-inline{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.date-input-group-inline{display:flex;flex-direction:column;gap:.25rem}.date-input-group-inline label{color:#6c757d;font-size:.75rem;font-weight:500;white-space:nowrap}.date-input-inline{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:.8rem;min-width:130px;padding:.4rem .6rem;transition:all .2s ease}.date-input-inline:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.date-input-inline:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.apply-date-filter-btn-inline,.clear-date-filter-btn-inline{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;height:-webkit-fit-content;height:fit-content;margin-top:1.1rem;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.apply-date-filter-btn-inline{background:#667eea;color:#fff}.apply-date-filter-btn-inline:hover:not(:disabled){background:#5568d3;box-shadow:0 2px 6px #667eea4d;transform:translateY(-1px)}.apply-date-filter-btn-inline:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.clear-date-filter-btn-inline{background:#6c757d;color:#fff}.clear-date-filter-btn-inline:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.clear-date-filter-btn-inline:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.refresh-button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.refresh-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.upload-campaign-button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.upload-campaign-button:hover:not(:disabled){transform:translateY(-1px)}.upload-campaign-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.campaign-count{color:#6c757d;font-size:.9rem;font-weight:500}.selected-count{color:#2196f3;font-weight:600;margin-left:.5rem}.error-message{align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem}.error-icon{font-size:1.5rem}.error-text{color:#c53030;flex:1 1;font-weight:500}.retry-button{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.retry-button:hover{background:#c53030}.campaign-table-wrapper{background:#fff;border:1px solid #c8e6c9;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow-x:auto}@media (min-width:1200px){.campaign-table-wrapper{overflow-x:visible}}.campaign-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}.campaign-table tbody tr{display:table-row;height:60px}.campaign-table thead{background:#2d5016;position:-webkit-sticky;position:sticky;top:0;z-index:1}.campaign-table thead th{border-left:1px solid #fff3;border-right:1px solid #fff3}.campaign-table thead th:first-child{border-left:none}.campaign-table thead th:last-child{border-right:none}.campaign-table thead tr{display:table-row;height:48px}.campaign-table th{border-bottom:none;box-sizing:border-box;color:#fff;font-size:.75rem;font-weight:700;height:48px;letter-spacing:.3px;overflow:hidden;padding:12px 8px;text-align:left;text-align:center;text-overflow:ellipsis;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.campaign-table th:first-child{width:3%}.campaign-table th:nth-child(2){width:28%}.campaign-table th:nth-child(3){width:25%}.campaign-table th:nth-child(4){width:18%}.campaign-table th:nth-child(5){width:5%}.campaign-table td{background:inherit;border-bottom:none;box-sizing:border-box;color:#1b5e20;font-size:.85rem;line-height:1.4;min-height:60px;overflow:hidden;padding:12px 16px;text-align:left;text-overflow:ellipsis;vertical-align:top}.campaign-table td:first-child,.campaign-table td:nth-child(4),.campaign-table td:nth-child(5){border-left:none;border-right:none;text-align:center}.cell-downloads{border-right:1px solid #e0e0e0}.cell-actions{border-right:none!important}.campaign-table tbody tr{background:#fff;min-height:60px;transition:background-color .2s ease}.campaign-table tbody tr:nth-child(2n){background:#f5f5f5}.campaign-table tbody tr td{border-bottom:none;box-sizing:border-box;min-height:60px;padding:12px 16px;vertical-align:top}.campaign-table tbody tr:hover,.campaign-table tbody tr:nth-child(2n):hover{background:#e8e8e8!important}.campaign-table tbody tr.row-selected{background:#e3f2fd!important;border-left:3px solid #2196f3}.campaign-table tbody tr.row-selected:nth-child(2n){background:#e3f2fd!important}.campaign-table tbody tr.row-selected:hover{background:#bbdefb!important}.cell-checkbox{border-left:none!important;border-right:1px solid #e0e0e0!important;padding:12px 4px!important;text-align:center;vertical-align:middle}.campaign-checkbox,.select-all-checkbox{accent-color:#2196f3;cursor:pointer;height:18px;width:18px}.campaign-checkbox:hover,.select-all-checkbox:hover{transform:scale(1.1);transition:transform .2s ease}.cell-campaign-info{border-right:1px solid #e0e0e0;padding:10px 12px!important;vertical-align:top}.campaign-info-content{display:flex;flex-direction:column;gap:.25rem}.campaign-name-row{align-items:center;display:flex;gap:.4rem;margin-bottom:.1rem}.campaign-name{color:#1b5e20;flex:1 1;font-size:.9rem;font-weight:700;line-height:1.3;word-break:break-word}.edit-campaign-btn{align-items:center;background:#0000;border:1px solid #2196f3;border-radius:4px;color:#2196f3;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:auto;padding:4px 8px;transition:all .2s ease}.edit-campaign-btn:hover{background:#2196f3;color:#fff;transform:scale(1.05)}.edit-campaign-btn:active{transform:scale(.95)}.campaign-detail-row{align-items:center;color:#495057;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.4rem;line-height:1.3}.info-icon{color:#6c757d;flex-shrink:0}.separator{color:#adb5bd;margin:0 .25rem}.cell-performance{border-right:1px solid #e0e0e0;padding:10px 12px!important;vertical-align:top}.performance-content{display:flex;flex-direction:column;gap:.25rem}.performance-row{align-items:flex-start;display:flex;gap:1rem}.performance-row .performance-item{flex:1 1;min-width:0}.performance-item-right{flex:0 0 auto;margin-left:auto}.performance-item-stacked{align-items:stretch;flex-direction:column;gap:.25rem}.performance-item{align-items:center;display:flex;font-size:.8rem;gap:.5rem;justify-content:space-between;line-height:1.3;padding:.1rem 0}.performance-label{color:#6c757d;font-weight:500;white-space:nowrap}.performance-value{color:#1b5e20;font-weight:600;text-align:right;white-space:nowrap}.cell-strong{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1b5e20;display:-webkit-box;font-size:.85rem;font-weight:600;line-height:1.3;margin:0;max-height:2.6em;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;word-break:break-word}.cell-date{font-size:.8rem;font-weight:500}.cell-date,.cell-number{color:#1b5e20;vertical-align:middle;white-space:nowrap}.cell-number{font-feature-settings:"tnum";font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.cell-converted{padding:0;text-align:center;vertical-align:middle}.cell-converted>div{margin:0;padding:0}.converted-value{color:#1b5e20;font-size:.95rem;font-weight:700;line-height:1.2;margin-bottom:2px}.conversion-percentage{color:#2e7d32;font-size:.7rem;font-weight:500;line-height:1.2}.cell-coupon,.coupon-badge{max-width:100%;overflow:hidden}.coupon-badge{background:#2d5016;border-radius:4px;color:#fff;display:inline-block;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:600;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.no-coupon{color:#9ca3af;font-size:.9rem;font-style:italic}.offers-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.offer-tag{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;color:#1b5e20;font-weight:500;padding:4px 10px}.offer-tag,.source-badge{display:inline-block;font-size:.75rem;white-space:nowrap}.source-badge{border-radius:4px;font-weight:600;padding:4px 8px;text-transform:capitalize;vertical-align:middle}.source-email{background:#c8e6c9;color:#1b5e20}.source-whatsapp{background:#a5d6a7;color:#1b5e20}.source-SMS{background:#fff9c4;color:#827717}.source-calling{background:#f8bbd0;color:#880e4f}.source-others{background:#e0e0e0;color:#424242}.objective-badge{background:#c8e6c9;border-radius:4px;color:#1b5e20;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 8px;vertical-align:middle;white-space:nowrap}.cell-downloads{padding:12px 8px;text-align:center;vertical-align:middle}.download-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px}.download-button,.download-buttons{align-items:center;justify-content:center}.download-button{border-radius:5px;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:600;gap:2px;min-width:40px;padding:4px 6px;transition:all .2s ease;white-space:nowrap}.download-button.converted{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.download-button.converted:hover{background:#bbf7d0;box-shadow:0 2px 8px #16653433;transform:translateY(-1px)}.download-button.non-converted{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.download-button.non-converted:hover{background:#fde68a;box-shadow:0 2px 8px #92400e33;transform:translateY(-1px)}.download-button span{font-size:.7rem;font-weight:700}.cell-actions{text-align:center;vertical-align:middle}.remove-button{align-items:center;background:#fee2e2;border:1px solid #fecdd3;border-radius:6px;box-shadow:0 2px 4px #f8717140;color:#b91c1c;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-button:hover:not(:disabled){box-shadow:0 4px 10px #f8717159;transform:translateY(-2px) scale(1.05)}.remove-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.view-details-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.view-details-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px) scale(1.05)}.view-details-button:active{transform:translateY(0) scale(1)}.pagination-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:2rem 0;padding:1rem}.pagination-pages{align-items:center;display:flex;gap:.25rem}.pagination-button{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:.9rem;font-weight:500;min-width:40px;padding:.5rem 1rem;text-align:center;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f8f9fa;border-color:#28a745;color:#28a745;transform:translateY(-1px)}.pagination-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-button.active{background:#28a745;border-color:#28a745;color:#fff;font-weight:600}.pagination-button.active:hover{background:#218838;border-color:#218838;color:#fff}.pagination-button.next,.pagination-button.prev{min-width:100px}.pagination-ellipsis{color:#6c757d;font-weight:500;padding:.5rem .25rem}.page-info{color:#6c757d;font-size:.9rem;margin-left:.5rem}.skeleton-wrapper{overflow:hidden;position:relative}.skeleton-row{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#fff!important}.skeleton-row:nth-child(2n){background:#f5f5f5!important}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-checkbox{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;height:18px;margin:0 auto;width:18px}.skeleton-content{display:flex;flex-direction:column;gap:.5rem}.skeleton-line{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;height:12px}.skeleton-title{height:16px;margin-bottom:.25rem;width:70%}.skeleton-medium{height:14px;width:85%}.skeleton-small{height:12px;width:60%}.skeleton-buttons{align-items:center;display:flex;gap:4px;justify-content:center}.skeleton-button{border-radius:5px;height:28px;width:50px}.skeleton-button,.skeleton-button-small{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%}.skeleton-button-small{border-radius:6px;height:32px;margin:0 auto;width:32px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.no-campaigns{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;margin:2rem 0;padding:4rem 2rem;text-align:center}.no-campaigns-icon{font-size:3rem;margin-bottom:1rem}.no-campaigns-title{color:#495057;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-campaigns-subtitle{color:#6c757d;font-size:1rem;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.details-modal{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.modal-header{background:#2d5016;border-bottom:1px solid #ffffff1a;color:#fff;padding:12px 16px}.modal-title{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;margin:0}.modal-close{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.modal-content{align-items:flex-start;background:#fff;box-sizing:border-box;justify-content:center;overflow-y:auto;padding:16px}.modal-details-table{border-collapse:collapse;font-size:.875rem;margin:0;width:auto}.modal-details-table tbody tr{border-bottom:1px solid #e5e7eb}.modal-details-table tbody tr:last-child{border-bottom:none}.modal-details-table tbody tr:nth-child(2n){background:#f9fafb}.modal-label{color:#6b7280;font-size:.7rem;letter-spacing:.5px;padding:8px 16px 8px 0;text-transform:uppercase}.modal-label,.modal-value{font-weight:600;vertical-align:middle;white-space:nowrap;width:auto}.modal-value{color:#1b5e20;font-size:.9rem;padding:8px 0 8px 16px}.modal-value:nth-child(2){border-right:1px solid #e5e7eb;padding-right:20px}.modal-label:nth-child(3){padding-left:20px}.modal-coupon-offers{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.offers-list-modal{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:8px}.performance-summary{background:linear-gradient(135deg,#f8f9ff,#fff);border:1px solid #e0e7ff;box-shadow:0 4px 16px #667eea1a}.summary-card{background:#fff;border:1px solid #e0e7ff;transition:all .3s ease}.summary-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.summary-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.multi-campaign-actions{background:linear-gradient(135deg,#e3f2fd,#fff);border:2px solid #2196f3;border-radius:8px;box-shadow:0 2px 8px #2196f326;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.multi-actions-left,.multi-campaign-actions{align-items:center;display:flex;gap:1rem}.multi-actions-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.select-all-button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.select-all-button:hover{background:#1976d2;box-shadow:0 2px 8px #2196f34d;transform:translateY(-1px)}.deselect-all-button{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.deselect-all-button:hover{background:#d32f2f;box-shadow:0 2px 8px #f443364d;transform:translateY(-1px)}.selected-info{color:#1976d2;font-size:.875rem;font-weight:600}.combined-download-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.combined-download-button.converted{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.combined-download-button.converted:hover:not(:disabled){background:#bbf7d0;box-shadow:0 2px 8px #16653433;transform:translateY(-1px)}.combined-download-button.non-converted{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.combined-download-button.non-converted:hover:not(:disabled){background:#fde68a;box-shadow:0 2px 8px #92400e33;transform:translateY(-1px)}.combined-download-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.view-analytics-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.view-analytics-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.combined-analytics-badge{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:8px;display:flex;grid-column:1/-1;justify-content:space-between;margin-bottom:1rem;min-width:0;padding:.75rem 1rem}.combined-analytics-badge span{color:#1976d2;font-size:.9rem;font-weight:600}.reset-analytics-button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.reset-analytics-button:hover{background:#1976d2;box-shadow:0 2px 8px #2196f34d;transform:translateY(-1px)}.campaign-controls{background:linear-gradient(135deg,#f8f9ff,#fff);border:1px solid #e0e7ff;box-shadow:0 2px 8px #667eea14}.refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.refresh-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.upload-campaign-button{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.upload-campaign-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666}@media (max-width:1200px){.analytics-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.campaign-content{padding:1rem}.analytics-cards-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.summary-card{padding:.75rem}.summary-value{font-size:1.2rem}.campaign-controls{align-items:stretch;flex-direction:column;gap:.75rem}.controls-left,.date-filter-inline{justify-content:center;width:100%}.date-input-group-inline{flex:1 1;min-width:120px}.apply-date-filter-btn-inline,.clear-date-filter-btn-inline{margin-top:1.1rem}.campaign-table-wrapper{overflow-x:auto}.campaign-table{table-layout:fixed;width:100%}.campaign-table thead tr{height:44px}.campaign-table tbody tr{height:56px}.campaign-table td,.campaign-table th{font-size:.75rem;height:inherit;padding:8px 6px}.campaign-table th{height:44px}.campaign-table td{height:56px}.campaign-table th:first-child{width:4%}.campaign-table th:nth-child(2){width:28%}.campaign-table th:nth-child(3){width:25%}.campaign-table th:nth-child(4){width:18%}.campaign-table th:nth-child(5){width:8%}.campaign-info-content,.performance-content{gap:.2rem}.cell-campaign-info,.cell-performance{padding:8px 10px!important}.campaign-name{font-size:.85rem}.campaign-detail-row,.performance-item{font-size:.75rem}.performance-row{gap:.5rem}.multi-campaign-actions{align-items:stretch;flex-direction:column}.multi-actions-left,.multi-actions-right{justify-content:center;width:100%}.combined-download-button,.view-analytics-button{flex:1 1;justify-content:center;min-width:140px}.download-buttons{flex-direction:row;flex-wrap:nowrap;gap:4px}.download-button{font-size:.7rem;min-width:40px;padding:4px 6px}.details-modal{max-height:90vh;max-width:600px;width:95%}.modal-content{padding:12px}.modal-header{padding:10px 14px}.modal-title{font-size:1rem}.modal-label{font-size:.75rem;padding:6px 12px 6px 0}.modal-value{font-size:.85rem;padding:6px 0 6px 12px}}@media (max-width:480px){.analytics-cards-grid{grid-template-columns:1fr}.combined-analytics-badge{align-items:stretch;flex-direction:column;gap:.5rem}.reset-analytics-button{width:100%}.campaign-table td,.campaign-table th{font-size:.85rem;padding:10px 12px}.modal-header{padding:10px 12px}.modal-title{font-size:.95rem}.modal-content{padding:10px}.modal-label{font-size:.7rem;padding:5px 10px 5px 0}.modal-value{padding:5px 0 5px 10px}.modal-details-table,.modal-value{font-size:.8rem}}.user-management-container{background:#fff;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.user-management-container:before{content:none}.users-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 4px}.users-section-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.create-user-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;box-shadow:0 2px 8px #fbbf244d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.create-user-btn:hover{box-shadow:0 4px 12px #fbbf2466;transform:translateY(-2px)}.content-section{position:relative;z-index:2}.form-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:100%;overflow-y:visible}.form-group{flex-shrink:0;margin-bottom:12px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;padding:8px 12px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;outline:none}.form-input.disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-input::placeholder{color:#9ca3af}.password-input-container{position:relative}.password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#f59e0b}.password-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:15px;margin:25px 0;padding:20px}.password-section h3{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 15px}.submit-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:12px;box-shadow:0 4px 15px #fbbf244d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:14px 24px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #fbbf2466;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.users-table-container{background:#f5f5f5;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow-x:auto;padding:20px}.users-table{background:#fff;border-collapse:collapse;border-radius:15px;overflow:hidden;width:100%}.users-table th{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.9rem;padding:12px}.users-table tr:hover{background:#f9fafb}.users-table tr:last-child td{border-bottom:none}.role-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-badge.user{background:#dbeafe;color:#1e40af}.role-badge.admin{background:#fef3c7;color:#d97706}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#dc2626}.action-buttons{gap:8px}.action-btn,.action-buttons{display:flex;justify-content:center}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;padding:6px;transition:all .3s ease}.action-btn.edit{background:#0000;font-size:1.2rem;padding:4px 8px}.action-btn.edit:hover{transform:scale(1.2)}.action-btn.delete{background:#0000;font-size:1.2rem;padding:4px 8px}.action-btn.delete:hover{transform:scale(1.2)}.no-users{font-style:italic}.loading,.no-users{color:#6b7280;padding:40px;text-align:center}.loading{font-size:1.1rem}.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}.modal-content{animation:modalSlideIn .3s ease;background:#f9fafb;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:520px;overflow-x:hidden;overflow-y:visible;padding:20px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:14px;padding-bottom:8px}.modal-header h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .3s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-actions{display:flex;flex-shrink:0;gap:12px;margin-top:12px}.cancel-btn{background:#f3f4f6;border:none;border-radius:10px;color:#374151;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover{background:#e5e7eb}@media (max-width:768px){.user-management-container{padding:15px}.users-section-header{align-items:flex-start;flex-direction:column;gap:16px}.create-user-btn{justify-content:center;width:100%}.form-row{gap:15px;grid-template-columns:1fr}.users-table-container{font-size:.8rem}.users-table td,.users-table th{padding:8px 6px}.modal-content{margin:10px;padding:20px}.modal-actions{flex-direction:column}}@media (max-width:480px){.profile-section,.register-section,.users-section{padding:20px}.users-table{font-size:.75rem}.action-buttons{flex-direction:column;gap:4px}}.matrix-dashboard-page{background:#fff;min-height:100vh;overflow:hidden;padding:12px;position:relative}.matrix-dashboard-page:before{content:none}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(10px,-10px) rotate(90deg)}50%{transform:translate(-5px,5px) rotate(180deg)}75%{transform:translate(-10px,-5px) rotate(270deg)}}.matrix-content{display:flex;flex-direction:column;gap:12px}.master-filters-section,.matrix-content{overflow:visible!important;position:relative;z-index:1}.master-filters-section{animation:fadeInUp .6s ease-out;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:12px 12px -6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filters-header{margin-bottom:8px;text-align:center}.filters-header h2{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 4px}.filters-header p{color:#64748b;font-size:.75rem;margin:0}.filters-container{flex-direction:column;gap:8px}.filters-container,.filters-horizontal-layout{display:flex;overflow:visible;position:relative;z-index:5}.filters-horizontal-layout{align-items:flex-start;gap:20px}.hub-filter-section{flex:0 0 300px;margin-bottom:0;overflow:visible;position:relative;z-index:10}.hub-filter-group{position:relative}.hub-filter-group h4{color:#374151;font-size:.8rem;font-weight:600;margin:0 0 6px}.selected-hubs-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:32px;padding:6px}.selected-hub-tag{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 1px 3px #3b82f64d;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}.selected-hub-tag:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.hub-tag-text{white-space:nowrap}.hub-tag-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:16px;justify-content:center;transition:all .2s ease;width:16px}.hub-tag-remove:hover{background:#ffffff4d;transform:scale(1.1)}.hub-dropdown-container{overflow:visible!important;position:relative}.hub-selector{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px;transition:all .2s ease}.hub-selector:hover{border-color:#9ca3af}.hub-selector:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433;outline:none}.hub-display{flex:1 1}.placeholder{color:#9ca3af}.selected-text{color:#1f2937;font-weight:500}.hub-arrow{color:#6b7280;transition:transform .2s ease}.hub-dropdown-container.dropdown-open .hub-arrow{transform:rotate(180deg)}.hub-dropdown-portal{position:fixed;z-index:99999}.hub-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:300px;min-width:280px;overflow-y:auto;width:100%}.hub-search{border-bottom:1px solid #e5e7eb;padding:12px}.hub-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;width:100%}.hub-search-input:focus{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433;outline:none}.hub-options{max-height:200px;overflow-y:auto}.hub-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:8px 16px;transition:all .2s ease}.hub-option:hover{background-color:#f9fafb}.hub-option.selected{background-color:#dbeafe;border-left:3px solid #3b82f6}.hub-option:last-child{border-bottom:none}.hub-option-content{align-items:center;display:flex;gap:12px}.hub-checkbox{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:16px;width:16px}.hub-label{color:#1f2937;flex:1 1;font-size:.875rem;font-weight:500}.hub-substore-count{color:#6b7280;font-size:.75rem;font-style:italic}.hub-bulk-actions{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:8px 12px}.bulk-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.bulk-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.bulk-action-btn.select-all{border-color:#059669;color:#059669}.bulk-action-btn.select-all:hover{background:#ecfdf5}.bulk-action-btn.clear-all{border-color:#dc2626;color:#dc2626}.bulk-action-btn.clear-all:hover{background:#fef2f2}.no-hubs{color:#6b7280;font-size:.875rem;padding:16px;text-align:center}.exclusion-filters-section{flex:1 1;margin-bottom:0}.exclusion-filters-section h4{color:#374151;font-size:.8rem;font-weight:600;margin:0 0 8px}.exclusion-filters-grid{display:flex;flex-wrap:wrap;gap:8px}.checkbox-filter{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;flex:1 1;min-width:200px;padding:8px;transition:all .2s ease}.checkbox-filter:hover{background:#f3f4f6;border-color:#d1d5db}.checkbox-filter.applied{background:#fbbf241a;border-color:#fbbf24}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.75rem;gap:6px}.checkbox-input{accent-color:#fbbf24;cursor:pointer;height:14px;width:14px}.checkbox-text{font-weight:500;line-height:1.4}.filter-actions-status-container{display:flex;flex-direction:column;gap:6px;margin-bottom:0;margin-top:6px}.filter-actions{display:flex;gap:8px;justify-content:center}.apply-filters-btn,.clear-filters-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:8px 16px;transition:all .2s ease}.apply-filters-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#1f2937}.apply-filters-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.apply-filters-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.clear-filters-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.clear-filters-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.clear-filters-btn:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.filter-status{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:3px 8px;text-align:center}.filter-status p{color:#6b7280;font-size:.75rem;line-height:1.2;margin:0;padding:0}.matrix-table-section{animation:fadeInUp .6s ease-out;background:#f5f5f5;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.matrix-table-container{padding:16px}.matrix-table-header{margin-bottom:16px}.matrix-header-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.matrix-title-section{text-align:left}.matrix-title-section h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 6px}.matrix-title-section p{color:#64748b;font-size:.8rem;margin:0}.matrix-actions{gap:12px}.download-btn,.matrix-actions{align-items:center;display:flex}.download-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.download-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.download-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.matrix-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.matrix-table{background:#fff;border-collapse:collapse;font-size:.875rem;width:100%}.matrix-table thead{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.matrix-table th{border:1px solid #e5e7eb;font-weight:600;padding:16px 12px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.row-header-cell{background:#f8fafc;color:#374151;font-weight:600;min-width:120px;text-align:left}.column-header{min-width:140px;vertical-align:top}.column-title{font-size:.875rem;font-weight:700;margin-bottom:4px}.column-subtitle{font-size:.75rem;font-weight:500;margin-bottom:4px;opacity:.8}.column-value{background:#ffffff4d;border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 6px}.total-column{background:#1e293b;color:#fff;font-weight:700;min-width:100px}.matrix-table tbody tr{transition:background-color .2s ease}.matrix-table tbody tr:hover{background-color:#f8fafc}.matrix-table tbody tr:nth-child(2n){background-color:#f9fafb}.matrix-table tbody tr:nth-child(2n):hover{background-color:#f1f5f9}.matrix-row.total{background:#fef3c7;font-weight:600}.matrix-row.total:hover{background:#fde68a}.matrix-row.recent{background:#ecfdf5}.matrix-row.recent:hover{background:#d1fae5}.matrix-row.month{background:#fef7ff}.matrix-row.month:hover{background:#f3e8ff}.matrix-row.year{background:#fffbeb}.matrix-row.year:hover{background:#fef3c7}.matrix-table td{border:1px solid #e5e7eb;padding:12px;text-align:center;vertical-align:middle}.matrix-cell{min-width:120px;position:relative}.matrix-checkbox{accent-color:#10b981;cursor:pointer;height:16px;margin-right:8px;transition:all .2s ease;width:16px}.matrix-checkbox:disabled{cursor:not-allowed;opacity:.5}.matrix-checkbox:checked{accent-color:#10b981}.matrix-cell:hover .matrix-checkbox:not(:disabled){transform:scale(1.1)}.cell-count{color:#374151;font-size:.875rem;font-weight:500}.total-cell{background:#1e293b;color:#fff;font-weight:600;text-align:center}.matrix-content-area{align-items:center;background:#f5f5f5;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;justify-content:center;min-height:400px;padding:48px}.content-placeholder{color:#6b7280;text-align:center}.content-placeholder svg{color:#d1d5db;margin-bottom:16px}.content-placeholder h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 8px}.content-placeholder p{font-size:.875rem;margin:0}@media (max-width:1024px){.matrix-table-wrapper{font-size:.75rem}.matrix-table td,.matrix-table th{padding:8px 6px}.column-title{font-size:.75rem}.column-subtitle,.column-value{font-size:.625rem}}@media (max-width:768px){.matrix-dashboard-page{padding:8px}.matrix-table-container{padding:12px}.matrix-header-content{align-items:flex-start;flex-direction:column;gap:12px}.matrix-title-section{text-align:center;width:100%}.matrix-actions{justify-content:center;width:100%}.download-btn{font-size:.8rem;padding:8px 12px}.filters-horizontal-layout{flex-direction:column;gap:12px}.exclusion-filters-section,.hub-filter-section{flex:none;width:100%}.exclusion-filters-grid{flex-direction:column}.checkbox-filter{min-width:auto}.filter-actions{flex-direction:column}.selected-substores-container{gap:6px;padding:6px}.selected-substore-tag{font-size:.75rem;padding:4px 8px}.substore-bulk-actions{flex-direction:column;gap:6px}.bulk-action-btn{font-size:.8rem;padding:8px 12px}.matrix-table-wrapper{font-size:.625rem}.matrix-table td,.matrix-table th{padding:6px 4px}.row-header-cell{min-width:80px}.column-header{min-width:100px}}@media (max-width:480px){.matrix-table-header h3{font-size:1.1rem}.master-filters-section,.matrix-table-container{padding:8px}.matrix-table{font-size:.5rem}.matrix-table td,.matrix-table th{padding:4px 2px}}@media (prefers-contrast:high){.master-filters-section,.matrix-table-section{border:2px solid #000}.matrix-table td,.matrix-table th,.substore-selector{border-width:2px}}@media (prefers-reduced-motion:reduce){.master-filters-section,.matrix-table-section{animation:none}.apply-filters-btn,.clear-filters-btn,.substore-selector{transition:none}.spinning{animation:none}}.cohort-retention-container{display:flex;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:auto;padding:0}.cohort-content{flex:1 1;padding:2rem}.cohort-controls{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 4px 12px #0000000a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:.9rem 1rem}.date-inputs{display:flex;gap:.75rem}.date-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 2px 6px #0000000a;font-size:.95rem;min-width:170px;padding:.65rem .85rem;transition:all .2s ease}.date-input:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff26;outline:none}.analysis-type-select,.display-mode-select{background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;cursor:pointer;min-width:150px;padding:.6rem .7rem}.display-mode-select{background-color:#f0f8ff;border-color:#1890ff}.cohort-controls .analysis-type-select,.cohort-controls .date-input,.cohort-controls .display-mode-select{height:40px}.search-button{background-color:#52c41a;border:none;border-radius:8px;box-shadow:0 2px 4px #52c41a33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.55rem 1.4rem;transition:all .3s ease}.search-button:hover:not(:disabled){background-color:#73d13d;box-shadow:0 4px 8px #52c41a4d;transform:translateY(-1px)}.search-button:disabled{background-color:#d9d9d9;box-shadow:none;color:#999;cursor:not-allowed;transform:none}.download-button{background-color:#1890ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.55rem 1.1rem;transition:background-color .3s ease}.download-button:hover:not(:disabled){background-color:#40a9ff}.download-button:disabled{background-color:#d9d9d9;color:#999;cursor:not-allowed}.cache-details,.cache-filter-info,.cache-info,.cache-status{display:none}.cohort-table-container{background:#f5f5f5;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;max-width:100%;overflow-x:auto}.table-header-info{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;display:flex;padding:.65rem .85rem}.current-month-note,.display-mode-indicator{display:none}.cohort-table{border-collapse:collapse;min-width:800px;white-space:nowrap;width:100%}.cohort-table td,.cohort-table th{border:1px solid #f0f0f0;padding:12px 16px;text-align:center}.cohort-table td:first-child,.cohort-table th:first-child{color:#1f2937;font-weight:700;text-align:left}.cohort-table th{background-color:#fafafa;color:#333;font-weight:600}.cohort-table td{transition:background-color .3s ease}.cohort-table tr:hover td{background-color:#00000005}.loading-spinner{align-items:center;color:#666;display:flex;flex-direction:column;font-size:1.2rem;gap:.5rem;height:200px;justify-content:center}.spinner-icon{animation:spin 2s linear infinite;font-size:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-subtitle{color:#999;font-size:.9rem;font-style:italic}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;margin-bottom:1rem;padding:1rem}.no-data-message{background:#fafafa;border:1px dashed #d9d9d9;border-radius:8px;color:#666;padding:2rem;text-align:center}.no-data-icon{font-size:2rem;margin-bottom:1rem}.no-data-subtitle{color:#999;font-size:.9rem;margin-top:.5rem}.welcome-message{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid #e1e8ed;border-radius:12px;margin:2rem 0;padding:3rem 2rem;text-align:center}.welcome-icon{font-size:3rem;margin-bottom:1rem}.welcome-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.welcome-subtitle{color:#666;font-size:1rem;line-height:1.5;margin-bottom:2rem}.welcome-tips{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:500px}.tip{background:#ffffffb3;border-left:3px solid #52c41a;border-radius:6px;color:#555;font-size:.9rem;padding:.5rem;text-align:left}@media (max-width:768px){.welcome-message{padding:2rem 1rem}.tip,.welcome-tips{text-align:center}}
/*# sourceMappingURL=main.10bf5243.css.map*/