@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#f8fafc}#root{width:100%;height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{display:flex;min-height:100vh;width:100%;align-items:stretch;position:relative;overflow:hidden}.login-container:before,.login-container:after{content:"";position:absolute;border-radius:50%;opacity:.08;pointer-events:none;z-index:0}.login-container:before{width:600px;height:600px;background:#fff;top:-150px;left:-150px;animation:floatCircle 20s ease-in-out infinite}.login-container:after{width:400px;height:400px;background:#fff;bottom:-100px;right:-100px;animation:floatCircle 15s ease-in-out infinite reverse}@keyframes floatCircle{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.login-info{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;text-align:center;position:relative;overflow:hidden}.login-info:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(120,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(168,85,247,.1) 0%,transparent 50%);animation:floatPattern 25s ease-in-out infinite}@keyframes floatPattern{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.logo{width:280px;max-width:100%;margin-bottom:30px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15));position:relative;z-index:1;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-info h1{font-size:2.5rem;font-weight:700;margin-bottom:15px;color:#1e293b;position:relative;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,.05)}.login-info p{font-size:1.1rem;color:#475569;max-width:450px;line-height:1.6;position:relative;z-index:1}.login-form-container{width:50%;display:flex;justify-content:center;align-items:center;padding:40px;background:#fff;position:relative;z-index:1}.login-form-container:before{content:"";position:absolute;width:200px;height:200px;background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:50%;top:-50px;right:-50px;z-index:0}.login-form-container:after{content:"";position:absolute;width:150px;height:150px;background:linear-gradient(135deg,#f59e0b20,#ef444420);border-radius:50%;bottom:-30px;left:-30px;z-index:0}.login-card{width:100%;max-width:420px;background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000001a,0 0 0 1px #0000000d;position:relative;z-index:1;animation:slideIn .5s ease-out}.login-header{margin-bottom:30px}.login-header h1{font-size:2rem;font-weight:700;text-align:center;color:#1e293b;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:#64748b;font-size:.95rem;text-align:center}.form-group{margin-bottom:24px;position:relative}.form-label{display:block;font-weight:500;margin-bottom:8px;color:#334155;font-size:.95rem}.form-input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid #e2e8f0;background-color:#f8fafc!important;color:#1e293b!important;font-size:1rem;transition:all .3s ease;font-family:Poppins,sans-serif}.form-input:focus{outline:none;border-color:#667eea;background-color:#fff!important;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;transform:translateY(-1px)}.form-input::placeholder{color:#94a3b8!important}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 40px #f8fafc inset!important;-webkit-text-fill-color:#1e293b!important;transition:background-color 5000s ease-in-out 0s}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:10px}.checkbox-container{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-text{cursor:pointer}.forgot-password{font-size:.9rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password:hover{color:#764ba2;text-decoration:underline}.login-button{width:100%;padding:16px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea80}.login-button:active{transform:translateY(0)}.login-button:disabled{background:linear-gradient(135deg,#94a3b8,#cbd5e1);cursor:not-allowed;box-shadow:none;transform:none}.login-button:disabled:before{display:none}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;padding:14px 16px;border-radius:12px;margin-bottom:20px;text-align:center;font-size:.9rem;border-left:4px solid #ef4444;animation:shake .5s ease}@media (max-width: 968px){.login-container{flex-direction:column}.login-info,.login-form-container{width:100%}.login-info{padding:50px 30px;min-height:40vh}.login-info h1{font-size:2rem}.login-info p{font-size:1rem}.logo{width:200px}.login-form-container{padding:30px 20px}.login-card{padding:30px 25px;box-shadow:0 10px 40px #00000014,0 0 0 1px #0000000d}.login-header h1{font-size:1.75rem}}@media (max-width: 480px){.login-info{padding:40px 20px}.login-info h1{font-size:1.75rem}.login-info p{font-size:.95rem}.logo{width:180px}.login-card{padding:25px 20px}.login-header h1{font-size:1.5rem}.login-header p{font-size:.9rem}.form-input{padding:12px 14px;font-size:.95rem}.login-button{padding:14px;font-size:.95rem}.form-options{font-size:.85rem}.error-message{font-size:.85rem;padding:12px 14px}}@media (max-width: 968px){html{scroll-behavior:smooth}}.login-button:focus,.form-input:focus,.forgot-password:focus,.checkbox:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.login-container:before,.login-container:after,.login-info:before,.login-form-container:before,.login-form-container:after{display:none}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--sidebar-bg: #ffffff;--sidebar-width: 300px;--text-primary: #0f172a;--text-secondary: #64748b;--accent-primary: #667eea;--accent-secondary: #764ba2;--hover-bg: #f8fafc;--active-bg: #eff6ff;--border-color: #e2e8f0;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}body{font-family:Inter,sans-serif;overflow-x:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.sidebar{width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--text-primary);display:flex;flex-direction:column;position:fixed;top:0;left:0;font-family:Inter,sans-serif;border-right:1px solid var(--border-color);box-shadow:4px 0 24px #0000000a;z-index:1001;transition:transform .4s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:28px 24px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8fafc,#fff);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;min-height:100px}.sidebar-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);animation:slideInTop .6s ease-out}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:12px;animation:slideInLeft .6s cubic-bezier(.4,0,.2,1)}.brand-logo{width:218px;height:56px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 4px 12px rgba(102,126,234,.2));transition:all .4s cubic-bezier(.4,0,.2,1)}.brand-logo:hover{transform:scale(1.05);filter:drop-shadow(0 6px 20px rgba(102,126,234,.3))}.sidebar-nav{flex-grow:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent;margin:8px 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px;transition:background .2s ease}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9375rem;font-weight:500;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;position:relative;text-decoration:none;min-height:48px;overflow:visible;z-index:1}.nav-item .nav-icon,.nav-item .nav-label{position:relative;z-index:10}.nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--gradient-primary);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 4px 4px 0;z-index:0}.nav-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:transparent;transition:background .3s ease;pointer-events:none;z-index:0}.nav-item:hover:before{transform:scaleY(1)}.nav-item:hover:after{background:radial-gradient(circle at center,#667eea14,#667eea0a)}.nav-item:hover{background-color:var(--hover-bg);color:var(--text-primary);transform:translate(6px);box-shadow:0 4px 12px #0000000a}.nav-item.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--accent-primary);font-weight:600;transform:translate(6px);box-shadow:0 4px 16px #667eea26;border:1px solid rgba(102,126,234,.1)}.nav-item.active:before{transform:scaleY(1)}.nav-item.active:after{background:radial-gradient(ellipse at center,rgba(102,126,234,.05) 0%,rgba(102,126,234,.02) 50%,transparent 100%)}.nav-item.active .nav-icon{animation:iconBounce .6s cubic-bezier(.68,-.55,.265,1.55);color:var(--accent-primary)}.nav-icon{width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item:hover .nav-icon{transform:scale(1.15) rotate(5deg)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-label{white-space:nowrap;line-height:1.4;display:block;flex:1}.sidebar-footer{padding:20px 16px 24px;border-top:1px solid var(--border-color);background:linear-gradient(180deg,#fff,#f8fafc)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;color:#dc2626;cursor:pointer;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #dc26261a}.logout-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.logout-btn:hover:before{width:400px;height:400px}.logout-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #ef44444d}.logout-btn svg{transition:transform .3s ease;z-index:1;width:20px;height:20px;flex-shrink:0}.logout-btn:hover svg{transform:translate(6px) scale(1.1)}.logout-btn span{z-index:1;white-space:nowrap}.logout-btn:active{transform:translateY(-1px)}.mobile-header,.overlay{display:none}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInTop{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes iconBounce{0%,to{transform:scale(1)}25%{transform:scale(1.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.2) rotate(-5deg)}}.nav-item:nth-child(1){animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) .1s both}.nav-item:nth-child(2){animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) .15s both}.nav-item:nth-child(3){animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) .2s both}.nav-item:nth-child(4){animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) .25s both}.nav-item:nth-child(5){animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) .3s both}.nav-item:nth-child(6){animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) .35s both}@media (max-width: 1024px){:root{--sidebar-width: 260px}.nav-item{padding:12px 14px;font-size:.875rem}.nav-icon{width:20px;height:20px}}@media (max-width: 768px){:root{--sidebar-width: 280px}body{padding-top:72px}.sidebar{transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 32px #00000026}.sidebar.mobile-open{transform:translate(0);animation:slideInMobile .4s cubic-bezier(.4,0,.2,1)}.mobile-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);color:var(--text-primary);height:72px;padding:0 20px;position:fixed;top:0;left:0;width:100%;z-index:1000;border-bottom:1px solid var(--border-color);box-shadow:0 4px 16px #0000000f;animation:slideDown .5s cubic-bezier(.4,0,.2,1)}.mobile-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.mobile-header .sidebar-brand{gap:12px;flex:1;min-width:0}.mobile-header .brand-logo{width:180px;height:46px}.hamburger-btn{background:var(--hover-bg);border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:10px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden;flex-shrink:0}.hamburger-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.hamburger-btn:hover:before{width:200px;height:200px}.hamburger-btn:hover{background:var(--active-bg);border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 12px #667eea33}.hamburger-btn:active{transform:scale(.95)}.hamburger-btn svg{position:relative;z-index:1;transition:transform .3s ease;width:24px;height:24px}.hamburger-btn:hover svg{transform:rotate(90deg)}.overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .3s ease;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar.mobile-open+.mobile-header+.overlay{opacity:1;pointer-events:auto}.sidebar-header{padding:24px 20px}.sidebar-nav{padding:16px}.nav-item{padding:14px 16px;gap:14px}.logout-btn{padding:14px 18px}}@media (max-width: 480px){:root{--sidebar-width: 85vw}body{padding-top:68px}.mobile-header{height:68px;padding:0 16px}.mobile-header .brand-logo{width:160px;height:42px}.hamburger-btn{padding:9px}.hamburger-btn svg{width:22px;height:22px}.sidebar-header{padding:20px 16px}.brand-logo{width:200px;height:52px}.sidebar-nav{padding:12px}.nav-item{padding:12px 14px;font-size:.875rem;gap:12px}.nav-icon{width:20px;height:20px}.sidebar-footer{padding:16px 12px 20px}.logout-btn{padding:12px 16px;font-size:.875rem}.logout-btn svg{width:18px;height:18px}}@media (max-width: 360px){:root{--sidebar-width: 90vw}body{padding-top:64px}.mobile-header{height:64px;padding:0 12px}.mobile-header .brand-logo{width:140px;height:38px}.hamburger-btn{padding:8px}.hamburger-btn svg{width:20px;height:20px}.sidebar-header{padding:18px 14px}.brand-logo{width:180px;height:48px}.nav-item{padding:11px 12px;font-size:.8125rem}.logout-btn{padding:11px 14px;font-size:.8125rem}}@keyframes slideInMobile{0%{transform:translate(-100%);opacity:.8}to{transform:translate(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-item:focus-visible,.logout-btn:focus-visible,.hamburger-btn:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px;border-radius:12px}html{scroll-behavior:smooth}.sidebar,.nav-item,.logout-btn,.hamburger-btn{will-change:transform}.nav-item:before,.nav-item:after,.logout-btn:before{will-change:width,height,transform,opacity}:root{--bg-gradient-start: #f8fafc;--bg-gradient-end: #e2e8f0;--card-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--accent-color: #475569;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}*{box-sizing:border-box}.dashboard-main{margin-left:0;padding:40px;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh;color:var(--text-primary);transition:margin-left .3s ease}.dashboard-header{margin-bottom:40px;animation:fadeInDown .6s ease;display:flex;justify-content:space-between;align-items:center;gap:2rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{position:relative;flex:1}.dashboard-title{font-size:2.5rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.dashboard-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.brand-logo-container{display:flex;align-items:center;justify-content:center;position:relative}.brand-logo-container.clickable{cursor:pointer;transition:transform .2s ease}.brand-logo-container.clickable:hover{transform:scale(1.05)}.brand-logo{height:60px;width:auto;max-width:200px;object-fit:contain;display:block;border-radius:8px}.error-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626;padding:16px 20px;border-radius:12px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;animation:shake .5s ease;box-shadow:var(--shadow-md)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-content{display:flex;align-items:center;gap:12px}.retry-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.retry-btn:hover{background:#b91c1c;transform:scale(1.05)}.lists-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px;align-items:start}.create-form-section{margin-bottom:2rem;display:flex;justify-content:flex-end}.create-form-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.create-form-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.create-form-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.create-form-btn svg{flex-shrink:0}@media (max-width: 1024px){.dashboard-main{padding:24px}.dashboard-title{font-size:2rem}.lists-container{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-main{margin-left:0;padding:88px 16px 16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-actions{width:100%;justify-content:space-between}.brand-logo-container{align-self:flex-start}.brand-logo{height:50px;max-width:150px}.dashboard-title{font-size:1.75rem}.dashboard-subtitle{font-size:1rem}.error-banner{flex-direction:column;align-items:flex-start;gap:12px}.retry-btn{width:100%}.lists-container{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.dashboard-main{padding:84px 12px 12px}.dashboard-header{margin-bottom:24px;gap:1rem}.header-actions{flex-direction:column;align-items:flex-start;width:100%}.brand-logo{height:40px;max-width:120px}.dashboard-title{font-size:1.5rem}.dashboard-subtitle{font-size:.9rem}}.logo-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.logo-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.logo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.logo-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.logo-modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-secondary);transition:all .2s ease}.logo-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.logo-modal-content{padding:24px}.logo-upload-section{margin-bottom:24px}.logo-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;background:#f8fafc;gap:12px;color:var(--text-secondary);font-weight:500;font-size:.95rem}.logo-upload-label:hover{border-color:#667eea;background:#f0f4ff}.logo-upload-label svg{color:var(--text-secondary);width:32px;height:32px}.logo-preview-container{margin-top:20px;display:flex;justify-content:center;padding:20px;background:#f8fafc;border-radius:12px}.logo-preview{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.logo-error{margin-top:12px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem}.logo-upload-hint{margin-top:12px;font-size:.85rem;color:var(--text-secondary);text-align:center}.logo-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.logo-cancel-btn,.logo-upload-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.logo-cancel-btn{background:#f1f5f9;color:var(--text-primary)}.logo-cancel-btn:hover:not(:disabled){background:#e2e8f0}.logo-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.logo-upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.logo-upload-btn:disabled,.logo-cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.logo-modal{max-width:100%;margin:0}.logo-modal-header,.logo-modal-content{padding:20px}.logo-modal-actions{flex-direction:column}.logo-cancel-btn,.logo-upload-btn{width:100%}}.stats-section{width:100%!important;max-width:100%!important;margin-bottom:32px!important;display:block!important;animation:fadeInUp .6s ease forwards}.stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px!important;width:100%!important;max-width:100%!important}.stats-grid>*{display:flex!important;visibility:visible!important;opacity:1!important}.stat-card{background:#fff!important;padding:28px!important;border-radius:16px!important;display:flex!important;align-items:center!important;gap:20px!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 12px #0000000f!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;cursor:pointer!important;min-height:120px!important;visibility:visible!important;opacity:1!important}.stat-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;opacity:0!important;transition:opacity .3s ease!important}.stat-card:hover:before{opacity:1!important}.stat-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #0000001f!important}.stat-card.stat-blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)!important}.stat-card.stat-blue .stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;color:#2563eb!important}.stat-card.stat-blue .stat-value{color:#3b82f6!important}.stat-card.stat-purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)!important}.stat-card.stat-purple .stat-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe)!important;color:#7c3aed!important}.stat-card.stat-purple .stat-value{color:#8b5cf6!important}.stat-card.stat-orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)!important}.stat-card.stat-orange .stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;color:#d97706!important}.stat-card.stat-orange .stat-value{color:#f59e0b!important}.stat-card.stat-green:before{background:linear-gradient(90deg,#10b981,#059669)!important}.stat-card.stat-green .stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;color:#059669!important}.stat-card.stat-green .stat-value{color:#10b981!important}.stat-icon-wrapper{position:relative!important;flex-shrink:0!important;display:block!important;visibility:visible!important;opacity:1!important}.stat-icon{width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;transition:transform .3s ease!important;visibility:visible!important;opacity:1!important}.stat-icon svg{width:24px!important;height:24px!important;display:block!important;visibility:visible!important;opacity:1!important}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)!important}.stat-info{display:flex!important;flex-direction:column!important;gap:4px!important;flex:1!important;min-width:0!important;visibility:visible!important;opacity:1!important}.stat-label{color:#64748b!important;font-size:.875rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin:0!important;padding:0!important;display:block!important;line-height:1.4!important;visibility:visible!important;opacity:1!important}.stat-value{color:#1f2937!important;font-size:2rem!important;font-weight:800!important;line-height:1!important;margin:0!important;padding:0!important;display:block!important;visibility:visible!important;opacity:1!important}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.stats-section{margin-bottom:24px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.stat-card{padding:20px!important;gap:16px!important}.stat-icon{width:48px!important;height:48px!important}.stat-icon svg{width:20px!important;height:20px!important}.stat-label{font-size:.75rem!important}.stat-value{font-size:1.5rem!important}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr!important;gap:12px!important}.stat-card{padding:16px!important;gap:12px!important}.stat-icon{width:44px!important;height:44px!important}.stat-icon svg{width:18px!important;height:18px!important}.stat-label{font-size:.7rem!important}.stat-value{font-size:1.25rem!important}}@media (max-width: 480px){.stats-section{margin-bottom:20px!important}.stat-card{padding:14px!important;gap:10px!important}.stat-icon{width:40px!important;height:40px!important}.stat-icon svg{width:16px!important;height:16px!important}.stat-label{font-size:.65rem!important}.stat-value{font-size:1.125rem!important}}.stat-card.loading{animation:pulse 1.5s ease-in-out infinite!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media print{.stat-card{break-inside:avoid!important;box-shadow:none!important;border:1px solid #e5e7eb!important}.stat-card:hover{transform:none!important}.stat-card:before{display:none!important}}.graphs-section{width:100%;padding:24px;background:#f9fafb}.section-header{margin-bottom:32px}.section-title{font-size:28px;font-weight:800;color:#111827;margin:0 0 8px;display:flex;align-items:center;gap:12px}.section-title svg{color:#667eea}.section-subtitle{font-size:15px;color:#6b7280;margin:0;font-weight:500}.charts-stack{display:flex;flex-direction:column;gap:2px}.chart-row{width:100%;display:flex;gap:24px}.chart-row-full{display:flex}.chart-row-two-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.chart-card{background:transparent;width:100%}.chart-card-full-width{width:100%}@media (max-width: 1200px){.graphs-section{padding:20px}.charts-stack,.chart-row,.chart-row-two-cols{gap:20px}}@media (max-width: 992px){.section-title{font-size:24px}.section-subtitle{font-size:14px}.charts-stack,.chart-row,.chart-row-two-cols{gap:18px}}@media (max-width: 768px){.graphs-section{padding:16px}.section-header{margin-bottom:24px}.section-title{font-size:22px;gap:10px}.section-title svg{width:20px;height:20px}.charts-stack,.chart-row{gap:16px}.chart-row-two-cols{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.graphs-section{padding:12px}.section-header{margin-bottom:20px}.section-title{font-size:20px;gap:8px}.section-subtitle{font-size:13px}.charts-stack,.chart-row,.chart-row-two-cols{gap:14px}}.registration-area-chart{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0;background-color:#f9fafb;border-radius:12px;max-width:1200px;margin:0 auto}.chart-header{margin-bottom:24px}.chart-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:16px;margin-top:0}.filter-container{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.quick-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:2px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.filter-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.filter-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.filter-btn:focus{box-shadow:0 0 0 3px #3b82f633}.error-message{padding:12px 16px;background-color:#fef2f2;color:#dc2626;border-radius:8px;margin-bottom:16px;font-size:14px;border:1px solid #fecaca}.error-icon{margin-right:8px}.loading-message{padding:32px;text-align:center;color:#6b7280;font-size:14px;display:flex;align-items:center;justify-content:center;gap:12px}.spinner{width:20px;height:20px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:20px;border-radius:12px;color:#fff;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-card.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.stat-card.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-label{font-size:14px;font-weight:500;opacity:.9;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700}.chart-container{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.no-data-message{padding:48px;text-align:center;color:#9ca3af;font-size:16px;background-color:#fff;border-radius:12px;border:2px dashed #e5e7eb}.instructions{margin-top:24px;padding:16px;background-color:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px}.instruction-text{margin:0 0 12px;color:#1e40af;font-size:14px}.instruction-list{margin:0;padding-left:24px;color:#1e3a8a;font-size:14px;line-height:1.8}.instruction-list li{margin-bottom:8px}.instruction-list code{background-color:#dbeafe;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#1e40af}@media (max-width: 768px){.registration-area-chart{padding:16px}.chart-title{font-size:20px}.stats-summary{grid-template-columns:1fr}.filter-container{flex-direction:column;align-items:stretch}.quick-filters{width:100%}.filter-btn{flex:1;text-align:center}.stat-value{font-size:28px}.chart-container{padding:16px}}@media (max-width: 480px){.quick-filters{flex-direction:column}.filter-btn{width:100%}.stat-value{font-size:24px}}.audit-progress-wrapper{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #00000014,0 0 0 1px #0000000d inset;max-width:100%;width:100%;color:#1f2937;display:flex;flex-direction:column;height:100%}.audit-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.audit-header-accent{width:3px;height:24px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.audit-title{font-size:18px;font-weight:800;margin:0;letter-spacing:-.5px;color:#111827}.audit-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;border-radius:12px;border:1px solid #e5e7eb;transform:translateY(20px);opacity:0;transition:all .6s ease;box-shadow:0 4px 6px #0000000d}.stat-card.loaded{transform:translateY(0);opacity:1}.stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.stat-card.approved{transition-delay:0s}.stat-card.pending{transition-delay:.1s}.stat-card-content{display:flex;align-items:center;gap:10px}.stat-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-box.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 4px 12px #10b98133;color:#059669}.stat-icon-box.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 12px #f59e0b33;color:#d97706}.stat-details{flex:1}.stat-number{font-size:24px;font-weight:800;line-height:1;margin-bottom:3px;color:#111827}.stat-label{font-size:11px;opacity:.7;font-weight:600;letter-spacing:.5px;color:#6b7280}.progress-card{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:12px;transform:translateY(20px);opacity:0;transition:all .6s ease .2s;box-shadow:0 4px 6px #0000000d}.progress-card.loaded{transform:translateY(0);opacity:1}.progress-card:hover{box-shadow:0 8px 16px #0000001a}.progress-header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.progress-label-text{font-size:12px;font-weight:700;opacity:.7;letter-spacing:.5px;color:#6b7280}.progress-percentage-large{font-size:32px;font-weight:900;letter-spacing:-1px;text-shadow:none;color:#111827}.progress-bar-outer{position:relative;width:100%;height:20px;background:#f3f4f6;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;margin-bottom:10px;box-shadow:inset 0 2px 4px #0000000d}.progress-bar-inner{height:100%;border-radius:10px;position:relative;transition:width .3s ease}.progress-bar-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 2s infinite}.progress-bar-highlight{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,transparent 100%);border-radius:10px 10px 0 0}.progress-footer-text{text-align:center;font-size:11px;opacity:.7;font-weight:500;color:#6b7280}.insights-card{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px;border-radius:12px;border:1px solid #e5e7eb;transform:translateY(20px);opacity:0;transition:all .6s ease .3s;box-shadow:0 4px 6px #0000000d;margin-top:auto}.insights-card.loaded{transform:translateY(0);opacity:1}.insights-card:hover{box-shadow:0 8px 16px #0000001a}.insights-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.insights-left{display:flex;align-items:center;gap:10px}.insights-icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insights-text{display:flex;flex-direction:column;gap:2px}.insights-label{font-size:10px;opacity:.7;font-weight:600;letter-spacing:.5px;color:#6b7280}.insights-value{font-size:15px;font-weight:800;color:#111827}.insights-badge{padding:5px 10px;border-radius:14px;font-size:10px;font-weight:700;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.audit-progress-wrapper{padding:16px}.audit-title{font-size:16px}.audit-stats-grid{grid-template-columns:1fr}.stat-number{font-size:22px}.progress-percentage-large{font-size:28px}.progress-bar-outer{height:18px}}@media (max-width: 480px){.audit-progress-wrapper{padding:14px}.audit-title{font-size:15px}.stat-icon-box{width:36px;height:36px}.stat-number{font-size:20px}.progress-percentage-large{font-size:26px}.progress-header-row{flex-direction:column;gap:4px;align-items:flex-start}.insights-content{flex-direction:column;align-items:flex-start}}.agent-store-gauge{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #00000014,0 0 0 1px #0000000d inset;color:#1f2937;display:flex;flex-direction:column;max-width:100%;width:100%}.chart-title{font-size:18px;font-weight:700;color:#111827;margin-bottom:16px;margin-top:0;display:flex;align-items:center;gap:6px}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:40px;color:#6b7280;font-size:13px;font-weight:500;flex:1}.gauge-container{display:flex;justify-content:center;align-items:center;padding:12px 0;flex:1;min-height:180px}.gauge-circle{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.gauge-svg{width:150px;height:150px;display:block}.gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:110px;z-index:10}.gauge-ratio{font-size:36px;font-weight:900;color:#111827;line-height:1;margin-bottom:6px;letter-spacing:-1px}.gauge-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.gauge-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.gauge-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:auto;padding-top:16px}.detail-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;transition:all .3s ease;box-shadow:0 2px 4px #0000000a}.detail-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a;border-color:#d1d5db}.detail-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px #00000026}.detail-info{display:flex;flex-direction:column;gap:2px;flex:1}.detail-value{font-size:20px;font-weight:800;color:#111827;line-height:1}.detail-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.agent-store-gauge{padding:18px}.gauge-circle,.gauge-svg{width:140px;height:140px}.gauge-ratio{font-size:32px}.gauge-center{width:100px}}@media (max-width: 768px){.agent-store-gauge{padding:16px}.chart-title{font-size:16px;margin-bottom:14px}.gauge-container{padding:10px 0;min-height:150px}.gauge-circle,.gauge-svg{width:130px;height:130px}.gauge-ratio{font-size:30px}.gauge-label{font-size:10px}.gauge-center{width:95px}.gauge-details{gap:10px;padding-top:14px}.detail-item{padding:10px}.detail-icon{width:36px;height:36px;font-size:18px}.detail-value{font-size:18px}.detail-label{font-size:10px}}@media (max-width: 480px){.agent-store-gauge{padding:14px}.chart-title{font-size:15px}.gauge-circle,.gauge-svg{width:120px;height:120px}.gauge-ratio{font-size:28px}.gauge-label{font-size:10px}.gauge-center{width:90px}.gauge-details{grid-template-columns:1fr;gap:8px}.detail-item{padding:10px}.detail-icon{width:34px;height:34px;font-size:17px}.detail-value{font-size:17px}}.agent-board{width:100%;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.agent-board-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:#1f2937;margin:0 0 24px}.title-icon{font-size:24px}.dev-badge{margin-left:auto;padding:4px 12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;font-size:12px;font-weight:600;color:#92400e}.charts-stack-vertical{display:flex;flex-direction:column;gap:24px}.chart-section{background:#f9fafb;border-radius:10px;padding:20px;border:1px solid #e5e7eb;transition:all .3s ease}.chart-section:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.chart-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb;border-left:4px solid transparent;padding-left:12px}.chart-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px;color:#fff}.chart-title{font-size:16px;font-weight:600;color:#374151;margin:0;flex:1}.chart-badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#fff}.chart-bars{display:flex;flex-direction:column;gap:12px}.chart-bar-row{display:grid;grid-template-columns:40px 180px 1fr;align-items:center;gap:12px;padding:8px;background:#fff;border-radius:8px;transition:all .2s ease}.chart-bar-row:hover{background:#f3f4f6;transform:translate(4px)}.chart-rank{font-size:14px;font-weight:700;color:#6b7280;text-align:center}.chart-agent-info{display:flex;align-items:center;gap:10px}.chart-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #e5e7eb;object-fit:cover}.chart-agent-name{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-bar-container{position:relative;height:32px;background:#e5e7eb;border-radius:6px;overflow:hidden}.chart-bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;border-radius:6px;transition:width .4s ease;min-width:40px}.chart-bar-value{font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.chart-empty{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-indicator p{color:#6b7280;font-size:14px;margin:0}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;text-align:center}.error-icon{font-size:48px}.error-message p{color:#dc2626;font-size:14px;margin:0}.retry-button{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:#2563eb}@media (max-width: 768px){.agent-board{padding:20px}.agent-board-title{font-size:20px}.charts-stack-vertical{gap:20px}.chart-section{padding:16px}.chart-bar-row{grid-template-columns:35px 150px 1fr;gap:10px}.chart-agent-name{font-size:13px}.chart-bar-container{height:28px}}@media (max-width: 480px){.agent-board{padding:16px}.agent-board-title{font-size:18px;gap:8px}.title-icon{font-size:20px}.dev-badge{font-size:10px;padding:3px 8px}.charts-stack-vertical{gap:16px}.chart-section{padding:14px}.chart-header{gap:8px;padding-left:8px}.chart-icon{width:32px;height:32px;font-size:16px}.chart-title{font-size:14px}.chart-badge{padding:3px 8px;font-size:11px}.chart-bar-row{grid-template-columns:30px 120px 1fr;gap:8px;padding:6px}.chart-rank{font-size:12px}.chart-avatar{width:32px;height:32px}.chart-agent-name{font-size:12px}.chart-bar-container{height:26px}.chart-bar-value{font-size:11px}}.pie-charts-wrapper{padding:10px 0;width:100%}.pie-chart-single-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:grid;grid-template-columns:180px 1fr 240px;gap:20px;align-items:center}.pie-toggle-buttons{display:flex;flex-direction:column;gap:8px}.pie-toggle-btn{padding:10px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:14px;font-weight:500;color:#4b5563}.pie-toggle-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translate(4px)}.pie-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:translate(4px);box-shadow:0 4px 12px #667eea4d}.pie-toggle-label{display:block;font-size:14px;font-weight:600}.pie-chart-center{display:flex;align-items:center;justify-content:center}.pie-chart-display{width:100%;height:220px;position:relative}.pie-chart-no-data{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:14px}.pie-stats-cards{display:flex;flex-direction:column;gap:10px}.pie-stat-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;padding:14px 16px;transition:all .3s ease}.pie-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.pie-stat-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pie-stat-card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pie-stat-card-name{font-size:12px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.pie-stat-card-value{font-size:24px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:4px}.pie-stat-card-percent{font-size:13px;font-weight:500;color:#6b7280}.pie-tooltip{background:#000000e6;border-radius:8px;padding:12px 16px;color:#fff;box-shadow:0 4px 12px #0000004d;border:none}.pie-tooltip-name{font-size:14px;font-weight:600;margin:0 0 6px;color:#fff}.pie-tooltip-value,.pie-tooltip-percent{font-size:13px;margin:4px 0;color:#e5e7eb}.pie-tooltip-value strong,.pie-tooltip-percent strong{color:#fff;font-weight:600}.pie-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.pie-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:pie-spin .8s linear infinite;margin-bottom:12px}@keyframes pie-spin{to{transform:rotate(360deg)}}.pie-loading p{font-size:14px;margin:0}.pie-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.pie-error-title{font-size:18px;font-weight:600;color:#dc2626;margin:0 0 8px}.pie-error-message{font-size:14px;color:#6b7280;margin:0 0 20px;max-width:400px}.pie-retry-btn{padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.pie-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.pie-retry-btn:active{transform:translateY(0)}@media (max-width: 1200px){.pie-chart-single-container{grid-template-columns:160px 1fr 220px;gap:20px;padding:20px}.pie-chart-display{height:200px}.pie-stat-card-value{font-size:22px}}@media (max-width: 992px){.pie-chart-single-container{grid-template-columns:1fr;gap:24px;padding:24px}.pie-toggle-buttons{flex-direction:row;justify-content:center}.pie-toggle-btn{flex:1;text-align:center}.pie-toggle-btn:hover,.pie-toggle-btn.active{transform:translateY(-2px)}.pie-chart-display{height:240px}.pie-stats-cards{flex-direction:row;justify-content:space-around}.pie-stat-card{flex:1;text-align:center}}@media (max-width: 768px){.pie-charts-wrapper{padding:12px 0}.pie-chart-single-container{padding:16px;gap:20px}.pie-toggle-buttons{gap:8px}.pie-toggle-btn{padding:10px 14px;font-size:13px}.pie-chart-display{height:220px}.pie-stat-card{padding:12px}.pie-stat-card-value{font-size:20px}}@media (max-width: 576px){.pie-chart-single-container{padding:14px;gap:16px}.pie-toggle-buttons{flex-direction:column}.pie-toggle-btn{width:100%;text-align:center}.pie-toggle-btn:hover,.pie-toggle-btn.active{transform:translate(0) translateY(-2px)}.pie-chart-display{height:200px}.pie-stats-cards{flex-direction:column;gap:10px}.pie-stat-card{padding:12px}.pie-stat-card-value{font-size:22px}}.agents-card{animation:fadeInUp .6s ease .3s both}.card-title svg{color:#667eea}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;z-index:1}.search-input{width:100%;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#0f172a;padding:12px 14px;font-size:.9rem;transition:all .3s ease;outline:none;text-align:center}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff;text-align:left;padding-left:44px}.search-input:not(:placeholder-shown){text-align:left;padding-left:44px}.search-input::placeholder{color:#64748b;text-align:center}.data-item:hover{background:linear-gradient(90deg,rgba(102,126,234,.05) 0%,transparent 100%);padding-left:16px}.item-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-avatar svg{color:#2563eb}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.current-page{font-size:1.125rem;color:#667eea}.stores-card{animation:fadeInUp .6s ease .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.data-card{background:#fff;border-radius:16px;padding:28px;border:1px solid #e2e8f0;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%}.data-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.card-title-section{display:flex;flex-direction:column;gap:4px}.card-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:10px}.card-title svg{color:#8b5cf6}.card-count{font-size:.875rem;color:#64748b;font-weight:500}.search-wrapper{position:relative;flex:1;min-width:200px;max-width:300px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.search-input{width:100%;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#0f172a;padding:12px 14px 12px 44px;font-size:.9rem;transition:all .3s ease;outline:none}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;background:#fff}.search-input::placeholder{color:#64748b}.data-list{flex-grow:1;overflow-y:auto;margin-bottom:20px;min-height:300px;max-height:400px}.data-list::-webkit-scrollbar{width:6px}.data-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.data-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px;transition:background .2s ease}.data-list::-webkit-scrollbar-thumb:hover{background:#64748b}.data-item{display:flex;justify-content:space-between;align-items:center;padding:16px 12px;border-bottom:1px solid #e2e8f0;transition:all .2s ease;gap:12px}.data-item:hover{background:linear-gradient(90deg,rgba(139,92,246,.05) 0%,transparent 100%);padding-left:16px}.data-item:last-child{border-bottom:none}.item-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.store-avatar{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.store-avatar svg{color:#7c3aed}.item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.item-name{font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-detail{color:#64748b;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;flex-shrink:0}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 4px #10b98133}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 4px #ef444433}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#64748b}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#64748b}.empty-state svg{opacity:.4}.empty-state p{margin:0;font-weight:500}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #e2e8f0}.pagination-btn{background:#fff;border:2px solid #e2e8f0;color:#0f172a;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;font-weight:500;display:flex;align-items:center;gap:8px}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.page-indicator{display:flex;align-items:center;gap:6px;font-weight:600;color:#0f172a;min-width:80px;justify-content:center}.current-page{font-size:1.125rem;color:#8b5cf6}.page-separator,.total-pages{color:#64748b}@media (max-width: 768px){.data-card{padding:20px}.card-header{flex-direction:column;align-items:stretch}.search-wrapper{max-width:none}.card-title{font-size:1.25rem}.pagination-controls{flex-wrap:wrap;gap:12px}.pagination-btn{padding:8px 16px;font-size:.875rem}.pagination-btn svg{width:14px;height:14px}}@media (max-width: 480px){.data-item{flex-direction:column;align-items:flex-start;gap:12px}.status-badge{align-self:flex-start}.pagination-btn{flex:1;justify-content:center}.page-indicator{width:100%;order:-1}}.master-dropdown-container{position:relative;z-index:1000}.master-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 6px #667eea4d}.master-dropdown-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.master-dropdown-trigger:active{transform:translateY(0)}.master-badge{font-size:11px;font-weight:700;letter-spacing:.5px;background:#fff3;padding:2px 8px;border-radius:4px}.master-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:420px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:slideDown .3s ease;border:1px solid #e2e8f0}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.dropdown-header h3{font-size:18px;font-weight:700;color:#0f172a;margin:0}.close-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e2e8f0;color:#0f172a}.dropdown-filters{padding:16px;display:flex;flex-direction:column;gap:12px;background:#fff;border-bottom:1px solid #e2e8f0}.search-input,.brand-filter{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;color:#0f172a}.search-input:focus,.brand-filter:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.brand-filter{cursor:pointer;font-weight:500}.dropdown-error{padding:12px 16px;background:#fee2e2;color:#dc2626;font-size:14px;text-align:center;border-left:4px solid #dc2626}.dropdown-loading{padding:40px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.dropdown-content{max-height:440px;overflow-y:auto;background:#fff}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:#f1f5f9}.dropdown-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dropdown-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-section{padding:16px;border-bottom:1px solid #e2e8f0}.user-section:last-child{border-bottom:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h4{font-size:14px;font-weight:700;color:#475569;margin:0;text-transform:uppercase;letter-spacing:.5px}.count-badge{background:#f1f5f9;color:#64748b;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.user-list{display:flex;flex-direction:column;gap:8px}.user-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;border:1px solid transparent}.user-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(4px)}.user-item.inactive{opacity:.6;cursor:not-allowed}.user-item.inactive:hover{transform:none;background:#fff}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.admin-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.viewer-avatar{background:linear-gradient(135deg,#f093fb,#f5576c)}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:14px;color:#0f172a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:#64748b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-brand{display:flex;align-items:center;gap:4px;font-size:11px;color:#667eea;font-weight:500;margin-top:2px}.user-brand svg{flex-shrink:0}.inactive-badge{background:#fee2e2;color:#dc2626;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;flex-shrink:0}.no-results{padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#94a3b8}.no-results svg{opacity:.3}.no-results p{font-size:14px;font-weight:500;margin:0}@media (max-width: 768px){.master-dropdown-menu{width:90vw;max-width:380px;right:-10px}.dropdown-filters{padding:12px}.user-item{padding:10px}.user-avatar{width:36px;height:36px;font-size:14px}.user-name{font-size:13px}.user-email{font-size:11px}}@media (max-width: 480px){.master-dropdown-trigger{padding:8px 12px;font-size:12px}.master-dropdown-trigger svg{width:16px;height:16px}.master-badge{font-size:10px;padding:2px 6px}.master-dropdown-menu{width:calc(100vw - 32px);max-width:none;right:-16px}.dropdown-header{padding:16px}.dropdown-header h3{font-size:16px}}.add-user{margin-left:0;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);background-size:200% 200%;animation:gradientShift 15s ease infinite;min-height:100vh;color:var(--text-primary);transition:margin-left .3s ease}.add-user-header{margin-bottom:48px;text-align:center;animation:fadeIn .6s ease-out}.add-user-header h1{font-size:3rem;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;letter-spacing:-1px}.add-user-header p{color:var(--text-secondary);font-size:1.15rem;margin:0;font-weight:500}.add-user-form{background:#fff;padding:48px;border-radius:24px;border:2px solid rgba(59,130,246,.1);box-shadow:0 10px 40px #00000014;max-width:900px;margin:0 auto;position:relative;overflow:hidden}.add-user-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:36px}.form-group-full{grid-column:1 / -1}.add-user-input{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:2px solid var(--border-color)!important;border-radius:14px;color:var(--text-primary)!important;padding:16px 20px;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-text-fill-color:var(--text-primary)!important;width:100%;box-sizing:border-box}.add-user-textarea{resize:vertical;min-height:90px;font-family:Inter,sans-serif;line-height:1.6}.add-user-input:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f633;background:#fff!important;transform:none}.add-user-input:hover:not(:focus):not(:disabled){border-color:#cbd5e1!important;background:#fff!important}.add-user-input::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}.add-user-input:disabled{opacity:.6;cursor:not-allowed}.add-user-input:-webkit-autofill,.add-user-input:-webkit-autofill:hover,.add-user-input:-webkit-autofill:focus,.add-user-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f8fafc inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.success-message{background:#fff;padding:64px 48px;border-radius:24px;border:2px solid rgba(16,185,129,.2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:600px;margin:0 auto;box-shadow:0 10px 40px #10b98126;position:relative;overflow:hidden}@media (max-width: 1200px){.add-user{padding:24px}.add-user-form{padding:40px}}@media (max-width: 968px){.add-user{padding:20px}.add-user-header h1{font-size:2.5rem}.form-grid{gap:24px}.add-user-form{padding:36px}}@media (max-width: 768px){.add-user{margin-left:0;padding:88px 16px 16px}.add-user-header{margin-bottom:32px}.add-user-header h1{font-size:2rem}.add-user-header p{font-size:1rem}.add-user-form{padding:32px 24px;border-radius:20px}.form-grid{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.form-group label{font-size:.9rem}.add-user-input{padding:14px 18px;font-size:.95rem}.add-user-textarea{min-height:80px}.form-actions{flex-direction:column}.form-button{width:100%;padding:16px 32px;font-size:1rem}.success-message{padding:48px 32px;border-radius:20px}.success-message svg{width:64px;height:64px}.success-message h2{font-size:1.75rem}.success-message p{font-size:1rem}.success-message .form-button{width:100%}}@media (max-width: 480px){.add-user{padding:12px}.add-user-header h1{font-size:1.75rem}.add-user-header p{font-size:.95rem}.add-user-form{padding:24px 20px;border-radius:16px}.form-grid{gap:16px;margin-bottom:24px}.form-group{gap:10px}.form-group label{font-size:.85rem}.form-group label:before{width:3px;height:14px}.add-user-input{padding:12px 16px;font-size:.9rem;border-radius:12px}.add-user-textarea{min-height:70px}.form-button{padding:14px 28px;font-size:.95rem;border-radius:12px}.success-message{padding:40px 24px;gap:20px}.success-message svg{width:56px;height:56px}.success-message h2{font-size:1.5rem}.success-message p{font-size:.95rem}.error-message{padding:14px 20px;font-size:.9rem}.error-message:before{font-size:1.25rem}}.create-agent-submit-btn{width:auto!important;min-width:140px;max-width:180px;padding:14px 32px!important}@media print{.add-user{margin-left:0}.form-button{display:none}}.add-store{margin-left:0;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);background-size:200% 200%;animation:gradientShift 15s ease infinite;min-height:100vh;color:var(--text-primary);transition:margin-left .3s ease}.add-store-header{margin-bottom:48px;text-align:center;animation:fadeIn .6s ease-out}.add-store-header h1{font-size:3rem;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;letter-spacing:-1px}.add-store-header p{color:var(--text-secondary);font-size:1.15rem;margin:0;font-weight:500}.add-store-form{background:#fff;padding:48px;border-radius:24px;border:2px solid rgba(59,130,246,.1);box-shadow:0 10px 40px #00000014;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.add-store-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.add-store-card{background:#fff;padding:48px;border-radius:24px;border:2px solid rgba(59,130,246,.1);box-shadow:0 10px 40px #00000014;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.add-store-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{font-weight:700;color:var(--text-primary);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.add-store-input{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:2px solid var(--border-color)!important;border-radius:14px;color:var(--text-primary)!important;padding:16px 20px;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-text-fill-color:var(--text-primary)!important;width:100%;box-sizing:border-box}.add-store-input:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f633;background:#fff!important;transform:none}.add-store-input:hover:not(:focus):not(:disabled){border-color:#cbd5e1!important;background:#fff!important}.add-store-input::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}.add-store-input:disabled{opacity:.6;cursor:not-allowed}.add-store-input:-webkit-autofill,.add-store-input:-webkit-autofill:hover,.add-store-input:-webkit-autofill:focus,.add-store-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f8fafc inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.form-actions{display:flex;justify-content:center;gap:16px;padding-top:12px}.form-group:focus-within label:before{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:scaleY(1.2);transition:transform .3s ease}@media (max-width: 1200px){.add-store{padding:24px}.add-store-card,.add-store-form{padding:40px}}@media (max-width: 1024px){.add-store{padding:20px}.add-store-header h1{font-size:2.5rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px}.form-group.span-3{grid-column:span 2}.add-store-card,.add-store-form{padding:36px}}@media (max-width: 768px){.add-store{margin-left:0;padding:88px 16px 16px}.add-store-header{margin-bottom:32px}.add-store-header h1{font-size:2rem}.add-store-header p{font-size:1rem}.add-store-card,.add-store-form{padding:32px 24px;border-radius:20px}.form-grid{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.form-group.span-2,.form-group.span-3{grid-column:span 1}.form-group label{font-size:.9rem}.add-store-input{padding:14px 18px;font-size:.95rem}.form-actions{flex-direction:column}.form-button{width:100%;padding:16px 32px;font-size:1rem}.success-message{padding:48px 32px;border-radius:20px}.success-message svg{width:64px;height:64px}.success-message h2{font-size:1.75rem}.success-message p{font-size:1rem}.success-message .form-button{width:100%}}@media (max-width: 480px){.add-store{padding:12px}.add-store-header h1{font-size:1.75rem}.add-store-header p{font-size:.95rem}.add-store-card,.add-store-form{padding:24px 20px;border-radius:16px}.form-grid{gap:16px;margin-bottom:24px}.form-group{gap:10px}.form-group label{font-size:.85rem}.form-group label:before{width:3px;height:14px}.add-store-input{padding:12px 16px;font-size:.9rem;border-radius:12px}.form-button{padding:14px 28px;font-size:.95rem;border-radius:12px}.success-message{padding:40px 24px;gap:20px}.success-message svg{width:56px;height:56px}.success-message h2{font-size:1.5rem}.success-message p{font-size:.95rem}.error-message{padding:14px 20px;font-size:.9rem}.error-message:before{font-size:1.25rem}}.create-store-submit-btn{width:auto!important;min-width:140px;max-width:180px;padding:14px 32px!important}@media print{.add-store{margin-left:0}.form-button{display:none}}.assigned-stores{margin-left:0;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);background-size:200% 200%;animation:gradientShift 15s ease infinite;min-height:100vh;color:var(--text-primary);transition:margin-left .3s ease;overflow:visible!important;position:relative}.assigned-stores-header{margin-bottom:48px;text-align:center;animation:fadeIn .6s ease-out}.assigned-stores-header h1{font-size:3rem;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;letter-spacing:-1px}.assigned-stores-header p{color:var(--text-secondary);font-size:1.15rem;margin:0;font-weight:500}.assigned-stores-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#2c4a72}.assigned-stores-spinner{width:48px;height:48px;border:4px solid #d7e4ff;border-top-color:#2a52a7;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.assigned-stores-loading p{margin:0;color:#2c4a72}@media (max-width: 1200px){.assigned-stores{padding:24px}}@media (max-width: 1024px){.assigned-stores{padding:20px}.content-layout{grid-template-columns:1fr}.assigned-stores-header h1{font-size:2.5rem}}@media (max-width: 768px){.assigned-stores{margin-left:0;padding:88px 16px 16px}.assigned-stores-header{margin-bottom:32px}.assigned-stores-header h1{font-size:2rem}.assigned-stores-header p{font-size:1rem}.stats-section .stats-card,.form-card,.assignments-card{padding:24px 20px;border-radius:20px}.stats-section .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.assignments-header{flex-direction:column}.header-actions{width:100%;flex-direction:column;gap:10px}.download-csv-btn,.details-btn,.refresh-btn{width:100%;justify-content:center}.data-counts{width:100%}}@media (max-width: 480px){.assigned-stores{padding:12px}.assigned-stores-header h1{font-size:1.75rem}.assigned-stores-header p{font-size:.95rem}.stats-section .stats-card,.form-card,.assignments-card{padding:20px 16px;border-radius:16px}.stats-section .stats-grid{grid-template-columns:1fr;gap:10px}.form-card h3,.assignments-title h3{font-size:1.2rem}.form-group label,.users-with-stores h4,.assignments-scrollable h4{font-size:.85rem}.form-select,.search-input{padding:12px 16px;font-size:.9rem}.form-button{padding:14px 24px;font-size:.95rem}.error-message,.success-message{padding:14px 20px;font-size:.9rem}.error-message:before,.success-message:before{font-size:1.25rem}}@media print{.assigned-stores{margin-left:0}.form-button,.unassign-btn,.refresh-btn{display:none}}.approved-stores{margin-left:0;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);background-size:200% 200%;animation:gradientShift 15s ease infinite;min-height:100vh;color:var(--text-primary);transition:margin-left .3s ease;overflow:visible!important;position:relative}.approved-stores-header{margin-bottom:48px;text-align:center;animation:fadeIn .6s ease-out}.approved-stores-header h1{font-size:3rem;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;letter-spacing:-1px}.approved-stores-header p{color:var(--text-secondary);font-size:1.15rem;margin:0;font-weight:500}.error-message{padding:16px 24px;border-radius:16px;margin-bottom:32px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;color:#991b1b;font-weight:600;animation:fadeIn .4s ease-out;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #ef444433;max-width:1400px;margin-left:auto;margin-right:auto}.success-message{padding:16px 24px;border-radius:16px;margin-bottom:32px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;color:#065f46;font-weight:600;animation:fadeIn .4s ease-out;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #10b98133;max-width:1400px;margin-left:auto;margin-right:auto}.stats-section{margin-bottom:32px}.stats-section .stats-card{background:#fff;padding:32px;border-radius:24px;border:2px solid rgba(59,130,246,.1);box-shadow:0 10px 40px #00000014;max-width:1400px;margin:0 auto;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-section .stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.stats-section .stats-card:hover{transform:translateY(-4px);box-shadow:0 15px 50px #0000001f}.stats-section .stats-card h3{font-size:1.5rem;font-weight:700;margin:0 0 24px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.stats-section .stats-card h3:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stats-section .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-section .stat-item:hover{transform:translateY(-2px);border-color:#cbd5e1;background:#fff;box-shadow:0 4px 12px #00000014}.stats-section .stat-item span:first-child{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stats-section .stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-layout{display:grid;grid-template-columns:1fr 2fr;gap:24px;max-width:1400px;margin:0 auto;position:relative;overflow:visible!important}.form-column{display:flex;flex-direction:column;gap:24px;position:relative;overflow:visible!important;z-index:1}.form-card{background:#fff;padding:32px;border-radius:24px;border:2px solid rgba(59,130,246,.1);box-shadow:0 10px 40px #00000014;position:relative;overflow:visible!important;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.form-card.dropdown-open{z-index:10001!important;position:relative}.form-card.below-dropdown{z-index:0!important;position:relative}.form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.form-card:hover{transform:translateY(-4px);box-shadow:0 15px 50px #0000001f}.form-card h3{font-size:1.4rem;font-weight:700;margin:0 0 24px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.form-card h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.searchable-dropdown-container{position:relative;width:100%;z-index:1002!important}.form-card.dropdown-open .searchable-dropdown-container{z-index:10002!important;position:relative}.searchable-dropdown-trigger{width:100%;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--border-color);color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.searchable-dropdown-trigger:hover{border-color:#cbd5e1;background:#fff}.searchable-dropdown-trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;background:#fff}.searchable-dropdown-arrow{flex-shrink:0;transition:transform .3s ease;color:var(--text-secondary)}.searchable-dropdown-arrow.open{transform:rotate(180deg)}.searchable-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:2px solid var(--border-color);border-radius:14px;box-shadow:0 10px 40px #00000026;z-index:99999!important;max-height:400px;min-height:150px;display:flex!important;flex-direction:column!important;overflow-y:auto;overflow-x:hidden;visibility:visible!important;opacity:1!important;transform:translateZ(0);will-change:transform}.searchable-dropdown-search{position:relative;padding:12px;border-bottom:2px solid var(--border-color);display:flex!important;align-items:center;flex-shrink:0}.searchable-dropdown-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;z-index:1;width:16px;height:16px;flex-shrink:0}.searchable-dropdown-search-input{width:100%;padding:10px 40px;border:2px solid var(--border-color);border-radius:10px;font-size:.9rem;font-weight:500;color:var(--text-primary);outline:none;transition:all .2s ease;min-width:0;box-sizing:border-box;text-align:center}.searchable-dropdown-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;text-align:left;padding-left:60px;padding-right:40px;caret-color:var(--text-primary)}.searchable-dropdown-search-input:not(:placeholder-shown){text-align:left;padding-left:44px}.searchable-dropdown-search-input::placeholder{color:var(--text-secondary);font-weight:400;text-align:center}.searchable-dropdown-search-clear{position:absolute;right:24px;background:#ef4444;color:#fff;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;line-height:1}.searchable-dropdown-search-clear:hover{background:#dc2626;transform:scale(1.1)}.searchable-dropdown-options{padding:8px;min-height:50px;display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;width:100%!important;flex:1 1 auto;overflow-y:visible;overflow-x:visible;position:relative}.searchable-dropdown-options::-webkit-scrollbar{width:8px}.searchable-dropdown-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.searchable-dropdown-options::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:10px}.searchable-dropdown-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.searchable-dropdown-option{padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;background:#fff;border:1px solid transparent;display:block!important;visibility:visible!important;opacity:1!important;width:100%;box-sizing:border-box}.searchable-dropdown-option:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.searchable-dropdown-option.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.searchable-dropdown-option-content{display:flex;flex-direction:column;gap:4px}.searchable-dropdown-option-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.searchable-dropdown-option-address{font-size:.85rem;color:var(--text-secondary);font-weight:500}.searchable-dropdown-no-results{padding:20px;text-align:center;color:var(--text-secondary);font-style:italic;font-size:.9rem}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:12px;color:var(--text-primary);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.form-group label:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.form-select{width:100%;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--border-color);color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;background:#fff}.form-select:hover:not(:focus){border-color:#cbd5e1;background:#fff}.form-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;padding:16px 32px;border-radius:14px;cursor:pointer;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #3b82f64d;width:100%;position:relative;overflow:hidden}.assignments-card{background:#fff;padding:32px;border-radius:24px;border:2px solid rgba(59,130,246,.1);box-shadow:0 10px 40px #00000014;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.assignments-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.assignments-card:hover{transform:translateY(-4px);box-shadow:0 15px 50px #0000001f}.assignments-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.details-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #3b82f64d}.details-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.details-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.download-csv-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #10b9814d}.download-csv-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.download-csv-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.assignments-title h3{font-size:1.4rem;font-weight:700;margin:0 0 12px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.assignments-title h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.data-counts{display:flex;gap:12px;font-size:.85rem;flex-wrap:wrap}.count-item{color:var(--text-secondary);font-weight:600;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:6px 12px;border-radius:8px;border:2px solid var(--border-color);transition:all .2s ease}.count-item:hover{border-color:#cbd5e1;background:#fff}.refresh-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #10b9814d}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.users-with-stores{margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid var(--border-color)}.users-with-stores h4{font-size:1.1rem;font-weight:700;margin:0 0 16px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.search-container{margin-bottom:16px}.search-input{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;background:#fff}.search-input::placeholder{color:#94a3b8}.users-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:8px}.users-list::-webkit-scrollbar{width:8px}.users-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.users-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:10px}.users-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.agent-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.agent-summary:hover{background:#fff;border-color:#3b82f6;transform:translate(4px);box-shadow:0 4px 12px #00000014}.agent-summary.no-stores{opacity:.7;border-color:#e2e8f0}.agent-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.store-count{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #3b82f64d}.store-count.zero-stores{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b;box-shadow:none}.no-assignments{color:var(--text-secondary);font-style:italic;text-align:center;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px dashed var(--border-color)}.assignments-scrollable{flex:1;display:flex;flex-direction:column}.assignments-scrollable h4{font-size:1.1rem;font-weight:700;margin:0 0 16px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.assignments-list{flex:1;max-height:500px;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px}.assignments-list::-webkit-scrollbar{width:8px}.assignments-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.assignments-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:10px}.assignments-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.assignment-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.assignment-item:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.item-details{display:flex;flex-direction:column;gap:6px}.store-name{font-weight:700;color:var(--text-primary);font-size:1rem}.user-name{font-size:.9rem;color:var(--text-secondary);font-weight:500}.user-name.unassigned{color:#dc2626;font-weight:600}.unassign-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ef44444d}.unassign-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.empty-state{text-align:center;color:var(--text-secondary);font-style:italic;padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border:2px dashed var(--border-color);font-size:.95rem}.approved-stores-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#2c4a72}.approved-stores-spinner{width:48px;height:48px;border:4px solid #d7e4ff;border-top-color:#2a52a7;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.approved-stores-loading p{margin:0;color:#2c4a72}@media (max-width: 1200px){.approved-stores{padding:24px}}@media (max-width: 1024px){.approved-stores{padding:20px}.content-layout{grid-template-columns:1fr}.approved-stores-header h1{font-size:2.5rem}}@media (max-width: 768px){.approved-stores{margin-left:0;padding:88px 16px 16px}.approved-stores-header{margin-bottom:32px}.approved-stores-header h1{font-size:2rem}.approved-stores-header p{font-size:1rem}.stats-section .stats-card,.form-card,.assignments-card{padding:24px 20px;border-radius:20px}.stats-section .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.assignments-header{flex-direction:column}.header-actions{width:100%;flex-direction:column;gap:10px}.download-csv-btn,.details-btn,.refresh-btn{width:100%;justify-content:center}.data-counts{width:100%}}@media (max-width: 480px){.approved-stores{padding:12px}.approved-stores-header h1{font-size:1.75rem}.approved-stores-header p{font-size:.95rem}.stats-section .stats-card,.form-card,.assignments-card{padding:20px 16px;border-radius:16px}.stats-section .stats-grid{grid-template-columns:1fr;gap:10px}.form-card h3,.assignments-title h3{font-size:1.2rem}.form-group label,.users-with-stores h4,.assignments-scrollable h4{font-size:.85rem}.form-select,.search-input{padding:12px 16px;font-size:.9rem}.form-button{padding:14px 24px;font-size:.95rem}.error-message,.success-message{padding:14px 20px;font-size:.9rem}.error-message:before,.success-message:before{font-size:1.25rem}}.approved-stores-search-container{margin-bottom:12px}.approved-stores-search-wrapper{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--border-color);border-radius:14px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.approved-stores-search-wrapper:focus-within{border-color:#10b981;background:#fff;box-shadow:0 4px 12px #10b98126}.approved-stores-search-icon{color:var(--text-secondary);flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-right:10px;position:absolute;left:14px;pointer-events:none}.approved-stores-search-input{flex:1;border:none;background:transparent;padding:0 36px 0 32px;font-size:.9rem;color:var(--text-primary);outline:none;font-weight:500;min-width:0;width:100%}.approved-stores-search-input::placeholder{color:var(--text-secondary);font-weight:400}.approved-stores-search-clear-btn{background:#ef4444;color:#fff;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;flex-shrink:0;position:absolute;right:14px;line-height:1;z-index:1}.approved-stores-search-clear-btn:hover{background:#dc2626;transform:scale(1.1)}.approved-stores-search-results-info{margin-top:8px;font-size:.8rem;color:var(--text-secondary);font-weight:600;text-align:center;padding:6px 12px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:8px;border:1px solid #86efac}.approved-stores-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:8px;position:relative;z-index:0}.approved-stores-list::-webkit-scrollbar{width:8px}.approved-stores-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.approved-stores-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:10px}.approved-stores-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.approved-store-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;border:2px solid rgba(16,185,129,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.approved-store-item:hover{background:#fff;border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px 16px #10b98133}.approved-store-item .store-info{display:flex;flex-direction:column;gap:4px;flex:1}.approved-store-item .store-name{font-weight:700;color:var(--text-primary);font-size:.9rem}.approved-store-item .store-address{font-size:.8rem;color:var(--text-secondary);font-weight:500}.approved-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #10b9814d;white-space:nowrap}@media print{.approved-stores{margin-left:0}.form-button,.unassign-btn,.refresh-btn{display:none}}.assignment-details-page{padding:32px;max-width:1400px;margin:0 auto}.assignment-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;color:var(--text-secondary)}.assignment-details-header{margin-bottom:32px}.assignment-details-header h1{font-size:2.5rem;font-weight:700;margin:16px 0 8px;color:var(--text-primary);background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.assignment-details-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.back-btn{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #64748b4d;margin-bottom:16px}.back-btn:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px);box-shadow:0 6px 16px #64748b66}.assignment-details-content{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000014}.assignment-search-container{margin-bottom:24px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--border-color);border-radius:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input-wrapper:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 4px 12px #3b82f626}.search-icon{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:12px;position:absolute;left:16px;pointer-events:none}.assignment-search-input{flex:1;border:none;background:transparent;padding:0 40px 0 36px;font-size:1rem;color:var(--text-primary);outline:none;font-weight:500;min-width:0;width:100%}.assignment-search-input::placeholder{color:var(--text-secondary);font-weight:400}.search-clear-btn{background:#ef4444;color:#fff;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;flex-shrink:0;position:absolute;right:16px;line-height:1;z-index:1}.search-clear-btn:hover{background:#dc2626;transform:scale(1.1)}.search-results-info{margin-top:12px;font-size:.9rem;color:var(--text-secondary);font-weight:600;text-align:center;padding:8px 16px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;border:1px solid #93c5fd}.assignment-stats-bar{display:flex;gap:20px;margin-bottom:32px;flex-wrap:wrap}.stat-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 24px;border-radius:14px;border:2px solid var(--border-color);min-width:180px;flex:1}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.assignment-details-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.assignment-detail-item{display:flex;flex-direction:column;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);gap:16px}.assignment-detail-item:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.detail-store-info{display:flex;flex-direction:column;gap:10px;flex:1;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.detail-store-header{display:flex;align-items:center;gap:12px}.detail-store-name{font-weight:700;color:var(--text-primary);font-size:1.2rem}.detail-store-address,.detail-store-phone{font-size:.9rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:flex-start;gap:8px}.detail-info-label{font-weight:600;color:var(--text-primary);min-width:80px}.detail-assignment-info{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-agent-name{font-weight:700;color:var(--text-primary);font-size:1.1rem}.detail-agent-email{font-size:.9rem;color:var(--text-secondary);font-weight:500}.empty-state-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px}.empty-state{text-align:center;max-width:400px}.empty-state-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:1rem;color:var(--text-secondary);margin:0 0 16px}.clear-search-link{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d;margin-top:12px}.clear-search-link:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.error-message{background:#fee2e2;color:#991b1b;padding:16px 20px;border-radius:10px;margin-bottom:24px;border:2px solid #fecaca;font-weight:600}@media (max-width: 1024px){.assignment-details-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.assignment-details-page{padding:20px 16px}.assignment-details-header h1{font-size:2rem}.assignment-details-content{padding:24px 20px}.assignment-search-input{font-size:.9rem}.assignment-search-input::placeholder{font-size:.85rem}.assignment-stats-bar{flex-direction:column}.stat-box{width:100%}.assignment-details-list{grid-template-columns:1fr}.assignment-detail-item{padding:16px 20px}}@media (max-width: 480px){.assignment-details-page{padding:16px 12px}.assignment-details-header h1{font-size:1.75rem}.assignment-details-content{padding:20px 16px}.detail-store-name{font-size:1rem}.detail-store-address,.detail-store-phone{font-size:.85rem;flex-direction:column;gap:4px}.detail-info-label{min-width:auto}}.photo-approvals{margin-left:0;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);background-size:200% 200%;animation:gradientShift 15s ease infinite;min-height:100vh;color:var(--text-primary);transition:margin-left .3s ease}.photo-approvals-header{margin-bottom:48px;text-align:center;animation:fadeIn .6s ease-out}.photo-approvals-header h1{font-size:3rem;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;letter-spacing:-1px}.photo-approvals-header p{color:var(--text-secondary);font-size:1.15rem;margin:0;font-weight:500}.success-message{padding:16px 24px;border-radius:16px;margin-bottom:32px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;color:#065f46;font-weight:600;animation:fadeIn .4s ease-out;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #10b98133}.success-message:before{content:"✓";font-size:1.5rem}.photo-approvals-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#2c4a72}.photo-approvals-spinner{width:48px;height:48px;border:4px solid #d7e4ff;border-top-color:#2a52a7;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.photo-approvals-loading p{margin:0;color:#2c4a72}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;animation:fadeIn .6s ease-out .2s backwards}.empty-state{grid-column:1 / -1;text-align:center;padding:80px 40px;background:#fff;border-radius:24px;border:2px solid rgba(59,130,246,.1);box-shadow:0 10px 40px #00000014;animation:scaleIn .6s ease-out;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.empty-icon{font-size:5rem;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}.empty-state h3{font-size:1.75rem;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0}.photo-card{background:#fff;border-radius:20px;overflow:hidden;border:2px solid rgba(59,130,246,.1);box-shadow:0 8px 30px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;animation:scaleIn .5s ease-out}.photo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);animation:none!important}.photo-card:hover:before{animation:none!important}.photo-card:hover{transform:translateY(-8px);box-shadow:0 15px 50px #00000026;border-color:#3b82f64d}.photo-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;gap:12px}.photo-info{flex:1}.photo-info h3{font-size:1.25rem;font-weight:700;margin:0 0 8px;color:var(--text-primary);line-height:1.3}.photo-user{color:var(--text-secondary);font-size:.9rem;margin:0 0 6px;font-weight:600}.photo-date{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin:0}.photo-status{display:flex;align-items:flex-start}.status-badge{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.photo-container{margin:0 24px 16px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--border-color);transition:all .3s ease}.photo-container:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.photo-image{width:100%;height:220px;object-fit:cover;display:block;transition:transform .3s ease}.photo-image:hover{transform:scale(1.05)}.photo-details{padding:16px 24px;border-top:2px solid var(--border-color);flex-grow:1}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f1f5f9;gap:12px}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:700;color:var(--text-primary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.detail-value{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-align:right;word-break:break-word}.photo-actions{display:flex;gap:12px;padding:20px 24px;border-top:2px solid var(--border-color);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.approve-btn,.reject-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.approve-btn:before,.reject-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.approve-btn:hover:before,.reject-btn:hover:before{left:100%}.details-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 6px 16px #3b82f64d}.details-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.details-btn:hover:before{left:100%}.details-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:#fff;border-radius:20px;padding:32px;max-width:540px;width:90%;border:2px solid rgba(59,130,246,.1);box-shadow:0 20px 60px #0000004d;animation:scaleIn .4s ease-out;position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#dc2626,#b91c1c)}.modal-content h3{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.modal-content p{color:var(--text-secondary);margin:0 0 20px;font-size:1rem;font-weight:500}.rejection-reason-input{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--text-primary);font-size:1rem;font-weight:500;resize:vertical;min-height:120px;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif}.rejection-reason-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;background:#fff}.rejection-reason-input::placeholder{color:#94a3b8}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.confirm-reject-btn{padding:14px 28px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cancel-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:var(--text-primary);border:2px solid var(--border-color)}.cancel-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.confirm-reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px 16px #ef44444d}.confirm-reject-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.confirm-reject-btn:hover:before{left:100%}.confirm-reject-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.confirm-reject-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.details-modal-content{max-width:700px;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:700}.modal-close-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f1f5f9;color:var(--text-primary)}.modal-body{margin-bottom:24px;max-height:60vh;overflow-y:auto}.form-data-content{display:flex;flex-direction:column;gap:16px}.form-data-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid var(--border-color)}.form-data-label{font-weight:700;color:var(--text-primary);font-size:.95rem;text-transform:capitalize}.form-data-value{color:var(--text-secondary);font-size:.95rem;word-break:break-word}.form-data-value pre{margin:0;padding:12px;background:#fff;border-radius:8px;border:1px solid var(--border-color);font-size:.85rem;overflow-x:auto;font-family:Courier New,monospace;color:var(--text-primary)}@media (max-width: 1400px){.photos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 1200px){.photo-approvals{padding:24px}.photo-approvals-header h1{font-size:2.5rem}}@media (max-width: 1024px){.photo-approvals{padding:20px}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}}@media (max-width: 768px){.photo-approvals{margin-left:0;padding:88px 16px 16px}.photo-approvals-header{margin-bottom:32px}.photo-approvals-header h1{font-size:2rem}.photo-approvals-header p{font-size:1rem}.photos-grid{grid-template-columns:1fr;gap:16px}.photo-card{border-radius:16px}.photo-header{flex-direction:column;align-items:flex-start;padding:20px 20px 12px}.photo-actions{flex-direction:column;padding:16px 20px}.approve-btn,.reject-btn,.details-btn{width:100%}.empty-state{padding:60px 24px;border-radius:20px}.empty-icon{font-size:4rem}.empty-state h3{font-size:1.5rem}.photo-modal-overlay{padding:10px}.photo-modal-content{max-width:95vw;max-height:95vh;border-radius:16px}.photo-modal-image-container{padding:20px}.photo-modal-image{max-height:60vh}.photo-modal-close{top:12px;right:12px;width:40px;height:40px}.modal-content{padding:24px;border-radius:16px}}@media (max-width: 480px){.photo-approvals{padding:12px}.photo-approvals-header h1{font-size:1.75rem}.photo-approvals-header p{font-size:.95rem}.photo-card{border-radius:14px}.photo-header{padding:16px 16px 10px}.photo-info h3{font-size:1.1rem}.photo-container{margin:0 16px 12px}.photo-image{height:180px}.photo-details{padding:12px 16px}.detail-row{padding:8px 0}.detail-label{font-size:.8rem}.detail-value{font-size:.85rem}.photo-actions{padding:12px 16px}.approve-btn,.reject-btn,.details-btn{padding:12px 16px;font-size:.9rem}.error-message,.success-message{padding:14px 20px;font-size:.9rem}.error-message:before,.success-message:before{font-size:1.25rem}.modal-content h3{font-size:1.25rem}.modal-content p{font-size:.95rem}.rejection-reason-input{padding:12px 16px;font-size:.95rem;min-height:100px}.cancel-btn,.confirm-reject-btn{padding:12px 20px;font-size:.9rem}}@media print{.photo-approvals{margin-left:0}.approve-btn,.reject-btn,.details-btn,.photo-modal-close{display:none}}.photo-details-page{padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);min-height:100vh;color:#0f172a}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.back-button{padding:8px 16px;border-radius:8px;border:1px solid #cbd5f5;background:#fff;color:#1d4ed8;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.back-button:hover{background:#eff6ff;border-color:#93c5fd}.header-meta{display:flex;gap:10px;align-items:center}.status-pill{padding:4px 12px;border-radius:6px;text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:#fff}.status-pill.pending{background:linear-gradient(135deg,#facc15,#eab308)}.status-pill.approved{background:linear-gradient(135deg,#10b981,#059669)}.status-pill.rejected{background:linear-gradient(135deg,#ef4444,#dc2626)}.photo-id-label{font-weight:600;color:#334155;font-size:.9rem}.details-error{background:#f8717126;border:1px solid rgba(248,113,113,.4);color:#b91c1c;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.details-loading{display:flex;align-items:center;gap:12px;background:#fff;padding:14px 18px;border-radius:8px;border:1px solid rgba(148,163,184,.4);margin-bottom:16px}.details-loading .loading-spinner{width:24px;height:24px;border:3px solid rgba(37,99,235,.2);border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.details-hero-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0f172a14;border:1px solid rgba(148,163,184,.2);margin-bottom:20px}.details-empty-state{background:#fff;padding:24px;border-radius:12px;border:1px solid rgba(148,163,184,.3);text-align:center;box-shadow:0 4px 12px #0f172a14;color:#475569}.details-empty-state h3{margin:0 0 8px;color:#0f172a;font-size:1.2rem}.details-photo-preview{background:#f8fafc;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px dashed rgba(148,163,184,.5);min-height:280px}.hero-photo-button{border:none;background:transparent;padding:0;cursor:zoom-in;width:100%;display:flex;justify-content:center}.hero-photo-button img{max-width:100%;max-height:320px;border-radius:8px;object-fit:contain;transition:box-shadow .2s ease}.hero-photo-button img:hover{box-shadow:0 0 0 3px #2563eb4d}.photo-missing-placeholder{text-align:center;color:#94a3b8;font-weight:600;font-size:.9rem}.details-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.info-row{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid rgba(148,163,184,.3)}.info-row.rejection{background:#f8717126;border-color:#f8717180}.info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:700}.info-value{color:#0f172a;font-weight:600;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.details-form-section{background:#fff;border-radius:12px;padding:20px;border:1px solid rgba(148,163,184,.2);box-shadow:0 4px 12px #0f172a0d}.details-section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.details-section-heading h2{margin:0;font-size:1.25rem;color:#0f172a}.submitted-on{color:#475569;font-weight:600;font-size:.85rem}.form-data-structured{display:flex;flex-direction:column;gap:18px}.form-summary-card{padding:12px 14px;border-radius:8px;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border:1px solid rgba(59,130,246,.15)}.summary-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{display:flex;flex-direction:column;gap:3px}.summary-item-full{grid-column:1 / -1}.summary-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:600}.summary-value{font-size:.8rem;color:#0f172a;font-weight:600;word-wrap:break-word;overflow-wrap:break-word}.summary-value-gps{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.form-definition-warning{padding:10px 12px;border-radius:8px;background:#facc1526;border:1px solid rgba(251,191,36,.4);color:#92400e;font-size:.8rem;font-weight:600}.map-link{padding:5px 10px;border-radius:6px;background:#2563eb1a;color:#2563eb;font-weight:600;text-decoration:none;font-size:.8rem;transition:background .2s ease;white-space:nowrap}.map-link:hover{background:#2563eb33}.form-section{border:1px solid rgba(148,163,184,.4);border-radius:8px;background:#fff;box-shadow:0 2px 8px #0f172a0d;overflow:hidden}.form-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(148,163,184,.25);background:linear-gradient(135deg,#f0fdf4,#f8fafc)}.section-name{margin:0 0 2px;font-size:.9rem;font-weight:700;color:#0f172a;word-wrap:break-word;overflow-wrap:break-word}.section-order{font-size:.7rem;color:#64748b;font-weight:500}.section-count{font-size:.7rem;font-weight:700;color:#0f172a;background:#3b82f61a;padding:3px 8px;border-radius:5px;white-space:nowrap}.form-section-fields{display:flex;flex-direction:column;gap:10px;padding:12px 14px}.form-feedback-section{margin-top:20px;border:1px solid rgba(59,130,246,.3);border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fef9e7);box-shadow:0 4px 12px #0f172a14;overflow:hidden}.form-feedback-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(251,191,36,.3);background:linear-gradient(135deg,#fde68a,#fef3c7)}.form-feedback-title{margin:0;font-size:1.1rem;font-weight:700;color:#92400e}.form-feedback-badge{padding:4px 10px;border-radius:6px;background:#fbbf244d;color:#78350f;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.form-feedback-content{padding:16px 18px}.form-feedback-text{margin:0;font-size:.95rem;line-height:1.6;color:#1f2937;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.field-feedback{margin-top:12px;border:1px solid rgba(59,130,246,.3);border-radius:8px;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 6px #0f172a0d;overflow:hidden}.field-feedback-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(59,130,246,.2);background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.field-feedback-label{font-size:.8rem;font-weight:700;color:#1e40af}.field-feedback-badge{padding:2px 8px;border-radius:4px;background:#3b82f633;color:#1e3a8a;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.field-feedback-content{padding:10px 12px;background:#f8fafc}.field-feedback-text{margin:0;font-size:.85rem;line-height:1.5;color:#1e293b;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.partner-forms-section{margin-top:24px}.partner-form-card{margin-top:20px;border:1px solid rgba(99,102,241,.3);border-radius:12px;background:linear-gradient(135deg,#ede9fe,#f3e8ff);box-shadow:0 4px 12px #0f172a14;overflow:hidden}.partner-form-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(139,92,246,.3);background:linear-gradient(135deg,#c4b5fd,#ddd6fe);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.partner-form-header:hover{background:linear-gradient(135deg,#a78bfa,#c4b5fd)}.partner-form-header:focus{outline:2px solid #8b5cf6;outline-offset:-2px}.partner-form-header-content{display:flex;flex-direction:column;gap:4px;flex:1}.partner-form-title{margin:0;font-size:1.1rem;font-weight:700;color:#5b21b6}.partner-form-submitted{font-size:.85rem;color:#6d28d9;font-weight:600}.partner-form-toggle{font-size:.9rem;color:#6d28d9;transition:transform .3s ease;display:inline-block;margin-left:12px}.partner-form-toggle.expanded{transform:rotate(180deg)}.partner-form-content{padding:16px 18px;animation:slideDown .3s ease}.form-field-card{border:1px solid rgba(148,163,184,.3);border-radius:7px;padding:10px 12px;background:#fafbfc;display:flex;flex-direction:column;gap:8px}.field-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.field-label{font-size:.85rem;font-weight:700;color:#0f172a;margin-bottom:3px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.field-meta{display:flex;flex-wrap:wrap;gap:5px}.demo-reference-card{border:1px dashed rgba(59,130,246,.35);border-radius:10px;background:#dbeafe66;display:flex;flex-direction:column;gap:10px;border:none;background:none;padding:0;text-align:left;cursor:zoom-in}.demo-reference-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;font-weight:700}.post-audit-photos-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;font-weight:700;margin-bottom:8px}.demo-reference-image{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(59,130,246,.3);background:#fff}.demo-reference-image img{width:100%;height:auto;max-height:260px;object-fit:cover;display:block}.demo-reference-fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-weight:600;color:#1d4ed8;background:#ffffffe6}.demo-reference-image.demo-reference-error{border-style:dashed;background:#ffe4e699}.demo-reference-image.demo-reference-error .demo-reference-fallback{display:flex}.demo-reference-meta{font-size:.75rem;color:#1e3a8a;font-weight:600}.meta-pill{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px;background:#3b82f626;color:#1d4ed8;white-space:nowrap}.meta-pill.required{background:#f8717126;color:#b91c1c}.field-order{font-size:.75rem;font-weight:600;color:#64748b;white-space:nowrap}.field-answer{font-size:.8rem;color:#475569;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.text-answer{font-weight:600;color:#0f172a;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.list-answer{margin:0;padding-left:18px;color:#0f172a}.list-answer li{word-wrap:break-word;overflow-wrap:break-word;margin-bottom:4px}.image-answer{display:flex;flex-direction:column;gap:8px}.image-answer-multiple{display:flex;flex-direction:column;gap:12px}.image-count-header{font-size:.9rem;font-weight:600;color:#334155;padding:8px 12px;background:#f1f5f9;border-radius:6px;border:1px solid rgba(148,163,184,.3)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.image-grid-item{display:flex;flex-direction:column;gap:8px}.image-answer-button{border:none;padding:0;background:transparent;cursor:zoom-in;width:100%}.image-answer img,.image-answer-button img{width:100%;max-height:200px;object-fit:contain;border-radius:8px;border:1px solid rgba(148,163,184,.4);background:#f1f5f9}.image-grid-item .image-answer-button img{max-height:250px}.image-answer.image-missing{align-items:center}.image-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;color:#64748b}.nested-answer{display:flex;flex-direction:column;gap:5px;background:#fff;padding:8px;border-radius:5px;border:1px solid rgba(148,163,184,.2)}.nested-answer-row{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;flex-wrap:wrap}.nested-label{font-weight:600;color:#0f172a;word-wrap:break-word;overflow-wrap:break-word}.nested-value{color:#64748b;word-wrap:break-word;overflow-wrap:break-word;text-align:right}.field-metadata{border-top:1px dashed rgba(148,163,184,.5);padding-top:8px;margin-top:3px;display:flex;flex-direction:column;gap:5px}.metadata-row{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;flex-wrap:wrap}.metadata-label{font-weight:600;color:#0f172a;word-wrap:break-word;overflow-wrap:break-word}.metadata-value{color:#64748b;word-wrap:break-word;overflow-wrap:break-word;text-align:right}.image-lightbox-overlay{position:fixed;inset:0;background:#0f172acc;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.image-lightbox-content{background:#0f172a;border-radius:12px;padding:20px;max-width:90vw;max-height:90vh;width:640px;position:relative;box-shadow:0 20px 40px #0006}.image-lightbox-close{position:absolute;top:12px;right:12px;border:none;background:#0f172acc;color:#fff;font-size:1.4rem;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background .2s ease;z-index:10002;display:flex;align-items:center;justify-content:center;line-height:1}.image-lightbox-close:hover{background:#3b82f6cc}.image-lightbox-close:active{transform:scale(.95)}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;background:#0f172acc;color:#fff;font-size:3rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10001;line-height:1;-webkit-user-select:none;user-select:none}.image-lightbox-nav:hover{background:#3b82f6e6;transform:translateY(-50%) scale(1.1)}.image-lightbox-nav-left{left:20px}.image-lightbox-nav-right{right:20px}.image-lightbox-counter{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#0f172acc;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;z-index:10001}.image-lightbox-body{display:flex;flex-direction:column;gap:16px;align-items:center;position:relative}.image-lightbox-body img{max-width:100%;max-height:65vh;border-radius:10px;object-fit:contain;border:2px solid rgba(148,163,184,.5);background:#f8fafc}.image-lightbox-info{text-align:center;color:#e2e8f0}.image-lightbox-info h3{margin:0;font-size:1.2rem}.image-lightbox-subtitle{margin:6px 0 0;color:#cbd5f5;font-size:.9rem}.image-lightbox-meta{display:flex;justify-content:center;gap:16px;margin-top:10px;font-size:.85rem;color:#93c5fd}.empty-value{color:#94a3b8;font-style:italic;font-size:.75rem}.no-form-data{text-align:center;padding:20px 16px;color:#64748b;font-size:.85rem}.form-data-content{display:flex;flex-direction:column;gap:12px}.form-data-item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#f8fafc;border-radius:8px;border:1px solid rgba(148,163,184,.3)}.form-data-label{font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.form-data-value{font-size:.9rem;color:#0f172a;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.form-data-value pre{margin:0;padding:8px;background:#fff;border-radius:6px;border:1px solid rgba(148,163,184,.3);overflow-x:auto;font-size:.8rem;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 992px){.details-hero-card{grid-template-columns:1fr}}@media (max-width: 640px){.photo-details-page,.details-form-section,.details-hero-card{padding:16px}.summary-grid,.details-info-grid{grid-template-columns:1fr}.nested-answer-row,.metadata-row{flex-direction:column}.nested-value,.metadata-value{text-align:left}}.store-photos{margin-left:0;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);background-size:200% 200%;animation:gradientShift 15s ease infinite;min-height:100vh;color:var(--text-primary);transition:margin-left .3s ease}.store-photos-header{margin-bottom:48px;animation:fadeIn .6s ease-out}.store-photos-header h1{font-size:3rem;font-weight:800;margin:0 0 12px;color:#2563eb;letter-spacing:-1px}.store-photos-header p{color:var(--text-secondary);font-size:1.15rem;margin:0;font-weight:500}.store-photos-header-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:16px}.download-container{display:flex;align-items:center}.download-btn{display:inline-flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;border:none;border-radius:12px;padding:12px 20px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640}.download-btn svg{stroke:currentColor}.download-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 18px #2563eb59}.export-section{background:#fff!important;border:2px solid rgba(59,130,246,.1)!important;border-radius:16px!important;padding:20px!important;box-shadow:0 8px 30px #00000014!important;position:relative;overflow:hidden}.export-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);animation:none!important}.error-banner{padding:16px 24px;border-radius:16px;margin-bottom:32px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;color:#991b1b;font-weight:600;animation:fadeIn .4s ease-out;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 4px 12px #ef444433}.retry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ef44444d}.retry-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.store-photos-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;animation:fadeIn .6s ease-out .2s backwards}.stores-overview{display:flex;flex-direction:column;height:100%;width:100%}.stores-overview h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 24px;display:flex;align-items:center;gap:8px}.stores-overview h2:before{content:"";width:4px;height:28px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.stores-overview .stores-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:20px;width:100%;padding:0;margin:0;box-sizing:border-box;align-items:stretch}.stores-overview .stores-grid::-webkit-scrollbar{width:10px}.stores-overview .stores-grid::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:5px}.stores-overview .stores-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f699,#8b5cf699);border-radius:5px;transition:background .3s ease;border:2px solid rgba(226,232,240,.3)}.stores-overview .stores-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6cc,#8b5cf6cc)}.stores-overview .stores-grid .store-card{background:#fff;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(59,130,246,.1);box-shadow:0 8px 30px #00000014;position:relative;overflow:hidden;animation:slideIn .5s ease-out;width:100%;max-width:100%;box-sizing:border-box;display:flex!important;flex-direction:column;height:100%;min-height:150px}.stores-overview .stores-grid .store-card:hover{transform:translateY(-6px);box-shadow:0 15px 50px #0000001f;border-color:#3b82f64d}.stores-overview .stores-grid .store-card.selected{background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-color:#3b82f6;border-width:2px;box-shadow:0 0 0 4px #3b82f633}.stores-overview .stores-grid .store-card .store-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px;flex-shrink:0}.stores-overview .stores-grid .store-card .store-card-header h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;flex:1;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stores-overview .stores-grid .store-card .store-status{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.stores-overview .stores-grid .store-card .store-status.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.stores-overview .stores-grid .store-card .store-status.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.stores-overview .stores-grid .store-card .store-address{color:var(--text-secondary);font-size:.95rem;margin:0;line-height:1.5;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.photos-section{background:#fff;border-radius:20px;padding:28px;border:2px solid rgba(59,130,246,.1);box-shadow:0 10px 40px #00000014;min-height:600px;position:relative;overflow:hidden;animation:slideIn .5s ease-out .1s backwards}.photos-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%}.photos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.photos-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.photos-header h2:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.filter-select{padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--border-color);color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:150px}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;background:#fff}.filter-select:hover{border-color:#cbd5e1;background:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;animation:fadeIn .6s ease-out}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}.loading-container p{color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center;animation:scaleIn .6s ease-out}.empty-state svg{color:#cbd5e1;margin-bottom:24px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.empty-state p{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.photo-card{background:#fff;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(59,130,246,.1);box-shadow:0 8px 30px #00000014;position:relative;animation:scaleIn .5s ease-out}.photo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;opacity:0;transition:opacity .3s ease}.photo-card:hover{transform:translateY(-6px);box-shadow:0 15px 50px #00000026;border-color:#3b82f64d}.photo-card:hover:before{opacity:1}.photo-image-container{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.photo-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-card:hover .photo-image-container img{transform:scale(1.1)}.photo-status-overlay{position:absolute;top:12px;right:12px}.photo-status-badge{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.photo-details{padding:20px}.photo-info{margin-bottom:16px}.photo-info p{margin:0 0 10px;font-size:.9rem;color:var(--text-secondary);line-height:1.5;font-weight:500}.photo-info p:last-child{margin-bottom:0}.photo-info strong{color:var(--text-primary);font-weight:700}.photo-actions{display:flex;gap:10px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.action-btn:hover:before{left:100%}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 6px 16px #10b9814d}.approve-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px 16px #ef44444d}.reject-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.photo-modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.photo-modal{background:#fff;border-radius:20px;max-width:90vw;max-height:90vh;position:relative;box-shadow:0 25px 80px #00000080;overflow:hidden;animation:scaleIn .4s ease-out;border:2px solid rgba(59,130,246,.2)}.modal-close-btn{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:2001;transition:all .3s ease;box-shadow:0 4px 12px #ef444466}.modal-close-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:rotate(90deg) scale(1.1);box-shadow:0 6px 16px #ef444499}.modal-image-container{display:flex;align-items:center;justify-content:center;background:#000;padding:40px}.modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 40px #00000080}@media (max-width: 1200px){.store-photos{padding:24px}.store-photos-header h1{font-size:2.5rem}}@media (max-width: 1024px){.store-photos{padding:20px}.store-photos-content{grid-template-columns:1fr;gap:24px}.photos-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.store-photos{margin-left:0;padding:88px 16px 16px}.store-photos-header{margin-bottom:32px}.store-photos-header h1{font-size:2rem}.store-photos-header p{font-size:1rem}.photos-grid{grid-template-columns:1fr;gap:16px}.photos-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-select{width:100%}.photo-modal{max-width:95vw;max-height:95vh;border-radius:16px}.modal-image-container{padding:20px}.modal-image{max-height:60vh}.modal-close-btn{top:12px;right:12px;width:40px;height:40px}}@media (max-width: 480px){.store-photos{padding:12px}.store-photos-header h1{font-size:1.75rem}.store-photos-header p{font-size:.95rem}.store-card{padding:20px;border-radius:14px}.photos-section{padding:20px;border-radius:16px}.photo-card{border-radius:14px}.photo-image-container{height:180px}.photo-details{padding:16px}.photo-actions{flex-direction:column}.action-btn{width:100%}}@media print{.store-photos{margin-left:0}.action-btn,.modal-close-btn,.retry-btn,.filter-select{display:none}}.store-audit-details{margin-left:0;padding:48px 32px;min-height:100vh;background:linear-gradient(120deg,#f5f9ff,#dfe9ff);color:#0f1f3d;font-family:Inter,Segoe UI,sans-serif}.detail-content{max-width:1200px;margin:0 auto;background:#f9fbff;border-radius:32px;border:1px solid rgba(104,136,196,.25);padding:48px;box-shadow:0 25px 60px #18355e1f}.detail-header-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;margin-bottom:32px;border-bottom:1px solid rgba(89,126,186,.25);padding-bottom:24px}.detail-back-button{border:none;background:none;color:#4a6aa5;font-weight:600;cursor:pointer;padding:0;margin-bottom:12px;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.detail-title{margin:0;font-size:2.5rem;font-weight:700;color:#0f1f3d}.detail-address{margin:6px 0 0;color:#375073;font-weight:500;max-width:540px}.detail-store-code{margin:4px 0 0;font-size:.85rem;font-weight:500;color:#4864a8;letter-spacing:.05em}.detail-download-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1f3c88,#2b65c6);color:#fff;border:none;padding:12px 22px;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:0 12px 25px #21478e59;letter-spacing:.03em}.detail-download-btn:hover{transform:translateY(-2px);box-shadow:0 18px 30px #21478e66}.detail-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:36px}.detail-card{background:#fff;border-radius:18px;padding:18px 20px;border:1px solid rgba(99,134,194,.3);box-shadow:0 15px 30px #21376314}.detail-card span{display:block;text-transform:uppercase;font-size:.72rem;color:#5a78a4;letter-spacing:.15em;margin-bottom:8px}.detail-card strong{font-size:1.9rem;color:#15284a}.detail-photos{background:#fbfdff;border-radius:28px;padding:32px;border:1px solid rgba(99,134,194,.25);box-shadow:0 25px 50px #18355e1a}.detail-photos-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid rgba(109,142,202,.25);padding-bottom:18px;margin-bottom:24px}.detail-photos-header h2{color:#15284a;margin:0;font-size:1.75rem}.detail-filter-select{padding:12px 18px;border-radius:12px;border:1px solid rgba(99,134,194,.4);font-weight:600;background:#f5f8ff;min-width:180px;color:#1c345a}.detail-loading,.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#2c4a72}.detail-spinner{width:48px;height:48px;border:4px solid #d7e4ff;border-top-color:#2a52a7;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.detail-photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.detail-photo-card{background:#f7faff;border-radius:22px;border:1px solid rgba(108,144,206,.25);box-shadow:0 20px 35px #1b356014;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.detail-photo-card:hover{transform:translateY(-6px);box-shadow:0 30px 45px #1b356026}.detail-photo-image{position:relative;height:200px;cursor:pointer}.detail-photo-image img{width:100%;height:100%;object-fit:cover}.detail-photo-status{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:999px;color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 8px 18px #0f172a33}.detail-photo-info{padding:0 18px 18px;color:#274268;font-weight:500;line-height:1.5}.detail-view-btn{margin-top:12px;border:1px solid rgba(41,72,129,.35);background:linear-gradient(135deg,#f7faff,#e2ecff);color:#1b2c4f;padding:10px 14px;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.04em}.detail-view-btn:hover{background:#1b2c4f;color:#fff;box-shadow:0 8px 16px #1b2c4f40}.detail-modal-overlay{position:fixed;inset:0;background:#051023d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.detail-modal{background:#f7faff;border-radius:28px;max-width:90vw;max-height:90vh;position:relative;box-shadow:0 35px 60px #05102366;border:1px solid rgba(104,136,196,.3)}.detail-modal-close{position:absolute;top:16px;right:16px;border:none;background:#2b4a8f;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.25rem}.detail-modal-image-wrapper{padding:32px}.detail-modal-image{max-width:80vw;max-height:70vh;object-fit:contain;border-radius:12px;box-shadow:0 15px 35px #00000040}@media (max-width: 768px){.store-audit-details{padding:20px}.detail-content{padding:24px 20px}.detail-photos-header{flex-direction:column;align-items:flex-start}.detail-filter-select,.detail-download-btn{width:100%}}@media (max-width: 480px){.detail-content{padding:20px 16px;border-radius:24px}.detail-title{font-size:2rem}.detail-photos{padding:20px}}.form-builder{max-width:1200px;margin:0 auto;padding:32px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#fefbf3,#f5f9ff,#f0f4ff);min-height:100vh}.form-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 32px;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:16px;box-shadow:0 8px 24px #2563eb14,0 2px 8px #2563eb0a;border:1px solid rgba(147,197,253,.3)}.form-builder-header h1{font-size:32px;font-weight:700;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.header-actions{display:flex;gap:12px}.header-actions .btn-primary,.header-actions .btn-secondary{min-width:140px;flex:1;max-width:180px;text-align:center;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb40,0 2px 4px #2563eb26;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb59,0 4px 8px #2563eb33}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:linear-gradient(135deg,#fefbf3,#faf5e8);color:#1e40af;padding:12px 24px;border:2px solid rgba(37,99,235,.2);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #2563eb1a}.btn-secondary:hover{background:linear-gradient(135deg,#faf5e8,#f5f0e0);border-color:#2563eb66;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.btn-icon{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;position:relative;z-index:2}.btn-icon:hover{background:#f3f4f6;transform:scale(1.1)}.btn-icon-danger{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:6px;color:#ef4444;transition:all .2s ease}.btn-icon-danger:hover{background:#fee2e2;transform:scale(1.1)}.btn-icon-small{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;color:#6b7280;transition:all .2s ease}.btn-icon-small:hover{background:#f3f4f6;color:#ef4444}.error-banner{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;color:#dc2626;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner button{background:none;border:none;font-size:18px;cursor:pointer;color:#dc2626;padding:0 8px}.error-banner button:hover{color:#991b1b}.forms-list-panel{background:linear-gradient(135deg,#fff,#fefbf3);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 12px 32px #2563eb1a,0 4px 12px #2563eb0d;border:1px solid rgba(147,197,253,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forms-list-panel h3{margin:0 0 20px;font-size:20px;font-weight:700;color:#111827}.loading-indicator{text-align:center;padding:40px;color:#6b7280;font-size:14px}.empty-forms{text-align:center;padding:40px;color:#9ca3af;font-style:italic;font-size:14px}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.form-card{background:linear-gradient(135deg,#fff,#f8fbff);border:2px solid rgba(147,197,253,.3);border-radius:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.form-card:before{display:none}.form-card:hover{box-shadow:0 12px 28px #2563eb26,0 4px 12px #2563eb1a;transform:translateY(-4px);border-color:#2563eb80;background:linear-gradient(135deg,#fff,#f0f9ff)}.form-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.form-card-header h4{margin:0;font-size:16px;font-weight:600;color:#111827;flex:1;line-height:1.4}.brand-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 4px #667eea4d}.form-card-description{color:#6b7280;font-size:14px;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.form-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:12px;border-top:1px solid #e5e7eb;font-size:12px;color:#9ca3af}.status-active{color:#10b981;font-weight:600}.status-inactive{color:#ef4444;font-weight:600}.form-card-actions{display:flex;gap:8px}.btn-small{padding:8px 14px;font-size:13px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex:1;text-align:center}.btn-small.btn-primary{background:#4f46e5;color:#fff}.btn-small.btn-primary:hover{background:#4338ca;box-shadow:0 2px 8px #4f46e54d}.btn-small.btn-secondary{background:#6b7280;color:#fff}.btn-small.btn-secondary:hover{background:#4b5563;box-shadow:0 2px 8px #6b72804d}.btn-small.btn-danger{background:#ef4444;color:#fff}.btn-small.btn-danger:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d}.btn-small:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-builder-content{display:flex;flex-direction:column;gap:20px}.form-header-card{background:linear-gradient(135deg,#fff,#fefbf3);border-radius:16px;padding:32px;box-shadow:0 12px 32px #2563eb1f,0 4px 12px #2563eb14;border:2px solid rgba(37,99,235,.2);position:relative;overflow:hidden}.form-header-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa,#93c5fd)}.form-title-input{width:100%;font-size:24px;font-weight:700;border:none;outline:none;padding:12px 0;margin-bottom:12px;color:#111827;border-bottom:2px solid #e5e7eb;transition:border-color .2s ease}.form-title-input:focus{border-bottom-color:#4f46e5}.form-title-input::placeholder{color:#9ca3af}.form-description-input{width:100%;font-size:14px;border:none;outline:none;padding:12px 0;color:#6b7280;resize:vertical;min-height:60px;font-family:inherit}.form-description-input::placeholder{color:#d1d5db}.current-form-badge{margin-top:20px;padding:12px 20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:10px;font-size:13px;font-weight:700;text-align:center;border:1px solid rgba(37,99,235,.3);box-shadow:0 2px 8px #2563eb1a;letter-spacing:.3px}.section-card{background:linear-gradient(135deg,#fff,#fefbf3);border-radius:16px;padding:28px;box-shadow:0 8px 24px #2563eb14,0 2px 8px #2563eb0a;border:1px solid rgba(147,197,253,.3);transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:24px;position:relative}.section-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#2563eb,#3b82f6);border-radius:16px 0 0 16px;opacity:0;transition:opacity .3s ease}.section-card:hover:after{opacity:1}.section-card:hover{box-shadow:0 12px 32px #2563eb26,0 4px 12px #2563eb1a;transform:translateY(-2px);border-color:#2563eb66}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.section-title-input{flex:1;font-size:18px;font-weight:600;border:none;outline:none;padding:12px 16px;color:#1e40af;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;border:2px solid rgba(37,99,235,.2);transition:all .3s ease}.section-title-input:focus{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a,0 4px 12px #2563eb26}.section-title-input::placeholder{color:#9ca3af}.field-card{background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid rgba(147,197,253,.25);border-radius:12px;padding:20px;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.field-card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#2563eb1a,#3b82f60d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.field-card:hover:before{opacity:1}.field-card:hover{background:linear-gradient(135deg,#fff,#f0f9ff);box-shadow:0 8px 20px #2563eb1f,0 2px 8px #2563eb14;transform:translateY(-2px);border-color:#2563eb59}.field-header{display:flex;gap:12px;margin-bottom:12px}.field-label-input{flex:1;font-size:15px;font-weight:500;border:none;outline:none;padding:10px 12px;color:#111827;background:#fff;border-radius:6px;border:1px solid #d1d5db;transition:all .2s ease}.field-label-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,0 2px 8px #2563eb1a;background:#fff}.field-label-input::placeholder{color:#9ca3af}.field-type-select{font-size:14px;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;outline:none;transition:all .2s ease;min-width:180px}.field-type-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,0 2px 8px #2563eb1a;background:#fff}.field-options{margin-bottom:12px}.field-placeholder-input,.field-size-input,.field-max-images-input{width:100%;font-size:14px;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;outline:none;transition:all .2s ease;margin-bottom:8px}.field-placeholder-input:focus,.field-size-input:focus,.field-max-images-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,0 2px 8px #2563eb1a;background:#fff}.field-option-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.field-help-text{font-size:12px;color:#1e40af;margin:8px 0 0;padding:10px 14px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #2563eb;border-radius:6px;line-height:1.6;font-weight:500;box-shadow:0 2px 4px #2563eb1a}.options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.option-item{display:flex;gap:8px;align-items:center}.option-input{flex:1;font-size:14px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;outline:none;transition:all .2s ease}.option-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,0 2px 8px #2563eb1a;background:#fff}.btn-add-option{width:100%;padding:12px;background:linear-gradient(135deg,#fefbf3,#f8fbff);border:1px dashed rgba(37,99,235,.4);border-radius:8px;color:#2563eb;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-option:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#2563eb;border-style:solid;color:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.field-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid #e5e7eb}.field-required{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.field-required input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.field-demo-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.field-demo-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.demo-image-uploader{margin-top:12px;padding:6px 10px;border:1px dashed #cbd5f5;border-radius:6px;background:#f8fbff;display:flex;flex-direction:column;gap:6px;width:100%}.demo-upload-label{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;border:1px solid #93c5fd;background:#fff;color:#1d4ed8;font-weight:600;cursor:pointer;gap:8px}.demo-upload-label input{display:none}.create-form-demo-image-preview{width:100%;height:90px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.create-form-demo-image-preview img{flex-shrink:0}.create-form-demo-image-preview img,.create-form-demo-image-clickable{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;min-width:80px;min-height:80px;object-fit:cover;border-radius:8px;border:1px solid #cbd5f5;background:#e0f2fe;cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0}.create-form-demo-image-preview img:hover,.create-form-demo-image-clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.demo-image-meta{display:flex;flex-direction:column;gap:4px}.demo-image-name{font-size:12px;font-weight:600;color:#1f2937}.demo-image-error{color:#dc2626;font-size:13px;margin:0}.btn-link{border:none;background:none;padding:0;font-size:13px;color:#2563eb;cursor:pointer;text-decoration:underline}.field-action-buttons{display:flex;gap:8px;position:relative;z-index:1}.btn-add-section,.btn-add-field{width:100%;padding:18px;background:linear-gradient(135deg,#fefbf3,#f8fbff);border:2px dashed rgba(37,99,235,.3);border-radius:14px;color:#2563eb;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.btn-add-section:before,.btn-add-field:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#2563eb1a;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-add-section:hover:before,.btn-add-field:hover:before{width:300px;height:300px}.btn-add-section:hover,.btn-add-field:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#2563eb;border-style:solid;color:#1e40af;transform:translateY(-3px);box-shadow:0 8px 20px #2563eb33,0 4px 12px #2563eb26}.btn-add-field{padding:12px;font-size:14px}.form-preview{background:linear-gradient(135deg,#fff,#fefbf3);border-radius:16px;padding:48px;box-shadow:0 12px 32px #2563eb1f,0 4px 12px #2563eb14;max-width:800px;margin:0 auto;border:1px solid rgba(147,197,253,.3)}.preview-header{margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.preview-header h2{font-size:32px;font-weight:700;color:#111827;margin:0 0 12px}.preview-header p{font-size:16px;color:#6b7280;margin:0;line-height:1.6}.preview-section{margin-bottom:32px}.preview-section h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.preview-field{margin-bottom:24px}.preview-label{display:block;font-size:15px;font-weight:500;color:#374151;margin-bottom:8px}.required-star{color:#ef4444;margin-left:4px}.preview-demo-image{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.preview-demo-image img{max-width:240px;max-height:180px;width:auto;height:auto;border-radius:10px;border:1px solid #cbd5f5;background:#f0f9ff;object-fit:cover;cursor:pointer;transition:transform .2s,box-shadow .2s}.preview-demo-image img:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.preview-demo-caption{font-size:12px;color:#64748b;font-weight:600}.preview-input,.preview-textarea,.preview-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#f9fafb;font-family:inherit}.preview-textarea{min-height:100px;resize:vertical}.preview-options{display:flex;flex-direction:column;gap:12px}.preview-option{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease}.preview-option:hover{background:#f3f4f6}.preview-option input[type=radio],.preview-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4f46e5}.preview-file{padding:20px;border:2px dashed #d1d5db;border-radius:8px;text-align:center;background:#f9fafb}.preview-file-btn{padding:10px 20px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.preview-image-capture{padding:24px;border:2px dashed #d1d5db;border-radius:12px;background:linear-gradient(135deg,#f0f9ff,#f9fafb)}.preview-camera-box{text-align:center;padding:20px;background:#fff;border-radius:8px;border:2px solid #e5e7eb;transition:all .3s ease}.preview-camera-box:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.camera-icon{font-size:48px;display:block;margin-bottom:12px;animation:pulse 2s ease-in-out infinite}.preview-camera-box p{margin:0 0 8px;font-size:15px;font-weight:600;color:#374151}.image-count-info{display:inline-block;font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:12px;font-weight:500}.preview-table{padding:40px;border:1px solid #d1d5db;border-radius:8px;text-align:center;background:#f9fafb;color:#9ca3af}.preview-empty{text-align:center;padding:60px 20px;color:#9ca3af;font-size:16px}@media (max-width: 768px){.form-builder{padding:12px}.form-builder-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;flex-wrap:wrap}.header-actions .btn-primary,.header-actions .btn-secondary{flex:1;min-width:120px;max-width:none}.forms-grid{grid-template-columns:1fr}.field-header{flex-direction:column}.field-type-select{width:100%}.form-preview{padding:24px 16px}.preview-header h2{font-size:24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-card,.field-card{animation:fadeIn .3s ease}.forms-list-panel .form-card{animation:none}.spinner{width:40px;height:40px;margin:0 auto 16px;border:4px solid #f3f4f6;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.form-builder-content::-webkit-scrollbar,.forms-list-panel::-webkit-scrollbar{width:8px}.form-builder-content::-webkit-scrollbar-track,.forms-list-panel::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.form-builder-content::-webkit-scrollbar-thumb,.forms-list-panel::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.form-builder-content::-webkit-scrollbar-thumb:hover,.forms-list-panel::-webkit-scrollbar-thumb:hover{background:#9ca3af}.main-form-selector{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.mfs-loading{text-align:center;padding:60px 20px;color:#374151}.mfs-spinner{width:48px;height:48px;margin:0 auto 16px;border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:mfs-spin .8s linear infinite}@keyframes mfs-spin{to{transform:rotate(360deg)}}.mfs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.mfs-title-section{flex:1}.mfs-title{font-size:32px;font-weight:800;color:#111827;margin:0 0 8px}.mfs-subtitle{font-size:16px;color:#6b7280;margin:0}.mfs-message{padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:15px;font-weight:600;animation:mfs-slideIn .3s ease}@keyframes mfs-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mfs-success{background:#d1fae5;color:#065f46;border:2px solid #34d399}.mfs-error{background:#fee2e2;color:#991b1b;border:2px solid #fca5a5}.mfs-current-form{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:4px;margin-bottom:40px;animation:mfs-slideIn .4s ease}.mfs-current-badge{background:#ffffff4d;color:#fff;padding:8px 16px;border-radius:12px 12px 0 0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mfs-current-content{background:#fff;padding:32px;border-radius:0 0 12px 12px;display:flex;align-items:center;gap:24px}.mfs-current-icon{font-size:48px;flex-shrink:0}.mfs-current-info{flex:1}.mfs-current-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.mfs-current-desc{font-size:15px;color:#6b7280;margin:0 0 12px;line-height:1.5}.mfs-current-brand{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.mfs-current-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px}.mfs-meta-item{font-size:13px;color:#6b7280;font-weight:500}.mfs-btn-remove{padding:12px 24px;background:#fee2e2;color:#dc2626;border:2px solid #fca5a5;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.mfs-btn-remove:hover:not(:disabled){background:#fecaca;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.mfs-btn-remove:disabled{opacity:.5;cursor:not-allowed}.mfs-available-section{margin-bottom:40px}.mfs-section-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 24px}.mfs-empty-state{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;border:2px dashed #d1d5db}.mfs-empty-icon{font-size:64px;margin-bottom:16px}.mfs-empty-state h4{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.mfs-empty-state p{font-size:15px;color:#6b7280;margin:0}.mfs-forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.mfs-form-card{background:#fff;border-radius:16px;padding:28px;border:2px solid #e5e7eb;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.mfs-form-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#d1d5db}.mfs-form-card.selected{border-color:#4f46e5;background:linear-gradient(to bottom,#ede9fe,#fff);box-shadow:0 4px 16px #4f46e526}.mfs-selected-badge{position:absolute;top:-12px;right:20px;background:#10b981;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d}.mfs-card-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 12px}.mfs-card-desc{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.6;flex:1}.mfs-card-brand{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.mfs-card-meta{margin-bottom:20px;padding-top:12px;border-top:1px solid #e5e7eb}.mfs-card-date{font-size:13px;color:#9ca3af;font-weight:500}.mfs-btn-select{width:100%;padding:14px 20px;border:2px solid #4f46e5;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#fff;color:#4f46e5}.mfs-btn-select:hover:not(:disabled){background:#4f46e5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.mfs-btn-select.active{background:#4f46e5;color:#fff;cursor:default;opacity:.8}.mfs-btn-select.active:hover{transform:none;box-shadow:none}.mfs-btn-select:disabled{opacity:.5;cursor:not-allowed}.mfs-info-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:24px;display:flex;gap:20px;border:2px solid #fbbf24}.mfs-info-icon{font-size:32px;flex-shrink:0}.mfs-info-content{flex:1}.mfs-info-content strong{display:block;font-size:16px;color:#92400e;margin-bottom:8px}.mfs-info-content p{font-size:14px;color:#78350f;margin:0;line-height:1.6}@media (max-width: 768px){.main-form-selector{padding:24px 16px}.mfs-title{font-size:24px}.mfs-subtitle{font-size:14px}.mfs-current-content{flex-direction:column;text-align:center;padding:24px}.mfs-current-icon{font-size:40px}.mfs-current-meta{justify-content:center}.mfs-btn-remove{width:100%}.mfs-forms-grid{grid-template-columns:1fr}.mfs-info-box{flex-direction:column;text-align:center}}@media (max-width: 480px){.main-form-selector{padding:20px 12px}.mfs-title{font-size:20px}.mfs-current-content{padding:20px}.mfs-card-title{font-size:18px}.mfs-form-card{padding:20px}}.demo-form-container{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.demo-loading{text-align:center;color:#374151}.spinner-large{width:60px;height:60px;margin:0 auto 20px;border:5px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.demo-error{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;max-width:500px}.error-icon{font-size:64px;display:block;margin-bottom:20px}.demo-error h2{font-size:28px;color:#111827;margin:0 0 12px}.demo-error p{font-size:16px;color:#6b7280;margin:0 0 32px}.btn-retry{background:#4f46e5;color:#fff;padding:12px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.demo-welcome{text-align:center;max-width:1200px;width:100%}.settings-page{max-width:1400px;width:100%;animation:slideIn .4s ease}.btn-back-to-home{background:#f3f4f6;color:#374151;padding:12px 24px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px;display:inline-flex;align-items:center;gap:8px}.btn-back-to-home:hover{background:#e5e7eb;border-color:#d1d5db;transform:translate(-4px)}.btn-main-form-settings{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:40px;box-shadow:0 4px 12px #667eea4d;display:inline-flex;align-items:center;gap:8px}.btn-main-form-settings:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.welcome-title{font-size:48px;font-weight:800;color:#1752cf;margin:0 0 16px 3px}.welcome-subtitle{font-size:20px;color:#4f638b;margin:0 0 48px}.no-forms{background:#fff;border-radius:16px;padding:60px 40px;color:#6b7280;font-size:18px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.forms-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:40px}.form-selection-card{background:#f0fdf4;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000001a;border:1px solid #bbf7d0;transition:all .3s ease;text-align:left}.form-selection-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#86efac}.form-selection-card h3{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px}.form-selection-card p{font-size:15px;color:#6b7280;margin:0 0 20px;line-height:1.6}.form-brand{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.btn-start-form{width:100%;background:#10b981;color:#fff;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-start-form:hover{background:#059669;transform:translate(4px)}.demo-form-card{background:#f0fdf4;border-radius:16px;padding:48px;max-width:800px;width:100%;box-shadow:0 2px 8px #0000001a;border:1px solid #bbf7d0;animation:slideIn .4s ease;position:relative}.btn-close-form{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#fee2e2;border:2px solid #fecaca;color:#dc2626;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.btn-close-form:hover{background:#fecaca;border-color:#dc2626;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #dc26264d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.form-title{font-size:24px;font-weight:700;color:#111827;margin:0}.question-counter{background:#f3f4f6;color:#6b7280;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.section-badge{display:inline-block;background:#f3f4f6;color:#4f46e5;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:32px;border:2px solid #e5e7eb}.question-container{margin-bottom:32px}.demo-reference-media{margin-bottom:28px;padding:18px;border:2px dashed #c7d2fe;border-radius:16px;background:#c7d2fe33}.reference-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4338ca;margin-bottom:12px}.reference-image-wrapper{position:relative;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #e0e7ff}.reference-image-wrapper img{width:100%;display:block;object-fit:cover;max-height:320px}.reference-image-fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-weight:600;color:#4338ca;background:#ffffffe6}.reference-image-wrapper.reference-image-error{border-style:dashed;background:#fee2e266}.reference-image-wrapper.reference-image-error .reference-image-fallback{display:flex}.reference-meta{margin-top:10px;font-size:14px;color:#4f46e5;font-weight:600}.demo-feedback{margin-top:20px;margin-bottom:28px;border-radius:16px;overflow:hidden;border:2px solid #bae6fd;background:#f0f9ff}.demo-feedback-header{background:#e0f2fe;padding:12px 18px;border-bottom:1px solid #bae6fd}.demo-feedback-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1e40af}.demo-feedback-content{padding:18px;background:#f8fafc}.demo-feedback-text{margin:0;font-size:15px;color:#1e40af;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.demo-feedback-placeholder{margin:0;font-size:14px;color:#64748b;font-style:italic;line-height:1.6}.question-text{font-size:28px;font-weight:700;color:#111827;line-height:1.4;margin:0}.required-star{color:#ef4444;margin-left:8px}.input-container{margin-bottom:40px}.demo-input,.demo-textarea,.demo-select{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:18px;color:#111827;background:#fff;font-family:inherit;transition:all .3s ease}.demo-input:focus,.demo-textarea:focus,.demo-select:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px #4f46e51a}.demo-textarea{min-height:150px;resize:vertical}.demo-options{display:flex;flex-direction:column;gap:12px}.demo-option-btn{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left;font-size:16px;position:relative}.demo-option-btn:hover{border-color:#4f46e5;background:#f9fafb;transform:translate(4px);box-shadow:0 2px 8px #4f46e51a}.demo-option-btn.selected{border-color:#4f46e5;background:#ede9fe;box-shadow:0 2px 8px #4f46e526}.option-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-weight:700;color:#6b7280;font-size:16px;flex-shrink:0;transition:all .3s ease}.demo-option-btn.selected .option-letter{background:#4f46e5;color:#fff;border-color:#4f46e5}.option-text{flex:1;color:#111827;font-weight:500}.checkmark{position:absolute;right:20px;font-size:24px;color:#10b981}.demo-file-upload{text-align:center;padding:40px;border:3px dashed #d1d5db;border-radius:16px;background:#fff;transition:all .3s ease}.demo-file-upload:hover{border-color:#4f46e5;background:#f9fafb}.file-upload-label{cursor:pointer}.file-input-hidden{display:none}.file-upload-btn{display:inline-block;padding:16px 32px;background:#4f46e5;color:#fff;border-radius:10px;font-size:16px;font-weight:600;transition:all .3s ease}.file-upload-btn:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.file-selected{margin-top:16px;color:#10b981;font-weight:600}.image-field-prompt{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;border:2px dashed #3b82f6;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-prompt-icon{font-size:80px;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.image-prompt-text{font-size:20px;font-weight:700;color:#1e40af;margin:0 0 8px}.image-prompt-subtext{font-size:16px;color:#6b7280;margin:0}.progress-section{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;padding:24px;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb}.progress-item{display:flex;flex-direction:column;gap:8px}.progress-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#374151}.progress-percentage{color:#4f46e5}.progress-bar{height:12px;background:#e5e7eb;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:10px;transition:width .5s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.section-progress{background:linear-gradient(90deg,#10b981,#34d399)}.form-progress{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.navigation-buttons{display:flex;gap:16px}.btn-nav{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-previous{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-previous:hover:not(:disabled){background:#e5e7eb;transform:translate(-4px)}.btn-previous:disabled{opacity:.4;cursor:not-allowed}.btn-next{background:#4f46e5;color:#fff;box-shadow:0 2px 8px #4f46e540}.btn-next:hover{background:#4338ca;transform:translate(4px);box-shadow:0 4px 12px #4f46e54d}.demo-results{background:#f0fdf4;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 2px 8px #0000001a;border:1px solid #bbf7d0;max-width:600px;animation:slideIn .4s ease}.results-icon{font-size:80px;margin-bottom:24px;animation:bounceBig 1s ease}@keyframes bounceBig{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.demo-results h1{font-size:36px;font-weight:800;color:#111827;margin:0 0 16px}.demo-results>p{font-size:18px;color:#6b7280;margin:0 0 40px}.results-summary{display:flex;gap:24px;justify-content:center;margin-bottom:40px}.summary-item{display:flex;flex-direction:column;gap:8px;padding:24px;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb;min-width:150px}.summary-label{font-size:14px;color:#6b7280;font-weight:600}.summary-value{font-size:32px;font-weight:800;color:#4f46e5}.btn-restart{background:#4f46e5;color:#fff;padding:16px 40px;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4f46e540}.btn-restart:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}@media (max-width: 768px){.demo-form-card{padding:32px 24px;border-radius:16px}.btn-close-form{top:12px;right:12px;width:36px;height:36px;font-size:18px}.welcome-title{font-size:32px}.welcome-subtitle{font-size:16px}.forms-selection-grid{grid-template-columns:1fr}.demo-header{flex-direction:column;align-items:flex-start;gap:12px}.question-text{font-size:22px}.demo-input,.demo-textarea,.demo-select{font-size:16px}.navigation-buttons,.results-summary{flex-direction:column}.summary-item{width:100%}.image-prompt-icon{font-size:60px}}@media (max-width: 480px){.demo-form-container{padding:12px}.demo-form-card{padding:24px 16px}.btn-close-form{top:8px;right:8px}.form-title{font-size:18px}.question-text{font-size:20px}.image-field-prompt{padding:40px 20px}.btn-main-form-settings{padding:12px 24px;font-size:14px}.btn-back-to-home{padding:10px 20px;font-size:14px}}.dashboard-layout{display:flex;height:100vh;background-color:#f3f4f6;overflow:hidden}.dashboard-main-content{flex:1;overflow-y:auto;height:100vh;background-color:#f3f4f6;margin-left:282px}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.dashboard-main-content{height:auto;min-height:calc(100vh - 72px);padding-bottom:16px;margin-left:0;margin-top:72px}}.dashboard-main-content::-webkit-scrollbar{width:8px}.dashboard-main-content::-webkit-scrollbar-track{background:#f1f5f9}.dashboard-main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dashboard-main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.create-role-page{position:relative;min-height:100vh;background:radial-gradient(circle at top,#fdf7ec,#f4f8ff 45%,#eef2ff);padding:3rem clamp(1.25rem,4vw,3.5rem) 1.5rem clamp(1.25rem,4vw,3.5rem);overflow:hidden}.create-role-ornament{position:absolute;filter:blur(40px);opacity:.5;z-index:0}.create-role-ornament-one{width:320px;height:320px;top:-60px;right:10%;background:#3b82f659}.create-role-ornament-two{width:280px;height:280px;bottom:-80px;left:15%;background:#facc1559}.create-role-container{position:relative;z-index:2;max-width:1200px;margin:0 auto}.create-role-banner{background:linear-gradient(120deg,#fafaf8f2,#e0f2fef2);border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:clamp(1.75rem,3vw,2.5rem);display:flex;gap:2rem;align-items:center;box-shadow:0 8px 20px #00000014;position:relative;overflow:hidden}.create-role-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(59,130,246,.15),transparent 55%);pointer-events:none}.banner-text{flex:1;position:relative;z-index:1}.banner-eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.2rem;color:#2563eb;font-weight:700;margin:0 0 .5rem}.banner-text h1{margin:0 0 .75rem;font-size:clamp(1.8rem,3vw,2.35rem);color:#0f172a;font-weight:700}.banner-text h1 span{color:#2563eb}.banner-text p{margin:0 0 1.25rem;color:#475569;max-width:520px;font-size:1rem}.banner-stats{display:flex;flex-wrap:wrap;gap:1rem}.banner-stat{background:#fff;border-radius:16px;padding:.85rem 1.2rem;border:1px solid rgba(148,163,184,.4);min-width:150px}.banner-stat span{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.banner-stat strong{font-size:1.05rem;color:#1f2937}.banner-progress{width:220px;text-align:center;position:relative;z-index:1}.progress-ring{width:150px;height:150px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:6px}.progress-ring-inner{background:#fff;width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;color:#1e293b}.progress-ring-inner strong{font-size:1.35rem}.progress-ring-inner span{font-size:.85rem;color:#475569}.progress-caption{margin-top:.75rem;color:#475569;font-weight:600}.create-role-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,.95fr);gap:2rem;margin-top:1.5rem}@media (max-width: 1024px){.create-role-layout{grid-template-columns:1fr}.role-insights-panel{order:-1}}.create-role-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #00000014;padding:clamp(1.25rem,2vw,1.75rem) clamp(1.25rem,2vw,1.75rem) clamp(1rem,1.5vw,1.25rem) clamp(1.25rem,2vw,1.75rem);animation:slideUp .4s ease-out;border:1px solid rgba(148,163,184,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.create-role-header{text-align:center;margin-bottom:.75rem;padding-bottom:.5rem}.create-role-header h1{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.create-role-header p{color:#6b7280;font-size:.95rem;margin:0}.success-alert,.error-alert{padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem;animation:fadeIn .3s ease-in}.success-alert{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.error-alert{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-icon{width:20px;height:20px;flex-shrink:0}.role-insights-panel{background:#ffffffe6;border-radius:16px;padding:1.75rem;border:1px solid rgba(148,163,184,.3);box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;gap:1.5rem}.insights-progress{background:linear-gradient(135deg,#fdf6ec,#e0f2fe);border-radius:16px;padding:1.3rem;border:1px solid rgba(148,163,184,.4)}.insights-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;color:#0f172a;font-weight:600}.insights-progress-header p{margin:0;color:#475569;font-size:.95rem}.viewer-progress-bar{width:100%;height:10px;border-radius:999px;background:#e2e8f0b3;overflow:hidden}.viewer-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .3s ease}.viewer-progress-note{display:block;margin-top:.5rem;font-size:.85rem;color:#475569}.highlight-grid{display:flex;flex-direction:column;gap:.85rem}.highlight-card{display:flex;gap:.85rem;padding:1rem;border-radius:16px;align-items:center;border:1px solid rgba(148,163,184,.3);background:#fff}.highlight-card.accent-blue{background:#3b82f614;border-color:#2563eb33}.highlight-card.accent-cream{background:#facc1514;border-color:#f59e0b33}.highlight-card.accent-indigo{background:#6366f114;border-color:#4f46e533}.highlight-icon{font-size:1.5rem}.highlight-title{margin:0;font-weight:700;color:#0f172a}.highlight-description{margin:.2rem 0 0;color:#475569;font-size:.9rem}.journey-card,.tips-card{background:#f8fafc;border-radius:16px;padding:1.25rem;border:1px solid rgba(148,163,184,.35)}.journey-card h4,.tips-card h4{margin:0 0 .75rem;color:#0f172a;font-size:1rem}.journey-card ul,.tips-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.journey-step{display:flex;gap:.65rem;align-items:center;color:#475569}.journey-step.done .step-label{color:#16a34a}.step-icon{font-size:.85rem;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);display:flex;align-items:center;justify-content:center;color:#475569}.journey-step.done .step-icon{background:#dcfce7;border-color:#22c55e;color:#15803d}.step-label{margin:0;font-weight:600;color:#0f172a}.step-detail{margin:0;font-size:.85rem;color:#64748b}.tips-card li{display:flex;gap:.5rem;color:#475569;font-size:.9rem}.tips-card li span{color:#2563eb;font-weight:700}.form-section{margin-bottom:3rem}.form-section:last-of-type{margin-bottom:0}.section-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .625rem;padding-bottom:.25rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group .role-select{width:100%;padding:.75rem 1rem;border:none;border-radius:12px;font-size:1rem;transition:all .2s ease;background-color:#fff9f4;color:#111827;font-family:inherit;line-height:1.4;box-shadow:inset 0 0 0 1px #94a3b833}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input[type=text],.password-input-wrapper input[type=password]{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease;z-index:1}.password-toggle:hover{color:#2563eb}.password-toggle:focus{outline:none;color:#2563eb}.password-toggle svg{pointer-events:none}.form-group input:focus,.form-group .role-select:focus{outline:none;box-shadow:inset 0 0 0 1px #3b82f659,0 0 0 3px #3b82f61f;background-color:#fffdf9}.form-group input::placeholder{color:#9ca3af}.form-group input.error{box-shadow:inset 0 0 0 1px #ef444499;background-color:#fff4f4}.error-text{display:block;color:#dc2626;font-size:.85rem;margin-top:.375rem;font-weight:500}.help-text{color:#6b7280;font-size:.85rem;margin-top:.375rem;font-style:normal;line-height:1.4}.role-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.role-select option{padding:.5rem;background-color:#fff;color:#111827}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.875rem;padding:1rem;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.permission-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.875rem;border-radius:8px;transition:all .2s ease;background-color:#fff;border:2px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.permission-checkbox:hover{background-color:#f9fafb;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a;transform:scale(1.015)}.permission-checkbox.checked{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f626}.permission-checkbox.checked span{color:#3b82f6;font-weight:600}.permission-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;border-radius:4px;flex-shrink:0;-webkit-appearance:none;appearance:none;border:2px solid #d1d5db;background-color:#fff;position:relative;transition:all .2s ease}.permission-checkbox input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.permission-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px;height:10px;border:solid white;border-width:0 2px 2px 0}.permission-checkbox span{font-size:.9rem;color:#374151;-webkit-user-select:none;user-select:none;font-weight:500;flex:1}.form-actions{display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem;margin-bottom:0;padding-bottom:0}.btn-primary,.btn-secondary{flex:1;padding:.875rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.btn-primary{background-color:#3b82f6;color:#fff;box-shadow:0 1px 3px #0000001a}.btn-primary:hover:not(:disabled){background-color:#2563eb;box-shadow:0 2px 5px #00000026}.btn-primary:active:not(:disabled){background-color:#1d4ed8;transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#e5e7eb;border-color:#9ca3af}.btn-secondary:active{background-color:#d1d5db;transform:scale(.98)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.create-role-page{padding:2rem 1rem}.create-role-banner{flex-direction:column;text-align:center}.banner-stats{justify-content:center}.banner-progress{width:100%}.create-role-layout{grid-template-columns:1fr}.role-insights-panel{order:-1}.create-role-card{padding:1.5rem}.create-role-header h1{font-size:1.5rem}.permissions-grid{grid-template-columns:1fr;gap:.75rem;padding:1rem}.permission-checkbox{padding:.875rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width: 480px){.create-role-page{padding:1rem}.create-role-card,.role-insights-panel{padding:1.25rem}.banner-text h1{font-size:1.5rem}.banner-stats{flex-direction:column}.section-title{font-size:1rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group .role-select{font-size:.95rem}.password-input-wrapper input[type=text],.password-input-wrapper input[type=password]{padding-right:2.5rem}.password-toggle{right:.5rem;padding:.4rem}.password-toggle svg{width:20px;height:20px}}.upload-data{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-in-out}.upload-data-header{margin-bottom:2rem}.upload-data-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.upload-data-header p{font-size:1rem;color:var(--text-secondary)}.upload-data-content{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8fafc}.upload-area:hover{border-color:var(--accent-color);background:#f0f9ff}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.upload-label svg{color:var(--accent-color)}.upload-text{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0}.upload-hint{font-size:.875rem;color:var(--text-secondary);margin:0}.selected-file-info{margin-top:1.5rem;padding:1rem;background:#f0f9ff;border-radius:8px;border:1px solid #bfdbfe}.file-details{display:flex;align-items:center;gap:1rem}.file-details svg{color:var(--accent-color);flex-shrink:0}.file-name{font-weight:500;color:var(--text-primary);margin:0}.file-size{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.remove-file-btn{margin-left:auto;background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.remove-file-btn:hover{background:#fee2e2;color:#dc2626}.upload-actions{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.preview-btn,.upload-btn{background:var(--accent-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.preview-btn:hover:not(:disabled),.upload-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.preview-btn:disabled,.upload-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.preview-btn{background:#10b981}.preview-btn:hover:not(:disabled){background:#059669}.mapping-section{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border-left:4px solid var(--accent-color)}.mapping-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.mapping-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.mapping-item{display:flex;flex-direction:column;gap:.5rem}.mapping-item label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.required{color:#dc2626}.mapping-select{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mapping-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f633}.mapping-select-error{border-color:#dc2626!important;background:#fef2f2!important}.mapping-select-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262633!important}.preview-table-section{margin-top:2rem}.preview-table-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.preview-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px;max-height:400px;overflow-y:auto}.preview-table{width:100%;border-collapse:collapse;background:#fff;font-size:.875rem}.preview-table thead{position:sticky;top:0;background:#f1f5f9;z-index:1}.preview-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap}.preview-table td{padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-table tbody tr:hover{background:#f8fafc}.preview-note{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0 0;font-style:italic}.upload-instructions{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border-left:4px solid var(--accent-color)}.upload-instructions h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.upload-instructions ol{margin:1rem 0;padding-left:1.5rem}.upload-instructions li{color:var(--text-secondary);margin:.5rem 0;line-height:1.6}.instruction-note{font-size:.875rem;font-style:italic;color:var(--text-secondary);margin-top:1rem}.error-message{margin-top:1rem;padding:1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b}.upload-result{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.result-header{text-align:center;margin-bottom:2rem}.result-header svg{color:#10b981;margin-bottom:1rem}.result-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:8px;background:#f8fafc}.stat-card.success{border-left:4px solid #10b981}.stat-card.warning{border-left:4px solid #f59e0b}.stat-card.info{border-left:4px solid var(--accent-color)}.stat-icon{font-size:2rem;line-height:1}.stat-content{flex:1}.stat-label{font-size:.875rem;color:var(--text-secondary);margin:0}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:.25rem 0 0}.result-errors{margin-bottom:2rem}.result-errors h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.errors-note{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.errors-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:1rem;background:#fef2f2}.error-item{padding:.5rem;margin-bottom:.5rem;background:#fff;border-radius:4px;border-left:3px solid #ef4444;color:#991b1b;font-size:.875rem}.error-item:last-child{margin-bottom:0}.result-actions{display:flex;justify-content:center}@media (max-width: 768px){.upload-data{padding:1rem}.result-stats,.mapping-grid{grid-template-columns:1fr}}*{box-sizing:border-box;font-family:Inter,sans-serif}:root{--sidebar-width: 280px;--sidebar-collapsed-width: 80px;--bg-color: #f0f9ff;--card-bg: #ffffff;--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #3b82f6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.create-audit{margin-left:0;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);background-size:200% 200%;animation:gradientShift 15s ease infinite;min-height:100vh;color:var(--text-primary);transition:margin-left .3s ease}.create-audit-header{margin-bottom:48px;text-align:center;animation:fadeIn .6s ease-out}.create-audit-header h1{font-size:3rem;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;letter-spacing:-1px}.create-audit-header p{color:var(--text-secondary);font-size:1.15rem;margin:0;font-weight:500}.create-audit-form{background:#fff;padding:48px;border-radius:24px;border:2px solid rgba(59,130,246,.1);box-shadow:0 10px 40px #00000014;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.create-audit-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.error-message{padding:16px 24px;border-radius:16px;margin-bottom:32px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;color:#991b1b;font-weight:600;animation:fadeIn .4s ease-out;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #ef444433}.error-message:before{content:"⚠️";font-size:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:36px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.span-2{grid-column:span 2}.form-group.span-3{grid-column:span 3}.form-group label{font-weight:400;color:var(--text-primary);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.form-group label:before{display:none}.create-audit-input{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:2px solid var(--border-color)!important;border-radius:14px;color:var(--text-primary)!important;padding:16px 20px;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-text-fill-color:var(--text-primary)!important;width:100%;box-sizing:border-box}.create-audit-input:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f633;background:#fff!important;transform:none}.create-audit-input:hover:not(:focus):not(:disabled){border-color:#cbd5e1!important;background:#fff!important}.create-audit-input::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}.create-audit-input:disabled{opacity:.6;cursor:not-allowed}.field-hint{font-size:.75rem;color:var(--text-secondary);margin-top:-8px;font-style:italic}.validation-error{font-size:.75rem;color:#dc2626;margin-top:-8px;display:block;font-weight:500}.input-error{border-color:#dc2626!important;background:#fef2f2!important}.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262633!important}.create-audit-input:-webkit-autofill,.create-audit-input:-webkit-autofill:hover,.create-audit-input:-webkit-autofill:focus,.create-audit-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f8fafc inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.form-actions{display:flex;justify-content:center;gap:16px;padding-top:0;margin-top:0}.form-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;padding:16px 48px;border-radius:14px;cursor:pointer;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #3b82f64d;position:relative;overflow:hidden}.form-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.form-button:hover:before{left:100%}.form-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 12px 28px #3b82f666}.form-button:active:not(:disabled){transform:translateY(-1px)}.form-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #3b82f633}.form-button:disabled:before{display:none}.form-button.loading{pointer-events:none}.form-button.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.success-message{background:#fff;padding:64px 48px;border-radius:24px;border:2px solid rgba(16,185,129,.2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:600px;margin:0 auto;box-shadow:0 10px 40px #10b98126;animation:scaleIn .6s ease-out;position:relative;overflow:hidden}.success-message:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#047857)}.success-message svg{width:80px;height:80px;color:#10b981;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}.success-message svg path,.success-message svg polyline{stroke-dasharray:100;stroke-dashoffset:100;animation:checkmark .8s ease-out forwards}.success-message h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-message p{font-size:1.1rem;color:var(--text-secondary);margin:0;font-weight:500}.success-message .form-button{margin-top:12px;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px #10b9814d}.success-message .form-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 12px 28px #10b98166}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.form-group:focus-within label{color:#3b82f6}@media (max-width: 1200px){.create-audit{padding:24px}.create-audit-form{padding:40px}}@media (max-width: 1024px){.create-audit{padding:20px}.create-audit-header h1{font-size:2.5rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px}.form-group.span-3{grid-column:span 2}.create-audit-form{padding:36px}}@media (max-width: 768px){.create-audit{margin-left:0;padding:88px 16px 16px}.create-audit-header{margin-bottom:32px}.create-audit-header h1{font-size:2rem}.create-audit-header p{font-size:1rem}.create-audit-form{padding:32px 24px;border-radius:20px}.form-grid{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.form-group.span-2,.form-group.span-3{grid-column:span 1}.form-group label{font-size:.9rem}.create-audit-input{padding:14px 18px;font-size:.95rem}.form-actions{flex-direction:column}.form-button{width:100%;padding:16px 32px;font-size:1rem}.success-message{padding:48px 32px;border-radius:20px}.success-message svg{width:64px;height:64px}.success-message h2{font-size:1.75rem}.success-message p{font-size:1rem}.success-message .form-button{width:100%}}@media (max-width: 480px){.create-audit{padding:12px}.create-audit-header h1{font-size:1.75rem}.create-audit-header p{font-size:.95rem}.create-audit-form{padding:24px 20px;border-radius:16px}.form-grid{gap:16px;margin-bottom:24px}.form-group{gap:10px}.form-group label{font-size:.85rem}.form-group label:before{width:3px;height:14px}.create-audit-input{padding:12px 16px;font-size:.9rem;border-radius:12px}.form-button{padding:14px 28px;font-size:.95rem;border-radius:12px}.success-message{padding:40px 24px;gap:20px}.success-message svg{width:56px;height:56px}.success-message h2{font-size:1.5rem}.success-message p{font-size:.95rem}.error-message{padding:14px 20px;font-size:.9rem}.error-message:before{font-size:1.25rem}}.uploaded-image-preview{display:flex;gap:10px;align-items:center;padding:8px;background:linear-gradient(135deg,#fff,#f0f9ff);border:2px solid #bfdbfe;border-radius:10px;margin-top:6px;box-shadow:0 2px 10px #3b82f61a;transition:all .3s ease}.uploaded-image-preview:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633;transform:translateY(-2px)}.uploaded-image-wrapper{position:relative;display:inline-block}.uploaded-image-wrapper img{width:75px;height:75px;object-fit:cover;border-radius:10px;border:2px solid #bfdbfe;background:#e0f2fe;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f626}.uploaded-image-wrapper img:hover{transform:scale(1.08);box-shadow:0 8px 24px #3b82f659;border-color:#3b82f6}.uploaded-image-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid white;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px #ef444466;transition:all .2s ease;z-index:10}.uploaded-image-remove:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1);box-shadow:0 4px 12px #ef444499}.uploaded-image-remove:active{transform:scale(.95)}.uploaded-image-remove svg{width:12px;height:12px}.uploaded-image-meta{display:flex;flex-direction:column;gap:6px;flex:1}.uploaded-image-name{font-size:14px;font-weight:600;color:#1e293b;word-break:break-all}.uploaded-image-status{color:#10b981!important;font-size:.75rem!important;font-weight:500!important;display:flex;align-items:center;gap:4px;margin-top:2px}.add-image-btn{width:auto!important;min-width:120px;max-width:150px;padding:8px 16px!important}.create-audit-submit-btn{width:auto!important;min-width:140px;max-width:180px;padding:14px 32px!important}.store-search-container{margin-bottom:4px}.store-search-input{width:100%;padding:10px 14px;font-size:.9rem;border:2px solid var(--border-color);border-radius:8px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.store-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.store-search-input::placeholder{color:#94a3b8}.store-search-input:disabled{opacity:.6;cursor:not-allowed}.photo-upload-box{padding:8px!important;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1!important;border-radius:12px!important;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.photo-upload-box:hover{border-color:#3b82f6!important;background:linear-gradient(135deg,#fff,#f0f9ff);box-shadow:0 4px 16px #3b82f61f;transform:translateY(-1px)}.photo-upload-box .form-group{gap:2px!important}.photo-upload-box label{margin-bottom:2px!important;font-size:.85rem!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#3b82f6!important;font-weight:600!important;display:flex;align-items:center;gap:6px}.photo-upload-box label:before{content:"📷";font-size:1.1rem}.photo-upload-box .create-audit-input{padding:6px 10px!important;font-size:.85rem!important;border:2px solid #e2e8f0!important;background:#fff!important;border-radius:8px!important;transition:all .3s ease}.photo-upload-box .create-audit-input:hover:not(:disabled){border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a}.photo-upload-box .create-audit-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none}.photo-modal-overlay{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.photo-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #00000080;animation:scaleIn .4s ease-out;border:2px solid rgba(59,130,246,.2)}.photo-modal-close{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:2001;transition:all .3s ease;box-shadow:0 4px 12px #ef444466}.photo-modal-close:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:rotate(90deg) scale(1.1);box-shadow:0 6px 16px #ef444499}.photo-modal-image-container{display:flex;align-items:center;justify-content:center;background:#000;padding:40px}.photo-modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 40px #00000080}@media print{.create-audit{margin-left:0}.form-button{display:none}}.manage-audits-page{flex:1;max-width:1200px;margin:2rem;padding:0;background:transparent;min-height:calc(100vh - 4rem);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main, #111827)}.manage-audits-content{background:var(--bg-surface, #ffffff);border-radius:.75rem;box-shadow:0 10px 15px -3px #0f172a14;padding:1.5rem 2rem}.audits-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.audits-header h1{margin:0;font-size:1.5rem}.audits-header-subtitle{margin-top:.25rem;font-size:.875rem;color:var(--text-muted, #6b7280)}.audits-header-actions{display:flex;align-items:center;gap:.75rem}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;border:1px solid transparent;font-size:.875rem;font-weight:500;cursor:pointer;background-color:var(--primary, #2563eb);color:#fff;transition:background-color .15s ease}.download-btn svg{stroke:currentColor;width:16px;height:16px}.download-btn:hover{background-color:var(--primary-hover, #1d4ed8)}.audits-grid-container{border-radius:.5rem;border:1px solid var(--border-subtle, #e5e7eb);overflow:auto;max-height:480px}.audits-grid{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.875rem}.audits-grid th,.audits-grid td{padding:.6rem .75rem;border-bottom:1px solid var(--border-subtle, #e5e7eb);text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audits-grid th:first-child,.audits-grid td:first-child{width:100px;max-width:100px}.audits-grid th{background:#f9fafb;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #6b7280);position:sticky;top:0;z-index:1}.audits-grid tbody tr:nth-child(2n){background-color:#f9fafb}.audits-grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.audits-grid th.sortable:after{content:"▴▾";font-size:.6rem;margin-left:.25rem;color:var(--text-muted, #6b7280)}.audits-grid th.sortable--asc:after{content:"▴"}.audits-grid th.sortable--desc:after{content:"▾"}.status-pill{display:inline-flex;align-items:center;padding:.1rem .55rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:none}.modal-content{background:var(--bg-surface, #ffffff);padding:1.25rem 1.5rem;border-radius:.9rem;min-width:320px;max-width:1000px;box-shadow:0 22px 45px #0f172a59;border:1px solid rgba(148,163,184,.5);margin:0;position:relative;max-height:90vh;overflow-y:auto}.modal-view-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:1.25rem;margin-top:.75rem;align-items:flex-start}.audit-photos-grid{display:grid;grid-template-columns:1fr;gap:.7rem}.audit-photo-card{border:1px solid var(--border-subtle, #e5e7eb);border-radius:.75rem;padding:.8rem;background:#f9fafb}.audit-photo-label{font-size:.75rem;color:var(--text-muted, #6b7280);margin-bottom:.25rem}.audit-photo-card img{width:100%;border-radius:.55rem;display:block;box-shadow:0 10px 20px #0f172a40}.modal-view-action-buttons{display:flex;gap:.5rem}.photo-popup-modal{background:#0f172ae6!important;z-index:10001!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:2rem!important;left:0!important}.photo-popup-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;margin:0}.photo-popup-image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000080}.photo-popup-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .15s ease}.photo-popup-close:hover{background:#fff}.photo-popup-close svg{width:1.25rem;height:1.25rem;color:var(--text-main, #111827)}.add-audit-modal{position:fixed;inset:0 0 0 282px;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:2rem}.add-audit-modal-content{background:var(--bg-surface, #ffffff);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;padding:2rem;position:relative}.add-audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.add-audit-header h2{margin:0;font-size:1.5rem;color:var(--text-main, #111827)}.add-audit-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #6b7280);transition:color .15s ease;border-radius:.375rem}.add-audit-close:hover{color:var(--text-main, #111827);background-color:var(--border-subtle, #e5e7eb)}.add-audit-close svg{width:20px;height:20px}.add-audit-form{margin-top:1rem}.add-audit-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}.add-audit-form-group{min-width:0}.add-audit-form-group.span-2{grid-column:span 2}.add-audit-form-group.span-3{grid-column:span 3}.add-audit-form-group label{display:block;font-size:.8rem;margin-bottom:.25rem;color:var(--text-muted, #6b7280);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.add-audit-input{width:100%;padding:.45rem .6rem;border-radius:.375rem;border:1px solid var(--border-subtle, #e5e7eb);font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.add-audit-input:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.add-audit-input.input-error{border-color:var(--danger, #dc2626)}.add-audit-input:disabled{background-color:#f9fafb;cursor:not-allowed}.store-search-container{margin-bottom:.5rem}.store-search-input{width:100%;padding:.45rem .6rem;border-radius:.375rem;border:1px solid var(--border-subtle, #e5e7eb);font-size:.875rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.store-search-input:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.photo-upload-box{border:1px solid var(--border-subtle, #e5e7eb);border-radius:.5rem;padding:.75rem;background-color:#f9fafb}.photo-upload-box .add-audit-form-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-auto-flow:row!important;align-items:start!important;gap:4px!important;width:100%}.photo-upload-box .add-audit-form-group{display:flex!important;flex-direction:column!important;min-width:0;width:100%}.photo-upload-box .add-audit-form-group.span-3{grid-column:span 3!important}.photo-upload-box .uploaded-image-preview{width:100%}.uploaded-image-preview{margin-top:.5rem}.uploaded-image-wrapper{position:relative;display:inline-block;border-radius:.375rem;overflow:visible;border:1px solid var(--border-subtle, #e5e7eb)}.uploaded-image-wrapper img{display:block;max-width:200px;max-height:150px;object-fit:cover}.uploaded-image-remove{position:absolute;top:.25rem;right:.25rem;background:#dc2626e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;min-width:24px;min-height:24px;display:flex!important;align-items:center;justify-content:center;cursor:pointer!important;padding:0;transition:background-color .15s ease;z-index:1000!important;pointer-events:auto!important;touch-action:manipulation;box-shadow:0 2px 4px #0003}.uploaded-image-remove:hover{background:#dc2626}.uploaded-image-remove:active{background:#dc2626;transform:scale(.95)}.uploaded-image-remove svg{width:14px;height:14px}.uploaded-image-meta{margin-top:.25rem;font-size:.75rem;color:var(--text-muted, #6b7280)}.uploaded-image-name{display:block;font-weight:500;color:var(--text-main, #111827)}.uploaded-image-status{display:block;color:#059669;margin-top:.125rem}.add-image-btn{background-color:var(--primary, #2563eb);color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.add-image-btn:hover:not(:disabled){background-color:var(--primary-hover, #1d4ed8)}.add-image-btn:disabled{opacity:.5;cursor:not-allowed}.add-audit-actions{margin-top:1.5rem;display:flex;gap:.75rem;justify-content:flex-end;align-items:center}.add-audit-actions .btn.btn-secondary{padding:.35rem .6rem!important;font-size:.8rem!important;min-width:auto!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;flex-basis:auto!important;order:-1;margin-right:auto;display:inline-flex!important}.validation-error{font-size:.75rem;color:var(--danger, #dc2626);margin-top:.25rem;display:block}.field-hint{font-size:.75rem;color:var(--text-muted, #6b7280);margin-top:.25rem;display:block}.photo-modal-overlay{position:fixed;inset:0 0 0 282px;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999!important;padding:0;margin:0}.photo-modal-content{position:relative;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center}.photo-modal-close{position:fixed;top:1rem;right:1rem;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000!important;transition:background-color .15s ease;box-shadow:0 2px 8px #0000004d}.photo-modal-close:hover{background:#fff}.photo-modal-close svg{width:24px;height:24px;color:#111827}.photo-modal-image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;margin:0}.photo-modal-image{width:100%;height:100%;object-fit:contain;border-radius:0}.manage-stores-page{flex:1;max-width:1200px;margin:2rem;padding:0;background:transparent;min-height:calc(100vh - 4rem);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main, #111827)}.manage-stores-content{background:var(--bg-surface, #ffffff);border-radius:.75rem;box-shadow:0 10px 15px -3px #0f172a14;padding:1.5rem 2rem}.stores-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.stores-header h1{margin:0;font-size:1.5rem}.stores-header-subtitle{margin-top:.25rem;font-size:.875rem;color:var(--text-muted, #6b7280)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;align-items:end;margin-bottom:1.25rem}.filter-field label{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #6b7280)}.filter-field input,.filter-field select{width:100%;padding:.4rem .6rem;border-radius:.375rem;border:1px solid var(--border-subtle, #e5e7eb);font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.filter-actions{display:flex;align-items:flex-end}.stores-grid-container{border-radius:.5rem;border:1px solid var(--border-subtle, #e5e7eb);overflow:auto;max-height:480px;padding:0;margin:0}.stores-grid{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:.875rem;margin:0;padding:0;display:table}.stores-grid th,.stores-grid td{padding:.6rem .75rem;border-bottom:1px solid var(--border-subtle, #e5e7eb);text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.stores-grid thead{margin:0;padding:0;display:table-header-group}.stores-grid tbody{margin:0;padding:0;display:table-row-group}.stores-grid tbody tr{margin:0;padding:0;display:table-row}.stores-grid thead tr{display:table-row}.stores-grid th,.stores-grid td{display:table-cell}.stores-grid th:first-child,.stores-grid td:first-child{width:15%;min-width:0}.stores-grid th:nth-child(2),.stores-grid td:nth-child(2){width:20%;min-width:0}.stores-grid th:nth-child(3),.stores-grid td:nth-child(3){width:28%;min-width:0}.stores-grid th:nth-child(4),.stores-grid td:nth-child(4){width:15%;min-width:0}.stores-grid th:nth-child(5),.stores-grid td:nth-child(5){width:12%;text-align:center;min-width:0}.stores-grid th:nth-child(6),.stores-grid td:nth-child(6){width:10%;text-align:center;min-width:0}.stores-grid th{background:#f9fafb;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #6b7280);position:sticky;top:0;z-index:1}.stores-grid tbody tr:nth-child(2n){background-color:#f9fafb}.stores-grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.stores-grid th.sortable:after{content:""}.stores-grid th.sortable--asc:after{content:""}.stores-grid th.sortable--desc:after{content:""}.add-audit-field input.input-error{border-color:#ef4444}.add-audit-field input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.manage-agents-page{flex:1;max-width:1200px;margin:2rem;padding:0;background:transparent;min-height:calc(100vh - 4rem);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main, #111827)}.manage-agents-content{background:var(--bg-surface, #ffffff);border-radius:.75rem;box-shadow:0 10px 15px -3px #0f172a14;padding:1.5rem 2rem}.agents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.agents-header h1{margin:0;font-size:1.5rem}.agents-header-subtitle{margin-top:.25rem;font-size:.875rem;color:var(--text-muted, #6b7280)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .9rem;border-radius:999px;border:1px solid transparent;font-size:.875rem;font-weight:500;cursor:pointer;background-color:var(--primary, #2563eb);color:#fff;transition:background-color .15s ease}.btn:hover{background-color:var(--primary-hover, #1d4ed8)}.btn-secondary{background-color:#fff;color:var(--text-main, #111827);border-color:var(--border-subtle, #e5e7eb)}.btn-secondary:hover{background-color:#f9fafb}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) 120px;gap:.75rem 1rem;align-items:end;margin-bottom:1.25rem}.filter-field{min-width:0;max-width:100%;display:flex;flex-direction:column}.filter-actions{display:flex;flex-direction:column;width:max-content;min-width:fit-content}.filter-actions label{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;height:1.25rem;line-height:1.25rem;visibility:hidden}.filter-actions .btn{margin-top:0;height:2rem;white-space:nowrap;box-sizing:border-box}.filter-field label{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #6b7280);height:1.25rem;line-height:1.25rem}.filter-field input,.filter-field select{width:100%;padding:.4rem .6rem;border-radius:.375rem;border:1px solid var(--border-subtle, #e5e7eb);font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease;height:2rem;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none}.filter-field input:focus,.filter-field select:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.filter-field input:hover,.filter-field select:hover{border-color:var(--primary, #2563eb)}.grid-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:var(--text-muted, #6b7280)}.agents-grid-container{border-radius:.5rem;border:1px solid var(--border-subtle, #e5e7eb);overflow:auto;max-height:480px;padding:0;margin:0}.agents-grid{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:.875rem;margin:0;padding:0;display:table}.agents-grid th,.agents-grid td{padding:.6rem .75rem;border-bottom:1px solid var(--border-subtle, #e5e7eb);text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.agents-grid thead{margin:0;padding:0;display:table-header-group}.agents-grid tbody{margin:0;padding:0;display:table-row-group}.agents-grid tbody tr{margin:0;padding:0;display:table-row}.agents-grid thead tr{display:table-row}.agents-grid th,.agents-grid td{display:table-cell}.agents-grid th:first-child,.agents-grid td:first-child{width:16%;min-width:0}.agents-grid th:nth-child(2),.agents-grid td:nth-child(2){width:20%;min-width:0}.agents-grid th:nth-child(3),.agents-grid td:nth-child(3){width:14%;min-width:0}.agents-grid th:nth-child(4),.agents-grid td:nth-child(4){width:23%;min-width:0}.agents-grid th:nth-child(5),.agents-grid td:nth-child(5){width:14%;min-width:0}.agents-grid th:nth-child(6),.agents-grid td:nth-child(6){width:13%;text-align:center;min-width:0}.agents-grid th{background:#f9fafb;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #6b7280);position:sticky;top:0;z-index:1}.agents-grid tbody tr:nth-child(2n){background-color:#f9fafb}.agents-grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.agents-grid th.sortable:after{content:""}.agents-grid th.sortable--asc:after{content:""}.agents-grid th.sortable--desc:after{content:""}.status-pill{display:inline-flex;align-items:center;padding:.1rem .55rem;border-radius:999px;font-size:.75rem;font-weight:500}.status-pill--approved{color:#065f46;background-color:#d1fae5}.status-pill--pending{color:#854d0e;background-color:#fef3c7}.status-pill--rejected{color:#991b1b;background-color:#fee2e2}.modal{position:fixed;inset:0 0 0 282px;display:flex;align-items:center;justify-content:flex-end;background:#0f172a80;z-index:10000;padding:2rem 7rem 2rem 2rem;overflow-y:auto}.modal-content{background:var(--bg-surface, #ffffff);padding:1.25rem 1.5rem;border-radius:.9rem;min-width:320px;max-width:760px;box-shadow:0 22px 45px #0f172a59;border:1px solid rgba(148,163,184,.5);margin:0;position:relative;max-height:90vh;overflow-y:auto}.modal-content--view{padding:1.5rem 1.75rem 1.4rem;background:radial-gradient(circle at top left,#eff6ff 0,#fff 55%)}.modal-content--wide{max-width:880px}.modal-view-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.6rem}.modal-view-title{display:flex;align-items:center;gap:.6rem}.modal-view-icon{width:2.1rem;height:2.1rem;border-radius:.9rem;background:#dbeafe;display:inline-flex;align-items:center;justify-content:center;color:var(--primary, #2563eb)}.modal-view-title h2{margin:0;font-size:1rem}.modal-view-subtitle{font-size:.78rem;color:var(--text-muted, #6b7280)}.modal-view-close{border:none;background:transparent;color:var(--text-muted, #6b7280);cursor:pointer;padding:.1rem}.modal-view-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr);gap:1.25rem;margin-top:.75rem;align-items:flex-start}.modal-view-section-label{font-size:.85rem;color:var(--text-muted, #6b7280);margin-bottom:.5rem}.modal-view-title-text{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.modal-view-id{font-size:.8rem;color:var(--text-muted, #6b7280);margin-bottom:.5rem}.modal-view-address{font-size:.8rem;margin-bottom:.5rem}.modal-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;font-size:.8rem;margin-top:.75rem}.modal-view-label{color:var(--text-muted, #6b7280)}.modal-view-actions{margin-top:1.25rem;display:flex;justify-content:space-between;gap:.75rem;align-items:center}.modal-content--view .modal-view-actions .btn.btn-secondary.btn-close-small{padding:.25rem .6rem!important;font-size:.75rem!important;min-width:auto!important;width:auto!important;max-width:none!important;height:auto!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;font-weight:500!important;flex:0 0 auto!important}.modal-content .btn{flex:0 0 auto!important;min-width:auto!important;width:auto!important;max-width:none!important}.add-audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;margin-top:.75rem}.add-audit-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #6b7280);margin-bottom:.35rem}.add-audit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.5rem}.add-audit-field{min-width:0}.add-audit-field label{display:block;font-size:.8rem;margin-bottom:.25rem;color:var(--text-muted, #6b7280)}.add-audit-field input,.add-audit-field select,.add-audit-field textarea{width:100%;padding:.45rem .6rem;border-radius:.375rem;border:1px solid var(--border-subtle, #e5e7eb);font-size:.875rem}.add-audit-field input:focus,.add-audit-field select:focus,.add-audit-field textarea:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.add-audit-actions{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.modal-content h2{margin-top:0;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:4px solid #f3f4f6;border-top:4px solid #2563eb;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.audit-details-page{flex:1;max-width:1200px;margin:2rem;padding:0;background:transparent;min-height:calc(100vh - 4rem);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main, #111827)}.audit-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.audit-details-back-button{padding:.4rem .9rem;border-radius:999px;border:1px solid var(--border-subtle, #e5e7eb);background-color:#fff;color:var(--text-main, #111827);font-weight:500;cursor:pointer;transition:background-color .15s ease;font-size:.875rem}.audit-details-back-button:hover{background-color:#f9fafb}.audit-details-header-meta{display:flex;gap:10px;align-items:center}.status-pill{display:inline-flex;align-items:center;padding:.1rem .55rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:none!important}.status-pill--pending{background-color:#fef3c7;color:#854d0e}.status-pill--approved{background-color:#d1fae5;color:#065f46}.status-pill--rejected{background-color:#fee2e2;color:#991b1b}.audit-details-audit-id-label{font-weight:600;color:#334155;font-size:.9rem}.audit-details-error{background:#f8717126;border:1px solid rgba(248,113,113,.4);color:#b91c1c;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.audit-details-loading{display:flex;align-items:center;gap:12px;background:#fff;padding:14px 18px;border-radius:8px;border:1px solid rgba(148,163,184,.4);margin-bottom:16px}.audit-details-loading .audit-details-loading-spinner{width:24px;height:24px;border:3px solid rgba(37,99,235,.2);border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.audit-details-hero-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;background:var(--bg-surface, #ffffff);border-radius:.75rem;box-shadow:0 10px 15px -3px #0f172a14;border:1px solid var(--border-subtle, #e5e7eb);margin-bottom:20px}.audit-details-empty-state{background:#fff;padding:24px;border-radius:12px;border:1px solid rgba(148,163,184,.3);text-align:center;box-shadow:0 4px 12px #0f172a14;color:#475569}.audit-details-empty-state h3{margin:0 0 8px;color:#0f172a;font-size:1.2rem}.audit-details-photo-preview{background:#f8fafc;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px dashed rgba(148,163,184,.5);min-height:280px}.audit-details-hero-photo-button{border:none;background:transparent;padding:0;cursor:zoom-in;width:100%;display:flex;justify-content:center}.audit-details-hero-photo-button img{max-width:100%;max-height:320px;border-radius:8px;object-fit:contain;transition:box-shadow .2s ease}.audit-details-hero-photo-button img:hover{box-shadow:0 0 0 3px #2563eb4d}.audit-details-photo-missing-placeholder{text-align:center;color:#94a3b8;font-weight:600;font-size:.9rem}.audit-details-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.audit-details-info-row{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid rgba(148,163,184,.3)}.audit-details-info-row.audit-details-rejection{background:#f8717126;border-color:#f8717180}.audit-details-info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:700}.audit-details-info-value{color:#0f172a;font-weight:600;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.audit-details-form-section{background:var(--bg-surface, #ffffff);border-radius:.75rem;padding:20px;border:1px solid var(--border-subtle, #e5e7eb);box-shadow:0 10px 15px -3px #0f172a14;margin-bottom:20px}.audit-details-section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.audit-details-section-heading h2{margin:0;font-size:1.25rem;color:#0f172a}.audit-details-submitted-on{color:#475569;font-weight:600;font-size:.85rem}.audit-details-form-data-structured{display:flex;flex-direction:column;gap:18px}.audit-details-form-summary-card{padding:12px 14px;border-radius:8px;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border:1px solid rgba(59,130,246,.15)}.audit-details-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.audit-details-summary-item{display:flex;flex-direction:column;gap:3px}.audit-details-summary-item-full{grid-column:1 / -1}.audit-details-summary-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:600}.audit-details-summary-value{font-size:.8rem;color:#0f172a;font-weight:600;word-wrap:break-word;overflow-wrap:break-word}.audit-details-summary-value-gps{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.audit-details-form-definition-warning{padding:10px 12px;border-radius:8px;background:#facc1526;border:1px solid rgba(251,191,36,.4);color:#92400e;font-size:.8rem;font-weight:600}.audit-details-map-link{padding:5px 10px;border-radius:6px;background:#2563eb1a;color:#2563eb;font-weight:600;text-decoration:none;font-size:.8rem;transition:background .2s ease;white-space:nowrap}.audit-details-map-link:hover{background:#2563eb33}.audit-details-form-sections{display:flex;flex-direction:column;gap:16px}.audit-details-form-section{border:1px solid rgba(148,163,184,.4);border-radius:8px;background:#fff;box-shadow:0 2px 8px #0f172a0d;overflow:hidden}.audit-details-form-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(148,163,184,.25);background:linear-gradient(135deg,#f0fdf4,#f8fafc)}.audit-details-section-name{margin:0 0 2px;font-size:.9rem;font-weight:700;color:#0f172a;word-wrap:break-word;overflow-wrap:break-word}.audit-details-section-order{font-size:.7rem;color:#64748b;font-weight:500}.audit-details-section-count{font-size:.7rem;font-weight:700;color:#0f172a;background:#3b82f61a;padding:3px 8px;border-radius:5px;white-space:nowrap}.audit-details-form-section-fields{display:flex;flex-direction:column;gap:10px;padding:12px 14px}.audit-details-form-feedback-section{margin-top:20px;border:1px solid rgba(59,130,246,.3);border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fef9e7);box-shadow:0 4px 12px #0f172a14;overflow:hidden}.audit-details-form-feedback-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(251,191,36,.3);background:linear-gradient(135deg,#fde68a,#fef3c7)}.audit-details-form-feedback-title{margin:0;font-size:1.1rem;font-weight:700;color:#92400e}.audit-details-form-feedback-badge{padding:4px 10px;border-radius:6px;background:#fbbf244d;color:#78350f;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.audit-details-form-feedback-content{padding:16px 18px}.audit-details-form-feedback-text{margin:0;font-size:.95rem;line-height:1.6;color:#1f2937;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.audit-details-field-feedback{margin-top:12px;border:1px solid rgba(59,130,246,.3);border-radius:8px;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 6px #0f172a0d;overflow:hidden}.audit-details-field-feedback-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(59,130,246,.2);background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.audit-details-field-feedback-label{font-size:.8rem;font-weight:700;color:#1e40af}.audit-details-field-feedback-badge{padding:2px 8px;border-radius:4px;background:#3b82f633;color:#1e3a8a;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.audit-details-field-feedback-content{padding:10px 12px;background:#f8fafc}.audit-details-field-feedback-text{margin:0;font-size:.85rem;line-height:1.5;color:#1e293b;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.audit-details-partner-forms-section{margin-top:24px}.audit-details-partner-form-card{margin-top:20px;border:1px solid rgba(99,102,241,.3);border-radius:12px;background:linear-gradient(135deg,#ede9fe,#f3e8ff);box-shadow:0 4px 12px #0f172a14;overflow:hidden}.audit-details-partner-form-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(139,92,246,.3);background:linear-gradient(135deg,#c4b5fd,#ddd6fe);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.audit-details-partner-form-header:hover{background:linear-gradient(135deg,#a78bfa,#c4b5fd)}.audit-details-partner-form-header:focus{outline:2px solid #8b5cf6;outline-offset:-2px}.audit-details-partner-form-header-content{display:flex;flex-direction:column;gap:4px;flex:1}.audit-details-partner-form-title{margin:0;font-size:1.1rem;font-weight:700;color:#5b21b6}.audit-details-partner-form-submitted{font-size:.85rem;color:#6d28d9;font-weight:600}.audit-details-partner-form-toggle{font-size:.9rem;color:#6d28d9;transition:transform .3s ease;display:inline-block;margin-left:12px}.audit-details-partner-form-toggle.expanded{transform:rotate(180deg)}.audit-details-partner-form-content{padding:16px 18px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:10000px}}.audit-details-form-field-card{border:1px solid rgba(148,163,184,.3);border-radius:7px;padding:10px 12px;background:#fafbfc;display:flex;flex-direction:column;gap:8px}.audit-details-field-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.audit-details-field-label{font-size:.85rem;font-weight:700;color:#0f172a;margin-bottom:3px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.audit-details-field-meta{display:flex;flex-wrap:wrap;gap:5px}.audit-details-demo-reference-card{border:1px dashed rgba(59,130,246,.35);border-radius:10px;background:#dbeafe66;display:flex;flex-direction:column;gap:10px;border:none;background:none;padding:0;text-align:left;cursor:zoom-in}.audit-details-demo-reference-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;font-weight:700}.audit-details-post-audit-photos-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;font-weight:700;margin-bottom:8px}.audit-details-demo-reference-image{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(59,130,246,.3);background:#fff}.audit-details-demo-reference-image img{width:100%;height:auto;max-height:260px;object-fit:cover;display:block}.audit-details-demo-reference-fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-weight:600;color:#1d4ed8;background:#ffffffe6}.audit-details-demo-reference-image.audit-details-demo-reference-error{border-style:dashed;background:#ffe4e699}.audit-details-demo-reference-image.audit-details-demo-reference-error .audit-details-demo-reference-fallback{display:flex}.audit-details-demo-reference-meta{font-size:.75rem;color:#1e3a8a;font-weight:600}.audit-details-meta-pill{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px;background:#3b82f626;color:#1d4ed8;white-space:nowrap}.audit-details-meta-pill.required{background:#f8717126;color:#b91c1c}.audit-details-field-order{font-size:.75rem;font-weight:600;color:#64748b;white-space:nowrap}.audit-details-field-answer{font-size:.8rem;color:#475569;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.audit-details-text-answer{font-weight:600;color:#0f172a;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.audit-details-list-answer{margin:0;padding-left:18px;color:#0f172a}.audit-details-list-answer li{word-wrap:break-word;overflow-wrap:break-word;margin-bottom:4px}.audit-details-image-answer{display:flex;flex-direction:column;gap:8px}.audit-details-image-answer-multiple{display:flex;flex-direction:column;gap:12px}.audit-details-image-count-header{font-size:.9rem;font-weight:600;color:#334155;padding:8px 12px;background:#f1f5f9;border-radius:6px;border:1px solid rgba(148,163,184,.3)}.audit-details-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.audit-details-image-grid-item{display:flex;flex-direction:column;gap:8px}.audit-details-image-answer-button{border:none;padding:0;background:transparent;cursor:zoom-in;width:100%}.audit-details-image-answer img,.audit-details-image-answer-button img{width:100%;max-height:200px;object-fit:contain;border-radius:8px;border:1px solid rgba(148,163,184,.4);background:#f1f5f9}.audit-details-image-grid-item .audit-details-image-answer-button img{max-height:250px}.audit-details-image-answer.audit-details-image-missing{align-items:center}.audit-details-image-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;color:#64748b}.audit-details-nested-answer{display:flex;flex-direction:column;gap:5px;background:#fff;padding:8px;border-radius:5px;border:1px solid rgba(148,163,184,.2)}.audit-details-nested-answer-row{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;flex-wrap:wrap}.audit-details-nested-label{font-weight:600;color:#0f172a;word-wrap:break-word;overflow-wrap:break-word}.audit-details-nested-value{color:#64748b;word-wrap:break-word;overflow-wrap:break-word;text-align:right}.audit-details-field-metadata{border-top:1px dashed rgba(148,163,184,.5);padding-top:8px;margin-top:3px;display:flex;flex-direction:column;gap:5px}.audit-details-metadata-row{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;flex-wrap:wrap}.audit-details-metadata-label{font-weight:600;color:#0f172a;word-wrap:break-word;overflow-wrap:break-word}.audit-details-metadata-value{color:#64748b;word-wrap:break-word;overflow-wrap:break-word;text-align:right}.audit-details-image-lightbox-overlay{position:fixed;inset:0;background:#0f172acc;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.audit-details-image-lightbox-content{background:#0f172a;border-radius:12px;padding:20px;max-width:90vw;max-height:90vh;width:640px;position:relative;box-shadow:0 20px 40px #0006}.audit-details-image-lightbox-close{position:absolute;top:12px;right:12px;border:none;background:#0f172acc;color:#fff;font-size:1.4rem;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background .2s ease;z-index:10002;display:flex;align-items:center;justify-content:center;line-height:1}.audit-details-image-lightbox-close:hover{background:#3b82f6cc}.audit-details-image-lightbox-close:active{transform:scale(.95)}.audit-details-image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;background:#0f172acc;color:#fff;font-size:3rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10001;line-height:1;-webkit-user-select:none;user-select:none}.audit-details-image-lightbox-nav:hover{background:#3b82f6e6;transform:translateY(-50%) scale(1.1)}.audit-details-image-lightbox-nav-left{left:20px}.audit-details-image-lightbox-nav-right{right:20px}.audit-details-image-lightbox-counter{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#0f172acc;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;z-index:10001}.audit-details-image-lightbox-body{display:flex;flex-direction:column;gap:16px;align-items:center;position:relative}.audit-details-image-lightbox-body img{max-width:100%;max-height:65vh;border-radius:10px;object-fit:contain;border:2px solid rgba(148,163,184,.5);background:#f8fafc}.audit-details-image-lightbox-info{text-align:center;color:#e2e8f0}.audit-details-image-lightbox-info h3{margin:0;font-size:1.2rem}.audit-details-image-lightbox-subtitle{margin:6px 0 0;color:#cbd5f5;font-size:.9rem}.audit-details-image-lightbox-meta{display:flex;justify-content:center;gap:16px;margin-top:10px;font-size:.85rem;color:#93c5fd}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.audit-details-empty-value{color:#94a3b8;font-style:italic;font-size:.75rem}.audit-details-no-form-data{text-align:center;padding:20px 16px;color:#64748b;font-size:.85rem}.audit-details-form-data-content{display:flex;flex-direction:column;gap:12px}.audit-details-form-data-item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#f8fafc;border-radius:8px;border:1px solid rgba(148,163,184,.3)}.audit-details-form-data-label{font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.audit-details-form-data-value{font-size:.9rem;color:#0f172a;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.audit-details-form-data-value pre{margin:0;padding:8px;background:#fff;border-radius:6px;border:1px solid rgba(148,163,184,.3);overflow-x:auto;font-size:.8rem;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 992px){.audit-details-hero-card{grid-template-columns:1fr}}@media (max-width: 640px){.audit-details-page,.audit-details-form-section,.audit-details-hero-card{padding:16px}.audit-details-summary-grid,.audit-details-info-grid{grid-template-columns:1fr}.audit-details-nested-answer-row,.audit-details-metadata-row{flex-direction:column}.audit-details-nested-value,.audit-details-metadata-value{text-align:left}}.store-demo-images-container{padding:1rem;max-width:1200px;margin:0 auto}.store-demo-images-header{margin-bottom:1rem}.store-demo-images-header h2{margin:0 0 .25rem;color:#333;font-size:1.5rem}.store-demo-images-header p{color:#666;margin:.25rem 0;line-height:1.5;font-size:.9rem}.store-demo-images-header code{background-color:#f4f4f4;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:#d63384;font-size:.9em}.upload-instructions{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:1rem;margin-top:1rem}.upload-instructions h3{margin-top:0;margin-bottom:.75rem;color:#333;font-size:1rem}.upload-instructions ol{margin:.25rem 0 0 1.25rem;color:#666;line-height:1.6;font-size:.875rem}.upload-instructions ol li{margin-bottom:.25rem}.upload-instructions code{background-color:#e9ecef;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:#d63384;font-size:.9em}.alert{padding:.75rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.alert-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.bulk-upload-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{font-weight:600;margin-bottom:.375rem;color:#333;font-size:.875rem}.form-select{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;background-color:#fff;transition:border-color .2s}.form-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-info-card{padding:1rem;background-color:#e3f2fd;border-radius:6px;border:1px solid #90caf9;margin-bottom:1.5rem;color:#1565c0}.form-info-card strong{display:block;margin-bottom:.25rem}.form-info-card small{display:block;margin-top:.25rem;opacity:.8}.file-input{width:100%;padding:.625rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;cursor:pointer;transition:border-color .2s}.file-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.file-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.file-info{margin-top:.375rem;padding:.625rem;background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e0e0;font-size:.875rem}.file-size{color:#666;font-size:.875rem}.btn-upload{width:100%;padding:.75rem;background-color:#28a745;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:.75rem}.btn-upload:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.btn-upload:active:not(:disabled){transform:translateY(0)}.btn-upload:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.upload-results{margin-top:1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1.25rem;box-shadow:0 2px 4px #0000000d}.upload-results h3{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.25rem}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1.5rem}.summary-card{text-align:center;padding:1rem;border-radius:6px;border:2px solid;transition:transform .2s}.summary-card:hover{transform:translateY(-2px)}.summary-card strong{display:block;font-size:1.5rem;margin-bottom:.25rem;font-weight:700}.summary-card span{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-card.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.summary-card.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.summary-card.skipped{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.summary-card.total{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.results-section{margin-top:1.5rem}.results-section h4{margin-bottom:.75rem;color:#333;font-size:1rem}.results-list{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;background-color:#fafafa}.results-list::-webkit-scrollbar{width:8px}.results-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.results-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.results-list::-webkit-scrollbar-thumb:hover{background:#555}.result-item{padding:.625rem;margin-bottom:.375rem;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;transition:transform .1s}.result-item:hover{transform:translate(4px)}.result-item.success{background-color:#d4edda;border-left:4px solid #28a745}.result-item.error{background-color:#f8d7da;border-left:4px solid #dc3545}.result-item.skipped{background-color:#fff3cd;border-left:4px solid #ffc107}.result-filename{font-weight:600;color:#333;font-family:Courier New,monospace;font-size:.9rem}.result-details{font-size:.875rem;color:#666}.result-error,.result-reason{font-size:.875rem;color:#721c24}@media (max-width: 768px){.store-demo-images-container{padding:1rem}.bulk-upload-section{padding:1.5rem}.results-summary{grid-template-columns:repeat(2,1fr)}.summary-card strong{font-size:1.5rem}}.view-store-demo-images-container{padding:2rem;max-width:1400px;margin:0 auto}.view-store-demo-images-header{margin-bottom:2rem}.view-store-demo-images-header h2{font-size:2rem;color:#1a1a1a;margin-bottom:.5rem}.view-store-demo-images-header p{color:#666;font-size:1rem}.view-store-demo-images-content{display:flex;flex-direction:column;height:calc(100vh - 250px)}.stores-panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow:hidden;width:100%}.panel-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.panel-header h3{font-size:1.25rem;color:#1a1a1a;margin:0}.search-input{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:100%;max-width:300px}.search-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.stores-list{flex:1;overflow-y:auto;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.store-item{padding:1rem;border-radius:6px;cursor:pointer;transition:all .2s;margin-bottom:.5rem;border:2px solid transparent}.store-item:hover{background:#f5f5f5;border-color:#e0e0e0}.store-item.active{background:#eff6ff;border-color:#60a5fa}.store-info{display:flex;flex-direction:column;gap:.25rem}.store-info strong{color:#1a1a1a;font-size:1rem}.store-code{color:#666;font-size:.875rem}.demo-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.btn-refresh{background:#60a5fa;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#3b82f6}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.view-demo-image-preview{width:100%;height:200px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.view-store-demo-images-content{height:auto}}@media (max-width: 768px){.view-store-demo-images-container{padding:1rem}.panel-header{flex-direction:column;align-items:stretch}.search-input{max-width:100%}}.store-demo-images-detail-container{padding:2rem;max-width:1400px;margin:0 auto}.store-demo-images-detail-header{margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.back-button{padding:.5rem 1rem;background:#60a5fa;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.back-button:hover{background:#3b82f6;transform:translate(-2px)}.store-demo-images-detail-header h2{font-size:2rem;color:#1a1a1a;margin:0}.store-demo-images-detail-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;min-height:400px}.demo-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.demo-image-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s;box-shadow:0 1px 3px #0000001a}.demo-image-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.demo-image-header{padding:1rem;background:#f9fafb;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.question-badge{background:#60a5fa;color:#fff;padding:.375rem .75rem;border-radius:4px;font-weight:600;font-size:.875rem}.btn-delete{background:#ef4444;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s}.btn-delete:hover{background:#dc2626;transform:scale(1.05)}.view-demo-image-preview{width:100%;height:200px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.view-demo-image-preview:hover{transform:scale(1.02)}.view-demo-image-preview img{width:100%;height:100%;object-fit:cover}.demo-image-info{padding:1rem}.info-item{margin-bottom:.5rem;font-size:.875rem}.info-item strong{color:#1a1a1a}.path-text{color:#666;word-break:break-all;font-family:monospace;font-size:.8rem}.loading,.empty-state{padding:2rem;text-align:center;color:#666}.empty-state p{margin:0;font-size:1rem}.alert{padding:1rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}@media (max-width: 1024px){.demo-images-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.store-demo-images-detail-container{padding:1rem}.demo-images-grid{grid-template-columns:1fr}}.fullscreen-image-modal{position:fixed;inset:0;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:10000;cursor:pointer}.fullscreen-image-container{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.fullscreen-image-container img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default}.fullscreen-image-close{position:absolute;top:-40px;right:0;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.fullscreen-image-close:hover{background:#ffffff4d;border-color:#ffffff80}.vendors-container{padding:24px;max-width:1200px;margin:0 auto}.vendors-header{margin-bottom:20px}.vendors-header h1{font-size:28px;font-weight:600;color:#1a202c;margin:0 0 8px}.vendors-subtitle{color:#718096;font-size:14px;margin:0}.loading,.error,.no-vendors{text-align:center;padding:48px 24px;color:#718096;font-size:16px}.error{color:#e53e3e;background-color:#fed7d7;border-radius:8px;padding:16px}.vendors-list{display:flex;flex-direction:column;gap:12px}.vendor-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s ease}.vendor-card:hover{box-shadow:0 4px 6px #0000001a}.vendor-card.expanded{box-shadow:0 4px 12px #00000026}.vendor-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.vendor-header:hover{background-color:#f7fafc}.vendor-info{flex:1}.vendor-title{font-size:16px;font-weight:600;color:#1a202c;margin:0 0 6px;display:flex;align-items:center;gap:8px}.inactive-badge{background-color:#fed7d7;color:#c53030;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500}.vendor-meta{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#4a5568}.vendor-brands{display:flex;align-items:center;gap:8px}.vendor-brands strong{color:#2d3748}.vendor-date{color:#718096;font-size:12px}.vendor-toggle{font-size:16px;color:#718096;padding:4px 8px;transition:transform .2s ease}.vendor-card.expanded .vendor-toggle{transform:rotate(0)}.vendor-details{padding:16px;border-top:1px solid #e2e8f0;margin-top:0}.vendor-section{margin-top:16px}.vendor-section:first-child{margin-top:0}.vendor-section h4{font-size:15px;font-weight:600;color:#2d3748;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid #e2e8f0}.form-sections{display:flex;flex-direction:column;gap:16px}.form-section{background-color:#f7fafc;padding:14px;border-radius:6px;border:1px solid #e2e8f0}.section-title{font-size:15px;font-weight:600;color:#2d3748;margin:0 0 12px}.section-fields{display:flex;flex-direction:column;gap:12px}.form-field{background:#fff;padding:10px;border-radius:6px;border:1px solid #e2e8f0}.field-label{font-size:13px;font-weight:500;color:#2d3748;margin-bottom:6px}.required{color:#e53e3e;margin-left:4px}.field-answer{font-size:13px;color:#4a5568;padding:6px 8px;background-color:#f7fafc;border-radius:4px;margin-top:4px}.field-feedback{font-size:12px;color:#718096;margin-top:6px;padding:6px 8px;background-color:#edf2f7;border-radius:4px}.field-image{margin-top:12px}.form-image{max-width:100%;max-height:300px;border-radius:6px;border:1px solid #e2e8f0;object-fit:contain}.image-answer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px}.image-answer-item{display:flex;flex-direction:column;gap:6px}.image-answer-item img{width:100%;height:auto;max-height:250px;border-radius:6px;border:1px solid #e2e8f0;object-fit:contain;background-color:#f7fafc}.image-answer-single{display:flex;flex-direction:column;gap:6px;margin-top:8px}.image-answer-single img{max-width:100%;max-height:300px;border-radius:6px;border:1px solid #e2e8f0;object-fit:contain;background-color:#f7fafc}.image-meta{display:flex;gap:12px;font-size:11px;color:#718096;margin-top:4px}.image-meta span{background-color:#edf2f7;padding:3px 8px;border-radius:4px}.list-answer{list-style:none;padding:0;margin:8px 0 0}.list-answer li{padding:6px 8px;background-color:#f7fafc;border-radius:4px;margin-bottom:4px;font-size:13px;color:#4a5568}.field-answer-text{font-size:13px;color:#4a5568;word-break:break-word}.json-data{background-color:#f7fafc;padding:14px;border-radius:6px;border:1px solid #e2e8f0;overflow-x:auto;font-size:12px;font-family:Courier New,monospace;color:#2d3748;margin:0}.no-data{color:#718096;font-style:italic;margin:0}@media (max-width: 768px){.vendors-container{padding:16px}.vendor-header{flex-direction:column;align-items:flex-start;gap:12px}.vendor-toggle{align-self:flex-end}.vendor-meta{width:100%}}