.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff7ed,#ffedd5,#fed7aa);padding:2rem;position:relative;overflow:hidden}.login-page:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(251,146,60,.3) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(249,115,22,.25) 0%,transparent 60%),radial-gradient(circle at 50% 20%,rgba(254,215,170,.2) 0%,transparent 50%);animation:pulseGlow 10s ease-in-out infinite;pointer-events:none}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.7}}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(249,115,22,.06) 1px,transparent 1px);background-size:60px 60px;animation:float 25s infinite linear;pointer-events:none;opacity:.6}@keyframes float{0%{transform:translate(0) rotate(0)}to{transform:translate(-50px,-50px) rotate(360deg)}}.login-container{background:linear-gradient(135deg,#fffffffa,#fff7edf2,#ffedd5fa);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border-radius:28px;padding:3.5rem;box-shadow:0 20px 60px #f9731626,0 8px 24px #f973161a,0 0 0 1px #fb923c4d inset,0 2px 8px #f973160d;max-width:450px;width:100%;position:relative;z-index:1;animation:slideUp .6s cubic-bezier(.16,1,.3,1);border:1px solid rgba(251,146,60,.4);color:#1a1a1a;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(251,146,60,.2) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}.login-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(251,146,60,.1) 100%);pointer-events:none;border-radius:28px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:2.5rem;position:relative;z-index:2}.logo-container{margin-bottom:1rem}.logo-icon{font-size:4rem;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;text-transform:lowercase;letter-spacing:-.02em;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:#f97316;font-size:1.125rem;margin:0;font-weight:500;letter-spacing:.02em}.login-form{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.input-wrapper{position:relative;display:flex;align-items:center}.form-group input{width:100%;padding:1rem 1.125rem;border:2px solid rgba(251,146,60,.3);border-radius:12px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#1a1a1a;box-shadow:0 2px 8px #f9731614}.form-group input:hover{border-color:#fb923c80;box-shadow:0 4px 12px #f973161f}.form-group input:focus{outline:none;border-color:#f97316;background:#fff;box-shadow:0 0 0 4px #fb923c33,0 4px 16px #f9731626;transform:translateY(-1px)}.form-group input.input-error{border-color:#ef4444;background:#fef2f2}.form-group input:disabled{opacity:.6;cursor:not-allowed}.toggle-password{position:absolute;right:1rem;background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;color:#6b7280;transition:color .2s;z-index:1}.toggle-password:hover:not(:disabled){color:#374151}.toggle-password:disabled{opacity:.5;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#4a5568;-webkit-user-select:none;user-select:none;transition:color .2s}.checkbox-label:hover{color:#667eea}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#f97316}.error-message{background:#dc262633;color:#ff6b6b;padding:.875rem 1rem;border-radius:10px;font-size:.875rem;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(220,38,38,.4);animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon{font-size:1.1rem}.login-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:1.125rem;border-radius:12px;font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 16px #f9731666,0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden}.login-btn: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}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #f9731680,0 0 0 1px #fff3 inset}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.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}.login-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(251,146,60,.3);text-align:center;font-size:.875rem;color:#718096;position:relative;z-index:2}.login-info p{margin:0}.login-info strong{color:#f97316}a :root{--mobs2-orange: #fb923c;--mobs2-orange-dark: #f97316;--mobs2-orange-light: #fdb885;--mobs2-cream: #fff7ed;--mobs2-cream-light: #fffaf5;--sentiment-positive: #10b981;--sentiment-positive-light: #34d399;--sentiment-positive-dark: #059669;--sentiment-negative: #6366f1;--sentiment-negative-light: #818cf8;--sentiment-negative-dark: #4f46e5;--sentiment-negative-critical: #ef4444;--sentiment-negative-critical-light: #f87171;--sentiment-negative-critical-dark: #dc2626;--sentiment-neutral: #60a5fa;--sentiment-neutral-light: #93c5fd;--sentiment-neutral-dark: #3b82f6;--mobs2-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--mobs2-gradient-light: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 252, 245, .98) 100%);--mobs2-text-primary: #1a1a1a;--mobs2-text-secondary: #4a5568;--mobs2-text-muted: #718096;--mobs2-bg-primary: #fffaf5;--mobs2-bg-secondary: #ffffff;--mobs2-bg-card: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 252, 245, .98) 100%);--mobs2-input-bg: #ffffff;--mobs2-input-bg-light: #fffaf5;--mobs2-shadow-sm: 0 2px 8px rgba(249, 115, 22, .1);--mobs2-shadow-md: 0 4px 16px rgba(249, 115, 22, .15);--mobs2-shadow-lg: 0 8px 24px rgba(249, 115, 22, .2);--mobs2-shadow-orange: 0 4px 16px rgba(249, 115, 22, .3)}body{background:#fffaf5;color:#1a1a1a}.btn-primary,button.btn-primary{background:linear-gradient(135deg,#fb923c,#f97316)!important;color:#fff!important;border:none!important;font-weight:600!important;transition:all .2s ease!important;box-shadow:0 4px 12px #fb923c59!important}.btn-primary:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 16px #f9731673!important;background:linear-gradient(135deg,#f97316,#ea580c)!important}.btn-primary:active:not(:disabled){transform:translateY(0)!important}.btn-secondary{background:#ffffffe6!important;color:#f97316!important;border:1px solid rgba(249,115,22,.3)!important}.btn-secondary:hover:not(:disabled){background:#f973161a!important;border-color:#f9731680!important;color:#ea580c!important}a{color:var(--mobs2-orange)!important}a:hover{color:var(--mobs2-orange-dark)!important}.card,.user-form-card,.channel-card{background:linear-gradient(135deg,#fff,#fffcf5fa)!important;border:1px solid rgba(251,146,60,.2)!important;color:#1a1a1a!important;box-shadow:0 4px 16px #fb923c14!important}.dashboard .stat-card:not(.primary):not(.stat-card-blue):not(.stat-card-green):not(.stat-card-orange),.analytics-page .stat-card:not(.primary):not(.stat-card-blue):not(.stat-card-green):not(.stat-card-orange){background:linear-gradient(135deg,#fff,#fffcf5fa)!important;border:1px solid rgba(251,146,60,.2)!important;box-shadow:0 4px 12px #fb923c14!important}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=number],select,textarea{background:var(--mobs2-input-bg)!important;color:var(--mobs2-text-primary)!important;border:2px solid rgba(251,146,60,.3)!important;border-radius:8px!important;padding:.625rem .875rem!important;transition:all .2s ease!important}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#f9731680!important}input:focus,select:focus,textarea:focus{border-color:var(--mobs2-orange)!important;box-shadow:0 0 0 3px #f9731633!important;outline:none!important}table{background:linear-gradient(135deg,#fff,#fffcf5fa)!important;color:#1a1a1a!important}table th{background:#fb923c0f!important;color:#1a1a1a!important;border-bottom:2px solid rgba(251,146,60,.3)!important}table td{border-bottom:1px solid rgba(251,146,60,.15)!important}table tbody tr:hover{background:#fb923c14!important}.status-badge.active,.badge-success{background:linear-gradient(135deg,#fb923c,#f97316)!important;color:#fff!important}::-webkit-scrollbar-track{background:#fffaf5}::-webkit-scrollbar-thumb{background:#f9731666;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f9731699}.sentiment-positive,.badge-positive{background:linear-gradient(135deg,var(--sentiment-positive) 0%,var(--sentiment-positive-dark) 100%)!important;color:#fff!important}.sentiment-negative,.badge-negative{background:linear-gradient(135deg,var(--sentiment-negative) 0%,var(--sentiment-negative-dark) 100%)!important;color:#fff!important}.sentiment-negative-critical{background:linear-gradient(135deg,var(--sentiment-negative-critical) 0%,var(--sentiment-negative-critical-dark) 100%)!important;color:#fff!important}.sentiment-neutral,.badge-neutral{background:linear-gradient(135deg,var(--sentiment-neutral) 0%,var(--sentiment-neutral-dark) 100%)!important;color:#fff!important}.sidebar{width:280px;height:100vh;background:linear-gradient(180deg,#fff7edfa,#ffedd5f2);color:#1a1a1a;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;box-shadow:4px 0 16px #fb923c26;overflow-y:auto;border-right:2px solid rgba(251,146,60,.2)}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:2px solid rgba(249,115,22,.2);background:linear-gradient(135deg,#fff9,#fff7edcc)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.logo-image{height:40px;width:auto;object-fit:contain}.logo-icon{font-size:1.75rem}.logo-text{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:lowercase;letter-spacing:-.02em}.sidebar-subtitle{margin:0;font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sidebar-close-mobile{display:none}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.nav-section{margin-bottom:1.5rem}.nav-section-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;border-radius:.5rem;margin:.5rem}.nav-section-header:hover{background:#f973161a;opacity:1}.nav-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.nav-section-toggle{font-size:.625rem;color:#f97316;transition:transform .2s ease}.nav-section-content{display:flex;flex-direction:column;gap:.25rem;padding-left:.5rem;padding-right:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:#4a5568;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;position:relative;font-size:.9375rem;border-radius:0 .5rem .5rem 0;margin-right:.5rem}.nav-item-container{display:flex;flex-direction:column}.nav-item-sub{font-size:.875rem;padding-left:3rem!important;margin-top:.25rem}.nav-item-sub .nav-icon{font-size:1rem;width:18px}.nav-item:hover{background:#fb923c1a;color:#fb923c;border-left-color:#fb923c80;transform:translate(2px)}.nav-item.active{background:#fb923c26;color:#fb923c;border-left-color:#fb923c;font-weight:600;box-shadow:0 2px 8px #fb923c33}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#fb923c,#f97316);border-radius:0 2px 2px 0}.nav-icon{font-size:1.25rem;width:24px;text-align:center;display:flex;align-items:center;justify-content:center}.nav-label{font-size:.9375rem;flex:1}.sidebar-footer{padding:1rem 1.25rem;border-top:2px solid rgba(249,115,22,.2);margin-top:auto;background:linear-gradient(135deg,#fff9,#fff7edcc)}.sidebar-footer-info{display:flex;flex-direction:column;gap:.25rem}.sidebar-footer-text{font-size:.875rem;color:#4a5568;font-weight:600}.sidebar-footer-version{font-size:.75rem;color:#718096}.sidebar-footer-plan{margin-top:.5rem}.plan-badge{display:inline-block;padding:.25rem .5rem;background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border-radius:.5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #fb923c4d}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#fff7ed80}.sidebar::-webkit-scrollbar-thumb{background:#f9731666;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#f9731699}@media (max-width: 1024px){.sidebar{width:260px}.nav-item{padding:.625rem 1rem;font-size:.875rem}.nav-icon{font-size:1.125rem;width:20px}}@media (max-width: 768px){.sidebar{width:100%;max-width:280px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999}.sidebar.open{transform:translate(0)}.sidebar-close-mobile{display:flex;justify-content:flex-end;padding:1rem;border-bottom:1px solid rgba(249,115,22,.2)}.sidebar-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.sidebar-close-btn:hover{background:#f973161a;color:#f97316}.sidebar-header{padding:1.25rem 1rem}.nav-item{padding:.75rem 1rem}}@media (max-width: 480px){.sidebar{max-width:100%}.sidebar-header{padding:1rem}.sidebar-subtitle,.nav-section-title{font-size:.7rem}.nav-item{padding:.625rem .875rem;font-size:.875rem}}.layout{display:flex;min-height:100vh;background:#fff7ed}.layout-content{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.header{background:#fffffff2;border-bottom:1px solid rgba(251,146,60,.3);box-shadow:0 2px 8px #f9731614;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:100%}.header-left{flex:1;display:flex;align-items:center;gap:1rem}.hamburger-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#f97316;padding:.5rem;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.hamburger-btn:hover{background:#f973161a}.hamburger-icon{font-size:1.5rem;line-height:1}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-transform:lowercase}.header-right{display:flex;align-items:center;gap:1rem}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s ease}.logout-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.logout-icon{font-size:1rem}.logout-text{font-size:.9375rem}.main{flex:1;padding:2rem;max-width:100%;overflow-x:auto;background:#fff7ed;min-height:calc(100vh - 80px);color:#1a1a1a}@media (max-width: 1024px){.layout-content{margin-left:260px}.main{padding:1.5rem}}@media (max-width: 768px){.layout-content{margin-left:0}.header-content{padding:1rem;flex-wrap:wrap;gap:.75rem}.header-title{font-size:1.25rem}.header-left{flex:1 1 auto}.hamburger-btn{display:flex}.header-right{flex:0 0 auto}.main{padding:1rem;min-height:calc(100vh - 70px)}.logout-text{display:none}.logout-btn{padding:.5rem;min-width:40px}.logout-icon{font-size:1.125rem}.sidebar-overlay{display:block}}@media (max-width: 480px){.header-content{padding:.75rem}.header-title{font-size:1.125rem}.main{padding:.75rem}}.dashboard{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.dashboard-subtitle{color:#64748b;font-size:.9375rem;margin:0}.overall-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#fff,#fffcf5fa);border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #fb923c1f;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid rgba(251,146,60,.25);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(251,146,60,.12) 0%,transparent 70%);opacity:0;transition:opacity .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #fb923c33;border-color:#fb923c66}.stat-card:hover:after{opacity:1}.stat-card.primary{background:linear-gradient(135deg,#fb923c,#f97316)!important;color:#fff!important;border:none!important}.stat-card.primary:hover{box-shadow:0 8px 24px #fb923c66!important}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fb923c26;border-radius:.75rem}.stat-card.primary .stat-icon,.stat-card-blue .stat-icon,.stat-card-green .stat-icon,.stat-card-orange .stat-icon{background:#ffffff40!important;color:#fff}.stat-label{font-size:.875rem;color:#475569;margin:0 0 .5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-card.primary .stat-label,.stat-card-blue .stat-label,.stat-card-green .stat-label,.stat-card-orange .stat-label{color:#fff!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.15)!important;opacity:1!important}.stat-value{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.05)}.stat-card.primary .stat-value,.stat-card-blue .stat-value,.stat-card-green .stat-value,.stat-card-orange .stat-value{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;font-weight:700!important}.stat-card-green .stat-content,.stat-card-orange .stat-content{color:#fff!important}.stat-card-green h3.stat-label,.stat-card-orange h3.stat-label,.stat-card-green .stat-label,.stat-card-orange .stat-label,.stat-card-green p.stat-value,.stat-card-orange p.stat-value,.stat-card-green .stat-value,.stat-card-orange .stat-value{color:#fff!important;opacity:1!important}.stat-card-green span.stat-sub,.stat-card-orange span.stat-sub,.stat-card-green .stat-sub,.stat-card-orange .stat-sub{color:#fff!important;opacity:.95!important}.stat-sub{font-size:.875rem;color:#64748b;margin-top:.5rem;display:block;font-weight:500}.stat-card.primary .stat-sub,.stat-card-blue .stat-sub,.stat-card-green .stat-sub,.stat-card-orange .stat-sub{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.15)!important;font-weight:500!important;opacity:.95!important}.stat-card-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border:none!important}.stat-card-green{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important}.stat-card-green .stat-content h3.stat-label,.stat-card-green .stat-content p.stat-value,.stat-card-green .stat-content span.stat-sub{color:#fff!important;opacity:1!important}.stat-card.stat-card-green h3,.stat-card.stat-card-green p,.stat-card.stat-card-green span{color:#fff!important}.stat-card.stat-card-green .stat-value{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.stat-card.stat-card-green .stat-label{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.stat-card.stat-card-green .stat-sub{color:#fffffff2!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.stat-card-orange{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border:none!important}.stat-card-orange .stat-content h3.stat-label,.stat-card-orange .stat-content p.stat-value,.stat-card-orange .stat-content span.stat-sub{color:#fff!important;opacity:1!important}.stat-card.stat-card-orange h3,.stat-card.stat-card-orange p,.stat-card.stat-card-orange span{color:#fff!important}.stat-card.stat-card-orange .stat-value{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.stat-card.stat-card-orange .stat-label{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.stat-card.stat-card-orange .stat-sub{color:#fffffff2!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.stat-card-blue .stat-icon,.stat-card-green .stat-icon,.stat-card-orange .stat-icon{background:#ffffff40!important;color:#fff}.stat-card-blue:hover{box-shadow:0 6px 16px #3b82f680!important;transform:translateY(-3px)}.stat-card-green:hover{box-shadow:0 6px 16px #10b98180!important;transform:translateY(-3px)}.stat-card-orange:hover{box-shadow:0 6px 16px #f59e0b80!important;transform:translateY(-3px)}.tenants-section{margin-top:2rem}.section-title{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.5rem}.loading{text-align:center;padding:4rem;font-size:1.25rem;color:#6b7280}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.tenant-card{background:linear-gradient(135deg,#fff,#fffcf5fa);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #fb923c1f;transition:transform .3s,box-shadow .3s;border:1px solid rgba(251,146,60,.25);position:relative;overflow:hidden}.tenant-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fb923c,#f97316,#fb923c);opacity:0;transition:opacity .3s}.tenant-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #fb923c33;border-color:#fb923c66}.tenant-card:hover:before{opacity:1}.tenant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.tenant-info{flex:1}.tenant-header h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1e293b}.tenant-date{font-size:.875rem;color:#64748b}.tenant-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #fb923c4d}.tenant-quick-stats{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.quick-link{padding:.375rem .75rem;background:#fffc;color:#f97316;border-radius:.5rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid rgba(251,146,60,.2)}.quick-link:hover{background:#fb923c1a;color:#ea580c;border-color:#f97316;transform:translateY(-1px);box-shadow:0 2px 8px #fb923c26}.tenant-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary,.btn-danger{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fb923c66}.btn-secondary{background:#f3f4f6;color:#374151}.btn-danger{background:#fee2e2;color:#dc2626}.empty-state{text-align:center;padding:4rem;background:linear-gradient(135deg,#fff,#fffcf5fa);border-radius:16px;box-shadow:0 4px 12px #fb923c1a;border:1px solid rgba(251,146,60,.25)}.empty-state p{font-size:1.125rem;color:#6b7280;margin-bottom:1.5rem}.modal{background:linear-gradient(135deg,#fff,#fffcf5fa);border-radius:20px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #fb923c40;border:1px solid rgba(251,146,60,.3)}.modal h2{margin-bottom:1.5rem;color:#111827}.modal .form-group{margin-bottom:1.5rem}.modal .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.modal .form-group input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.modal .form-group input:focus{outline:none;border-color:#f97316}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 1024px){.dashboard{padding:1.5rem}.overall-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.tenants-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.dashboard-header h1{font-size:1.75rem}.overall-stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.tenants-grid{grid-template-columns:1fr;gap:1rem}.tenant-card{padding:1.25rem}.quick-links-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.modal{padding:1.5rem;max-width:95%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}@media (max-width: 480px){.dashboard{padding:.75rem}.dashboard-header h1{font-size:1.5rem}.stat-icon{width:50px;height:50px;font-size:2rem}.stat-value{font-size:1.75rem}.tenant-card h3{font-size:1.125rem}.quick-link{padding:.875rem;font-size:.875rem}}.tenant-detail{max-width:1400px;margin:0 auto;padding:2rem}.detail-header{margin-bottom:2rem}.back-link{display:inline-block;margin-bottom:1rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s}.back-link:hover{color:#5568d3}.header-title-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.detail-header h1{font-size:2rem;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:700}.btn-health-dashboard{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.btn-health-dashboard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;background:linear-gradient(135deg,#5568d3,#6a3d8f)}.detail-content{display:flex;flex-direction:column;gap:2rem}.info-section,.stats-section,.emoji-stats-section,.responses-section,.actions-section{background:linear-gradient(135deg,#fffcf5fa,#fff7edf2)!important;border-radius:20px;padding:2rem;box-shadow:0 8px 24px #fb923c1f!important;border:1px solid rgba(251,146,60,.25)!important;margin-bottom:2rem;position:relative;overflow:visible}.info-section:before,.stats-section:before,.emoji-stats-section:before,.responses-section:before,.actions-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fb923c,#f97316,#fb923c);opacity:.6;z-index:0;border-radius:20px 20px 0 0}.info-section h2,.stats-section h2,.emoji-stats-section h2,.responses-section h2,.actions-section h2{margin-bottom:1.5rem;font-size:1.625rem;font-weight:700;position:relative;z-index:10!important;display:block;color:#1a1a1a;line-height:1.4;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:100%}.info-section h2 *,.stats-section h2 *,.emoji-stats-section h2 *,.responses-section h2 *,.actions-section h2 *{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:inherit}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.action-card-link{text-decoration:none;color:inherit;border:none;background:none;padding:0;cursor:pointer;font-family:inherit}.action-card{background:linear-gradient(135deg,#fffcf5f5,#fff7edeb);border:2px solid rgba(251,146,60,.25);border-radius:14px;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #fb923c1a}.action-card:hover{border-color:#fb923c66;background:linear-gradient(135deg,#fffcf5fa,#fff7edf2);transform:translateY(-4px);box-shadow:0 8px 20px #fb923c26}.action-icon{font-size:2.5rem;margin-bottom:.75rem}.action-card h3{font-size:1rem;color:#111827;margin:0 0 .5rem}.action-card p{font-size:.875rem;color:#6b7280;margin:0}.info-card{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-weight:600;color:#6b7280;font-size:.875rem}.info-value{color:#111827;font-size:1rem}.api-key-section{display:flex;flex-direction:column;gap:.75rem}.api-key-visible,.api-key-hidden{background:#f3f4f6;padding:.75rem;border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.api-key-actions{display:flex;gap:.5rem}.btn-small{background:#f3f4f6;color:#374151}.btn-small:hover{background:#e5e7eb}.btn-warning{background:#fef3c7;color:#92400e}.btn-warning:hover{background:#fde68a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;position:relative;z-index:1}.stats-section .stat-card,.tenant-detail .stat-card{background:linear-gradient(135deg,#fb923c,#f97316)!important;color:#fff!important;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 16px #fb923c4d!important;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:none!important;z-index:1;margin-top:0}.stats-section .stat-card:after,.tenant-detail .stat-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s}.stats-section .stat-card:hover,.tenant-detail .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #fb923c66!important;background:linear-gradient(135deg,#f97316,#ea580c)!important}.stats-section .stat-card:hover:after,.tenant-detail .stat-card:hover:after{opacity:1}.stats-section .stat-card .stat-value,.tenant-detail .stat-card .stat-value{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stats-section .stat-card .stat-label,.tenant-detail .stat-card .stat-label{font-size:1rem;color:#fff!important;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);opacity:1!important}.emoji-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;position:relative;z-index:1}.emoji-stat{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#fffcf5f5,#fff7edeb);border-radius:12px;border:1px solid rgba(251,146,60,.25);box-shadow:0 2px 8px #fb923c1a;transition:all .2s ease}.emoji-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fb923c26;border-color:#fb923c4d}.emoji-icon{font-size:3rem}.emoji-info{flex:1}.emoji-label{font-weight:600;color:#111827;margin-bottom:.25rem}.emoji-count{font-size:.875rem;color:#6b7280}.responses-table{overflow-x:auto;position:relative;z-index:1}.responses-table table{width:100%;border-collapse:collapse;background:linear-gradient(135deg,#fffcf5f5,#fff7edeb)}.responses-table th,.responses-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(251,146,60,.2)}.responses-table th{background:#fb923c1a;font-weight:600;color:#1a1a1a;border-bottom:2px solid rgba(251,146,60,.4)}.responses-table tr:hover{background:#fb923c14}.emoji-cell{font-size:1.5rem;text-align:center}.url-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-cell a{color:#667eea;text-decoration:none}.url-cell a:hover{text-decoration:underline}.loading,.error{text-align:center;padding:4rem;font-size:1.25rem}.integration-section{background:linear-gradient(135deg,#fff,#fffcf5fa);border-radius:20px;padding:2rem;box-shadow:0 8px 24px #fb923c1f;border:1px solid rgba(251,146,60,.3);position:relative;overflow:hidden}.integration-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f97316,#ea580c,#f97316);opacity:.6}.integration-section h2{margin-bottom:1.5rem;color:#111827;font-size:1.5rem}.integration-card{display:flex;flex-direction:column;gap:2rem}.integration-step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.step-content{flex:1}.step-content h3{margin:0 0 .5rem;color:#111827;font-size:1.125rem}.step-content p{margin:0 0 1rem;color:#6b7280;line-height:1.6}.code-block{position:relative;background:#1e1e1e;border-radius:8px;padding:1.5rem;margin:1rem 0;overflow-x:auto}.code-block code{color:#d4d4d4;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;white-space:pre;display:block}.btn-copy-code{position:absolute;top:.75rem;right:.75rem;background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-copy-code:hover{background:#5568d3}.config-options{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.config-item{font-size:.875rem;color:#374151;line-height:1.6}.config-item strong{color:#111827}.config-item code{background:#e5e7eb;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;color:#111827}.info-box{margin-top:1rem;padding:1rem;background:#eff6ff;border-left:4px solid #667eea;border-radius:4px;font-size:.875rem;color:#1e40af}.info-box strong{color:#1e3a8a}.framework-tabs{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.framework-example{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background:#f9fafb}.framework-example h4{margin:0 0 .75rem;color:#111827;font-size:1rem;font-weight:600}.quick-actions-section{margin-bottom:2rem}.quick-actions-section h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;color:#1e293b}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.quick-action-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:.75rem;border:2px solid #e2e8f0;text-decoration:none;color:inherit;transition:all .2s ease;cursor:pointer}.quick-action-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.quick-action-icon{font-size:3rem;margin-bottom:1rem}.quick-action-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.quick-action-card p{font-size:.9375rem;color:#64748b;margin:0}.page-subtitle{font-size:1.125rem;color:#64748b;margin:.5rem 0 0}.quick-install{margin-top:1rem}.quick-install h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .75rem}.link{color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s ease}.link:hover{color:#4f46e5;text-decoration:underline}@media (max-width: 1024px){.tenant-detail{padding:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.emoji-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.actions-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.tenant-detail{padding:1rem;max-width:100%;overflow-x:hidden}.detail-content{gap:1.5rem}.info-section,.stats-section,.emoji-stats-section,.responses-section,.actions-section{padding:1.5rem;margin-bottom:1.5rem;max-width:100%;overflow-x:hidden;box-sizing:border-box}.stats-grid{grid-template-columns:1fr;gap:1rem;max-width:100%;overflow-x:hidden}.stats-section .stat-card,.tenant-detail .stat-card{padding:1.5rem;max-width:100%;box-sizing:border-box}.stats-section .stat-card .stat-value,.tenant-detail .stat-card .stat-value{font-size:2.5rem}.emoji-stats{grid-template-columns:1fr;gap:.75rem;max-width:100%;overflow-x:hidden}.emoji-stat{padding:1rem;max-width:100%;box-sizing:border-box}.actions-grid{grid-template-columns:1fr;gap:1rem;max-width:100%;overflow-x:hidden}.action-card{padding:1.25rem;max-width:100%;box-sizing:border-box}.quick-actions-grid{grid-template-columns:1fr;gap:1rem}.responses-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responses-table table{min-width:600px}.detail-header h1{font-size:1.5rem}.header-title-section{flex-direction:column;align-items:flex-start}.info-section h2,.stats-section h2,.emoji-stats-section h2,.responses-section h2,.actions-section h2{font-size:1.25rem}}@media (max-width: 480px){.tenant-detail{padding:.75rem}.info-section,.stats-section,.emoji-stats-section,.responses-section,.actions-section{padding:1rem;border-radius:12px}.stats-section .stat-card,.tenant-detail .stat-card{padding:1.25rem}.stats-section .stat-card .stat-value,.tenant-detail .stat-card .stat-value{font-size:2rem}.stats-section .stat-card .stat-label,.tenant-detail .stat-card .stat-label{font-size:.875rem}.emoji-icon{font-size:2.5rem}.action-icon{font-size:2rem}.responses-table table{min-width:500px;font-size:.875rem}.responses-table th,.responses-table td{padding:.75rem .5rem}}.health-dashboard{padding:2rem;max-width:1400px;margin:0 auto;background:#fffaf5;min-height:100vh}.health-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.health-header>div:first-child{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.health-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;padding:1.25rem;background:linear-gradient(135deg,#fff,#fffcf5fa);border-radius:12px;box-shadow:0 4px 12px #fb923c1a;border:1px solid rgba(251,146,60,.25)}.health-filters .filter-group{display:flex;flex-direction:column;gap:.25rem}.health-filters label{font-size:.875rem;font-weight:600;color:#374151}.health-filters .filter-input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:150px;background:#fff;color:#111827;border:2px solid rgba(251,146,60,.2)}.health-filters select.filter-input{cursor:pointer}.health-filters .filter-input:focus{outline:none;border-color:#fb923c;box-shadow:0 0 0 3px #fb923c33}.health-filters .btn-clear-filters{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.health-filters .btn-clear-filters:hover{background:#dc2626}.btn-generate-audio{padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.btn-generate-audio:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-generate-audio:disabled{opacity:.6;cursor:not-allowed}.audio-player-container{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:linear-gradient(135deg,#fff,#fffcf5fa);border-radius:12px;box-shadow:0 4px 12px #fb923c1a;border:1px solid rgba(251,146,60,.25);min-width:300px}.audio-player{flex:1;height:40px;outline:none}.audio-player::-webkit-media-controls-panel{background-color:#f9fafb}.btn-close-audio{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-close-audio:hover{background:#dc2626;transform:scale(1.1)}.health-header{margin-bottom:2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.health-header h1{font-size:2rem;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.5rem 0;font-weight:700}.health-header .subtitle{color:#6b7280;font-size:1rem;margin:0}.loading,.error{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}.error{color:#dc2626}.wellness-card{background:linear-gradient(135deg,#fff,#fffcf5fa)!important;border-radius:20px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 24px #fb923c1f;border:1px solid rgba(251,146,60,.3);position:relative;overflow:hidden}.wellness-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fb923c,#f97316,#fb923c);opacity:.6}.wellness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.wellness-card h2{font-size:1.625rem;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:700}.wellness-status-badge{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.wellness-status-badge.good{background:#d1fae5;color:#065f46}.wellness-status-badge.warning{background:#fef3c7;color:#92400e}.wellness-status-badge.critical{background:#fee2e2;color:#991b1b}.wellness-main{display:grid;grid-template-columns:auto 1fr;gap:3rem;margin-bottom:2rem;align-items:center}.wellness-visual{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.wellness-circle{position:relative;width:200px;height:200px}.wellness-progress{width:100%;height:100%;transform:rotate(-90deg)}.wellness-progress-circle{transition:stroke-dasharray .5s ease}.wellness-circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.wellness-value{font-size:3rem;font-weight:700;line-height:1;margin-bottom:.25rem}.wellness-value.good{color:#10b981}.wellness-value.warning{color:#f59e0b}.wellness-value.critical{color:#ef4444}.wellness-label{font-size:.875rem;color:#6b7280;font-weight:500}.trend-badge{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;border-radius:.75rem;background:#f9fafb;border:1px solid #e5e7eb;min-width:120px}.trend-badge.improving{background:#d1fae5;border-color:#10b981}.trend-badge.declining{background:#fee2e2;border-color:#ef4444}.trend-badge.stable{background:#f3f4f6;border-color:#9ca3af}.trend-icon{font-size:1.5rem}.trend-text{font-size:1.25rem;font-weight:700}.trend-badge.improving .trend-text{color:#10b981}.trend-badge.declining .trend-text{color:#ef4444}.trend-badge.stable .trend-text{color:#6b7280}.trend-label{font-size:.75rem;color:#6b7280}.wellness-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-item{padding:1.5rem;background:linear-gradient(135deg,#fff,#fffcf5f5);border-radius:14px;border:1px solid rgba(251,146,60,.25);display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #fb923c1f}.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #fb923c33;background:linear-gradient(135deg,#fff,#fffcf5fa);border-color:#fb923c66}.stat-item.positive{border-left:4px solid #10b981}.stat-item.neutral{border-left:4px solid #f59e0b}.stat-item.negative{border-left:4px solid #ef4444}.stat-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.stat-number{font-size:1.75rem;font-weight:700;color:#111827;line-height:1}.stat-item.positive .stat-number{color:#10b981}.stat-item.neutral .stat-number{color:#6b7280}.stat-item.negative .stat-number{color:#ef4444}.stat-percentage{font-size:.875rem;color:#6b7280}.wellness-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:2px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.wellness-total{display:flex;align-items:center;gap:.75rem}.total-label{font-size:.875rem;color:#6b7280;font-weight:500}.total-value{font-size:1.5rem;font-weight:700;color:#111827}.wellness-interpretation{flex:1;text-align:right}.interpretation-text{font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:.5rem}.interpretation-text.good{background:#d1fae5;color:#065f46}.interpretation-text.warning{background:#fef3c7;color:#92400e}.interpretation-text.critical{background:#fee2e2;color:#991b1b}.alerts-section{background:linear-gradient(135deg,#fff,#fffcf5fa)!important;border-radius:20px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 24px #fb923c1f;border:1px solid rgba(251,146,60,.3);position:relative;overflow:hidden}.alerts-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fb923c,#f97316,#fb923c);opacity:.6}.alerts-section h2{font-size:1.625rem;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;font-weight:700}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.alert{display:flex;gap:1rem;padding:1.5rem;border-radius:14px;border-left:4px solid;border:1px solid rgba(251,146,60,.2);background:#ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #fb923c14}.alert:hover{transform:translateY(-4px);box-shadow:0 8px 20px #fb923c26;background:#fff}.alert-critical{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border-left-color:#ef4444!important;border-color:#fecaca}.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border-left-color:#f59e0b!important;border-color:#fde68a}.alert-info{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-left-color:#3b82f6!important;border-color:#bfdbfe}.alert-icon{font-size:2rem;flex-shrink:0;align-self:flex-start}.alert-content{flex:1}.alert-message{font-weight:600;color:#111827;margin-bottom:.5rem;font-size:1rem;line-height:1.5}.alert-recommendation{font-size:.875rem;color:#6b7280;line-height:1.6;padding-left:1rem;border-left:2px solid rgba(0,0,0,.1)}.section-header-with-icon{margin-bottom:1.5rem;position:relative;z-index:2}.section-header-with-icon h2{font-size:1.625rem;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;font-weight:700}.section-description{font-size:.9375rem;color:#718096;margin:0;font-weight:500}.sector-section{background:linear-gradient(135deg,#fff,#fffcf5fa)!important;border-radius:20px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 24px #fb923c14;border:1px solid rgba(251,146,60,.2);position:relative;overflow:visible}.sector-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fb923c,#f97316,#fb923c);opacity:.6;z-index:1;border-radius:20px 20px 0 0}.sector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;width:100%;position:relative;z-index:2}@media (max-width: 1024px){.sector-grid{grid-template-columns:1fr}}.sector-card{padding:2rem;background:linear-gradient(135deg,#fff,#fffcf5f5)!important;border-radius:16px;border:1px solid rgba(251,146,60,.2);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #fb923c14;position:relative;overflow:visible;min-width:0;width:100%}.sector-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(251,146,60,.08) 0%,transparent 70%);opacity:0;transition:opacity .3s}.sector-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #fb923c26;border-color:#fb923c4d;background:linear-gradient(135deg,#fff,#fffcf5fa)!important}.sector-card:hover:after{opacity:1}.sector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.sector-card h3{font-size:1.25rem;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:700;flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.sector-wellness-badge{padding:.5rem 1rem;border-radius:12px;font-size:1rem;font-weight:700;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .2s;flex-shrink:0;white-space:nowrap}.sector-wellness-badge.good{background:#d1fae5!important;color:#065f46}.sector-wellness-badge.warning{background:#fef3c7!important;color:#92400e}.sector-wellness-badge.critical{background:#fee2e2!important;color:#991b1b}.sector-progress-bar{display:flex;height:12px;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;background:#fb923c26;box-shadow:inset 0 2px 4px #0000000d}.progress-segment{height:100%;transition:width .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0000001a}.progress-segment.positive{background:linear-gradient(135deg,#10b981,#059669)}.progress-segment.neutral{background:linear-gradient(135deg,#f59e0b,#d97706)}.progress-segment.negative{background:linear-gradient(135deg,#ef4444,#dc2626)}.sector-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;width:100%;min-width:0}.sector-stat-item{display:flex;flex-direction:column;gap:.375rem;padding:1rem;background:#fffc!important;border-radius:10px;border:1px solid rgba(251,146,60,.2);box-shadow:0 2px 8px #fb923c14;transition:all .2s;min-width:0;overflow:visible}.sector-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fb923c26;background:#fff!important}.sector-stat-item.positive{border-left:3px solid #10b981}.sector-stat-item.neutral{border-left:3px solid #9ca3af}.sector-stat-item.negative{border-left:3px solid #ef4444}.sector-stat-item .stat-label{font-size:.8125rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.05em;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.sector-stat-item .stat-value{font-size:1.5rem;font-weight:700;color:#1a1a1a;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.sector-stat-item .stat-percent{font-size:.75rem;color:#6b7280;word-wrap:break-word;overflow-wrap:break-word}.day-section{background:linear-gradient(135deg,#fff,#fffcf5fa)!important;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 24px #fb923c1f;border:1px solid rgba(251,146,60,.3);position:relative;overflow:hidden}.day-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fb923c,#f97316,#fb923c);opacity:.6}.day-chart{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow-x:hidden}.day-bar{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;min-height:70px;background:linear-gradient(135deg,#fffffff2,#fff7ede6)!important;border:1px solid rgba(251,146,60,.25);border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #fb923c1a;position:relative;overflow:visible}.day-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#fb923c,#f97316);opacity:0;transition:opacity .3s}.day-bar:hover{background:linear-gradient(135deg,#fff,#fffcf5fa)!important;border-color:#fb923c66;transform:translate(6px);box-shadow:0 8px 20px #fb923c33}.day-bar:hover:before{opacity:1}.day-info{min-width:140px;display:flex;flex-direction:column;gap:.375rem;flex-shrink:0}.day-label{font-weight:700;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:capitalize;font-size:1rem;letter-spacing:.01em;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.day-total{font-size:.8125rem;color:#718096;font-weight:500}.day-bar-container{flex:1;display:flex;align-items:center;gap:.75rem;position:relative;min-height:48px;background:#fb923c26;border-radius:12px;overflow:hidden;border:1px solid rgba(251,146,60,.25);box-shadow:inset 0 2px 4px #0000000d}.day-bar-segments{position:absolute;left:0;top:0;height:100%;width:100%;display:flex}.day-segment{height:100%;transition:width .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #00000026}.day-segment.positive{background:linear-gradient(135deg,#10b981,#059669)}.day-segment.negative{background:linear-gradient(135deg,#ef4444,#dc2626)}.day-value{position:absolute;right:.75rem;font-weight:700;color:#fb923c;font-size:.9375rem;z-index:1;background:#fffffffa;padding:.5rem .875rem;border-radius:8px;box-shadow:0 2px 8px #fb923c33;border:1px solid rgba(251,146,60,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;flex-shrink:0}.hour-section{background:linear-gradient(135deg,#fffffffa,#fff7edf2)!important;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 24px #fb923c1f;border:1px solid rgba(251,146,60,.3);position:relative;overflow:hidden}.hour-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fb923c,#f97316,#fb923c);opacity:.6}.hour-chart-container,.day-chart-container{overflow-x:auto;padding:.75rem 0;max-width:100%;-webkit-overflow-scrolling:touch}.hour-chart{display:grid;grid-template-columns:repeat(24,1fr);gap:.375rem;align-items:end;min-width:1200px}.hour-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.375rem;border-radius:.5rem;transition:all .2s;background:linear-gradient(135deg,#fffffff2,#fff7ede6)!important;border:1px solid rgba(251,146,60,.25);box-shadow:0 2px 8px #fb923c14}.hour-item:hover:not(.empty){background:linear-gradient(135deg,#fff,#fffcf5fa)!important;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.hour-item.empty{opacity:.3;background:#f9fafb!important}.hour-label{font-size:.7rem;color:#6b7280;font-weight:600;text-align:center}.hour-bar-container{width:100%;height:100px;background:#f3f4f6!important;border-radius:4px;position:relative;display:flex;align-items:flex-end;border:1px solid #e5e7eb}.hour-bar-container.empty{background:#f9fafb!important}.hour-bar-fill{width:100%;border-radius:4px 4px 0 0;transition:all .3s;min-height:4px;position:relative}.hour-bar-fill.good{background:linear-gradient(180deg,#10b981,#059669)}.hour-bar-fill.warning{background:linear-gradient(180deg,#f59e0b,#d97706)}.hour-bar-fill.critical{background:linear-gradient(180deg,#ef4444,#dc2626)}.hour-bar-fill.empty{background:#e5e7eb;height:4px}.hour-stats{display:flex;flex-direction:column;align-items:center;gap:.125rem;font-size:.65rem;color:#6b7280}.hour-count{font-weight:600;color:#111827;font-size:.7rem}.hour-percent{font-size:.6rem;color:#6b7280}@media (max-width: 1024px){.wellness-main{grid-template-columns:1fr;gap:2rem}.wellness-visual{align-items:center}.sector-grid{grid-template-columns:1fr;gap:1.5rem}.sector-section{padding:2rem}.sector-card{padding:1.75rem}.alerts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.health-dashboard{padding:1rem;max-width:100%;overflow-x:hidden;box-sizing:border-box}.wellness-circle{width:150px;height:150px}.wellness-value{font-size:2rem}.wellness-breakdown{grid-template-columns:1fr}.wellness-footer{flex-direction:column;align-items:flex-start}.wellness-interpretation{text-align:left;width:100%}.sector-grid{grid-template-columns:1fr;gap:1.25rem}.sector-section{padding:1.5rem;border-radius:16px}.sector-card{padding:1.5rem}.sector-header{flex-direction:column;align-items:flex-start;gap:.75rem}.sector-card h3{font-size:1.125rem}.sector-stats{grid-template-columns:1fr;gap:.75rem}.sector-stat-item{padding:.875rem}.sector-stat-item .stat-value{font-size:1.25rem}.hour-chart{grid-template-columns:repeat(12,1fr);min-width:600px}.hour-chart-container{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.health-header{flex-direction:column}.header-actions,.health-filters{width:100%}.day-info{min-width:100px}.day-label{font-size:.875rem;line-height:1.5}.day-bar{min-height:80px;padding:1rem 1.25rem}.health-dashboard{max-width:100%;overflow-x:hidden}.wellness-section,.sector-section,.alerts-section,.hour-section,.day-section{max-width:100%;overflow-x:hidden;box-sizing:border-box}.sector-grid{max-width:100%;overflow-x:hidden}.sector-card{max-width:100%;box-sizing:border-box}.hour-chart-container,.day-chart-container{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.day-chart{max-width:100%;overflow-x:hidden}.day-bar{max-width:100%;box-sizing:border-box}}@media (max-width: 480px){.health-dashboard{padding:.75rem;max-width:100%;overflow-x:hidden;box-sizing:border-box}.wellness-section,.sector-section,.alerts-section,.hour-section,.day-section{padding:1rem;max-width:100%;overflow-x:hidden;box-sizing:border-box}.sector-card{padding:1rem}.hour-chart{min-width:500px}.day-chart{min-width:400px}.health-filters{flex-direction:column;align-items:stretch}.health-filters .filter-group{width:100%}.health-filters .filter-input{width:100%;min-width:auto}}.actions-page{padding:2rem;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh}.actions-header{margin-bottom:2rem}.header-title-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;flex-wrap:wrap}.actions-header h1{font-size:2rem;color:#111827;margin:0}.actions-header .subtitle{color:#6b7280;font-size:1rem;margin:0}.btn-back{background:#fff;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:8px;cursor:pointer;color:#374151;font-size:.9rem;margin-bottom:1rem;transition:all .2s}.btn-back:hover{background:#f9fafb;border-color:#d1d5db}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a}.empty-state h2{color:#111827;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:2rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.action-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s}.action-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.action-card-header h3{font-size:1.25rem;color:#111827;margin:0;flex:1}.action-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.action-card-body{margin-bottom:1rem}.action-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.info-item{font-size:.9rem;color:#6b7280}.info-item strong{color:#374151;margin-right:.5rem}.action-description,.action-results{margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.action-description strong,.action-results strong{display:block;color:#111827;margin-bottom:.5rem}.action-description p,.action-results p{color:#6b7280;margin:0;line-height:1.5}.action-metrics{margin-bottom:1rem;padding:1rem;background:#eff6ff;border-radius:8px;border-left:4px solid #3b82f6}.action-metrics strong{display:block;color:#111827;margin-bottom:.75rem}.metrics-comparison{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;color:#6b7280}.metric-value{font-size:1.1rem;font-weight:600;color:#111827}.metric-diff{margin-left:auto;font-size:1.25rem;font-weight:700}.metric-diff .positive{color:#10b981}.metric-diff .negative{color:#ef4444}.action-card-footer{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-small{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:#eff6ff;color:#3b82f6}.btn-edit:hover{background:#dbeafe}.btn-delete{background:#fef2f2;color:#ef4444}.btn-delete:hover{background:#fee2e2}.btn-secondary{background:#f3f4f6;color:#374151;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#111827}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#111827}.action-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.loading{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}@media (max-width: 768px){.actions-page{padding:1rem}.actions-grid,.form-row{grid-template-columns:1fr}.modal-content{margin:1rem}}.installation-guide{max-width:1200px;margin:0 auto}.guide-content{display:flex;flex-direction:column;gap:2rem}.guide-section{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.section-header h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.api-key-box{display:flex;align-items:center;gap:1rem;background:#f8fafc;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0;margin-bottom:1rem}.api-key{flex:1;font-family:Monaco,Courier New,monospace;font-size:.875rem;color:#1e293b;word-break:break-all;padding:.5rem;background:#fff;border-radius:.375rem}.copy-btn{padding:.5rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#4f46e5;transform:translateY(-1px)}.copy-btn.copied{background:#10b981}.section-note{font-size:.875rem;color:#64748b;margin:0}.code-block-container{position:relative;margin:1rem 0}.copy-code-btn{position:absolute;top:.75rem;right:.75rem;padding:.5rem 1rem;background:#6366f11a;color:#6366f1;border:1px solid #6366f1;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;z-index:10}.copy-code-btn:hover{background:#6366f1;color:#fff}.code-block{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:0;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}.code-block code{color:#e2e8f0}.config-options{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.config-options h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.config-options ul{list-style:none;padding:0;margin:0}.config-options ul>li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.config-options ul>li:before{content:"▸";position:absolute;left:0;color:#6366f1}.config-options ul>li strong{color:#1e293b;font-weight:600}.config-options ul>li ul{margin-top:.5rem;padding-left:1rem}.config-options ul>li ul li{margin-bottom:.5rem;font-size:.9375rem}.config-options code{background:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem;font-family:Monaco,Courier New,monospace;font-size:.875rem;color:#6366f1}.next-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.step-card{display:flex;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0;transition:all .2s ease}.step-card:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.step-number{width:2.5rem;height:2.5rem;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.step-content h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.step-content p{font-size:.9375rem;color:#64748b;margin:0;line-height:1.5}.mobile-example{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.mobile-example:first-of-type{margin-top:1rem;padding-top:1rem;border-top:none}.mobile-example h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.mobile-example p{font-size:.9375rem;color:#64748b;margin:0 0 1rem}.mobile-notes{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0;background:#f8fafc;padding:1.5rem;border-radius:.5rem}.mobile-notes h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.mobile-notes ul{list-style:none;padding:0;margin:0}.mobile-notes ul>li{margin-bottom:1rem;padding-left:1.5rem;position:relative;color:#475569;font-size:.9375rem;line-height:1.6}.mobile-notes ul>li:before{content:"📌";position:absolute;left:0}.mobile-notes ul>li strong{color:#1e293b;font-weight:600}.mobile-notes ul>li ul{margin-top:.5rem;padding-left:1rem}.mobile-notes ul>li ul li{margin-bottom:.5rem;font-size:.875rem;color:#64748b}.mobile-notes code{background:#e2e8f0;padding:.125rem .375rem;border-radius:.25rem;font-family:Monaco,Courier New,monospace;font-size:.8125rem;color:#1e293b}@media (max-width: 768px){.installation-guide{padding:0}.guide-section{padding:1.5rem}.api-key-box{flex-direction:column;align-items:stretch}.code-block{padding:1rem;font-size:.8125rem}.copy-code-btn{position:static;width:100%;margin-bottom:.5rem}.next-steps{grid-template-columns:1fr}.mobile-example{margin-top:1.5rem;padding-top:1.5rem}.mobile-notes{padding:1rem}.mobile-notes ul>li{font-size:.875rem}}.insights-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.page-subtitle{font-size:1.125rem;color:#64748b;margin:0}.insights-section,.explanation-section,.suggestions-section,.educational-section{background:#fff;border-radius:.75rem;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.insights-section h2,.explanation-section h2,.suggestions-section h2,.educational-section h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.insight-card{display:flex;gap:1rem;padding:1.5rem;border-radius:.5rem;border:2px solid;transition:all .2s ease}.insight-critical{background:#fef2f2;border-color:#fca5a5}.insight-warning{background:#fffbeb;border-color:#fcd34d}.insight-info{background:#eff6ff;border-color:#93c5fd}.insight-success{background:#f0fdf4;border-color:#86efac}.insight-icon{font-size:2rem;flex-shrink:0}.insight-content{flex:1}.insight-content h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.insight-content p{font-size:.9375rem;color:#475569;margin:0 0 .75rem;line-height:1.5}.actionable-badge{display:inline-block;padding:.25rem .75rem;background:#6366f1;color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:500}.explanation-card{display:flex;flex-direction:column;gap:1.5rem}.explanation-summary,.explanation-points,.explanation-recommendations{padding:1.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.explanation-summary h3,.explanation-points h3,.explanation-recommendations h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.explanation-summary p{font-size:1rem;color:#475569;line-height:1.6;margin:0}.explanation-points ul,.explanation-recommendations ul{list-style:none;padding:0;margin:0}.explanation-points li,.explanation-recommendations li{padding:.75rem 0 .75rem 1.5rem;position:relative;font-size:.9375rem;color:#475569;line-height:1.6}.explanation-points li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:600}.explanation-recommendations li:before{content:"→";position:absolute;left:0;color:#6366f1;font-weight:600}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.suggestion-card{padding:1.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0;transition:all .2s ease}.suggestion-card:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.priority-badge{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.priority-high{background:#fee2e2;color:#991b1b}.priority-medium{background:#fef3c7;color:#92400e}.priority-low{background:#d1fae5;color:#065f46}.category-badge{padding:.25rem .75rem;background:#e0e7ff;color:#4338ca;border-radius:.25rem;font-size:.75rem;font-weight:500}.suggestion-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .75rem}.suggestion-card p{font-size:.9375rem;color:#475569;margin:0 0 1rem;line-height:1.5}.effectiveness-label{font-size:.875rem;color:#64748b;margin-bottom:.5rem;display:block}.effectiveness-progress{height:.5rem;background:#e2e8f0;border-radius:.25rem;overflow:hidden}.effectiveness-fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);transition:width .3s ease}.educational-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.educational-card{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:.5rem;border:1px solid #e2e8f0}.educational-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.educational-value{font-size:1.5rem;font-weight:700;color:#6366f1;margin:0 0 1rem}.generate-content-btn{width:100%;padding:.75rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s ease}.generate-content-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.generate-content-btn:disabled{opacity:.6;cursor:not-allowed}.educational-content{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.educational-content p{font-size:.9375rem;color:#475569;line-height:1.6;margin:0 0 .75rem}.educational-content strong{color:#1e293b;font-weight:600}.loading,.error{text-align:center;padding:2rem;font-size:1.125rem}.loading-small{text-align:center;padding:1rem;color:#64748b}.no-suggestions{text-align:center;padding:2rem;color:#64748b;font-style:italic}.dynamics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.dynamic-card{padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0;transition:all .2s ease}.dynamic-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.dynamic-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start}.dynamic-type-icon{font-size:2.5rem;flex-shrink:0}.dynamic-title-section{flex:1}.dynamic-title-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.dynamic-type{display:inline-block;padding:.25rem .75rem;background:#e0e7ff;color:#4338ca;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.dynamic-description{font-size:.9375rem;color:#475569;line-height:1.6;margin:0 0 1rem}.dynamic-meta{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.meta-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.meta-label{color:#64748b;font-weight:500}.meta-value{color:#1e293b;font-weight:600}.dynamic-resources{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.dynamic-resources strong{display:block;margin-bottom:.5rem;color:#1e293b;font-size:.875rem}.dynamic-resources ul{list-style:none;padding:0;margin:0}.dynamic-resources li{padding:.25rem 0 .25rem 1.25rem;position:relative;font-size:.875rem;color:#475569}.dynamic-resources li:before{content:"•";position:absolute;left:0;color:#6366f1;font-weight:700}.action-plan-suggestion{padding:2rem;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:.75rem;border:2px solid #e2e8f0}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.plan-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;flex:1}.plan-sector{padding:.5rem 1rem;background:#dbeafe;color:#1e40af;border-radius:.5rem;font-size:.875rem;font-weight:500;white-space:nowrap}.plan-description{font-size:1rem;color:#475569;line-height:1.6;margin:0 0 2rem}.plan-objectives,.plan-topics,.plan-actions{margin:1.5rem 0;padding:1.5rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.plan-objectives h4,.plan-topics h4,.plan-actions h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.plan-objectives ul{list-style:none;padding:0;margin:0}.plan-objectives li{padding:.75rem 0 .75rem 1.5rem;position:relative;font-size:.9375rem;color:#475569;line-height:1.6}.plan-objectives li:before{content:"🎯";position:absolute;left:0}.topics-tags{display:flex;flex-wrap:wrap;gap:.5rem}.topic-tag{padding:.5rem 1rem;background:#e0e7ff;color:#4338ca;border-radius:.5rem;font-size:.875rem;font-weight:500}.actions-list{display:flex;flex-direction:column;gap:1rem}.action-item{padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0;transition:all .2s ease}.action-item:hover{border-color:#6366f1;background:#f0f4ff}.action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.action-header h5{font-size:1rem;font-weight:600;color:#1e293b;margin:0;flex:1}.action-item p{font-size:.9375rem;color:#475569;margin:0 0 .5rem;line-height:1.5}.action-time{font-size:.875rem;color:#64748b;margin-top:.5rem}.plan-duration{margin:1.5rem 0;padding:1rem;background:#dbeafe;border-radius:.5rem;text-align:center;font-size:1rem;color:#1e40af}.plan-actions-buttons{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.btn-retry{padding:.5rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-retry:hover{background:#4f46e5}.error-box{padding:1.5rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;color:#991b1b;text-align:center}.error-box p{margin:0 0 1rem}.empty-suggestions{text-align:center;padding:3rem 2rem;background:#f8fafc;border-radius:.5rem;border:2px dashed #cbd5e1}.empty-suggestions p{color:#64748b;margin:0 0 1.5rem;font-size:1rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.section-description{font-size:.9375rem;color:#64748b;margin:0}@media (max-width: 768px){.page-header{flex-direction:column}.insights-grid,.suggestions-grid,.educational-grid,.dynamics-grid{grid-template-columns:1fr}.plan-header,.plan-actions-buttons{flex-direction:column}.action-header{flex-direction:column;align-items:flex-start}}.text-responses-analysis{display:flex;flex-direction:column;gap:2rem}.analysis-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.stat-card.positive{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.stat-card.negative{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.stat-card.neutral{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#9ca3af}.stat-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#64748b;font-weight:500}.keywords-section,.themes-section,.samples-section{padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.keywords-section h4,.themes-section h4,.samples-section h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.keywords-list{display:flex;flex-wrap:wrap;gap:.75rem}.keyword-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem}.keyword-word{font-weight:600;color:#1e293b}.keyword-count{padding:.125rem .5rem;background:#e0e7ff;color:#4338ca;border-radius:.25rem;font-size:.75rem;font-weight:500}.themes-list{display:flex;flex-direction:column;gap:.75rem}.theme-item{padding:.75rem 1rem;background:#fff;border-left:4px solid #6366f1;border-radius:.5rem;font-size:.9375rem;color:#475569;font-weight:500}.samples-list{display:flex;flex-direction:column;gap:1rem}.sample-item{padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;transition:all .2s ease}.sample-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.sample-item.sample-positive{border-left:4px solid #10b981}.sample-item.sample-negative{border-left:4px solid #ef4444}.sample-item.sample-neutral{border-left:4px solid #9ca3af}.sample-sentiment{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem}.sample-score{font-size:.75rem;padding:.125rem .5rem;background:#f1f5f9;color:#64748b;border-radius:.25rem;font-weight:500}.sample-text{font-size:.9375rem;color:#475569;line-height:1.6;font-style:italic}.predictive-trend-container{display:flex;flex-direction:column;gap:2rem}.predictions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.prediction-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.prediction-card.current{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.prediction-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:.75rem;flex-shrink:0}.ai-analysis-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:1rem;padding:1.5rem;border:1px solid #bae6fd;box-shadow:0 1px 3px #0000001a}.ai-analysis-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.ai-analysis-content{color:#475569;font-size:.9375rem;line-height:1.8}.ai-analysis-content p{margin:0}.people-at-risk-container{margin-top:1.5rem}.people-at-risk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.person-risk-card{background:linear-gradient(135deg,#fffffffa,#fff7edf2);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #f973161a;border:2px solid rgba(251,146,60,.3);transition:all .3s ease;position:relative;overflow:hidden}.person-risk-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:.8}.person-risk-card.risk-critical:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.person-risk-card.risk-high:before{background:linear-gradient(90deg,#f97316,#ea580c)}.person-risk-card.risk-medium:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.person-risk-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #f9731633;border-color:#f9731680}.person-risk-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.person-risk-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.person-risk-info h3{margin:0;font-size:1.125rem;color:#1a1a1a;font-weight:600}.risk-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-top:.25rem}.risk-badge.risk-critical{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.risk-badge.risk-high{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.risk-badge.risk-medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.person-risk-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.person-risk-stats .stat-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fffc;border-radius:10px;border:1px solid rgba(251,146,60,.2)}.person-risk-stats .stat-label{font-size:.75rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.person-risk-stats .stat-value{font-size:1.25rem;font-weight:700;color:#1a1a1a}.person-risk-insight{padding:1rem;background:#ffffffe6;border-radius:10px;border-left:4px solid #f97316;margin-bottom:1.25rem}.person-risk-insight p{margin:0;color:#4a5568;font-size:.9375rem;line-height:1.6}.person-risk-actions{margin-bottom:1rem}.person-action-plan{margin-top:1.25rem;padding:1.25rem;background:linear-gradient(135deg,#f973161a,#fb923c0d);border-radius:12px;border:1px solid rgba(249,115,22,.2)}.person-action-plan h4{margin:0 0 1rem;color:#f97316;font-size:1rem;font-weight:700}.person-action-plan ul{margin:0;padding-left:1.5rem}.person-action-plan li{margin-bottom:.75rem;color:#4a5568;line-height:1.6}.person-action-plan li strong{color:#1a1a1a}.person-action-plan p{margin:0;color:#4a5568;line-height:1.6}.trend-chart-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.trend-points{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap}.trend-point.past{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3)}.trend-point.future{background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid rgba(16,185,129,.3)}.trend-line{flex:1;height:4px;background:#e2e8f0;border-radius:2px;position:relative;overflow:visible;min-width:60px}@media (max-width: 768px){.predictions-grid{grid-template-columns:1fr}.trend-points{flex-direction:column}.trend-line{width:4px;height:60px;min-width:4px}.trend-line-fill{width:100%;height:auto}}.analytics-page{padding:2rem;max-width:1600px;margin:0 auto;background:#fffaf5;min-height:100vh}.page-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.period-selector{display:flex;gap:.5rem;background:linear-gradient(135deg,#fff,#fffcf5fa);padding:.25rem;border-radius:.75rem;box-shadow:0 4px 12px #fb923c0f;border:1px solid rgba(251,146,60,.2)}.period-selector button{padding:.5rem 1rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.period-selector button:hover{background:#f1f5f9;color:#475569}.period-selector button.active{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;box-shadow:0 2px 4px #fb923c4d}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:linear-gradient(135deg,#fff,#fffcf5f5);border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #f973161a;border:1px solid rgba(251,146,60,.25);display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #f9731633;border-color:#f9731666}.metric-card.primary{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border:none!important}.metric-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fb923c26;border-radius:.75rem}.metric-card.primary .metric-icon{background:#fff3}.metric-content{flex:1}.metric-label{font-size:.875rem;color:#64748b;margin:0 0 .5rem;font-weight:500}.metric-card.primary .metric-label{color:#ffffffe6}.metric-value{font-size:2rem;font-weight:700;color:#1e293b;margin:0;line-height:1}.metric-card.primary .metric-value{color:#fff}.metric-sub{font-size:.75rem;color:#94a3b8;margin-top:.25rem;display:block}.metric-card.primary .metric-sub{color:#fffc}.metric-trend{font-size:.875rem;font-weight:600;margin-top:.5rem;display:inline-block}.metric-trend.improving{color:#10b981}.metric-trend.declining{color:#ef4444}.metric-trend.stable{color:#64748b}.metric-card.primary .metric-trend{color:#ffffffe6}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.analytics-card{background:linear-gradient(135deg,#fff,#fffcf5fa);border-radius:20px;padding:2rem;box-shadow:0 8px 24px #fb923c14;border:1px solid rgba(251,146,60,.2);position:relative;overflow:hidden}.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fb923c,#f97316,#fb923c);opacity:.6}.analytics-card h3{font-size:1.375rem;font-weight:700;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.5rem;position:relative;z-index:1}.chart-placeholder{min-height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffcf599,#fff8f099);border-radius:12px;border:1px solid rgba(251,146,60,.15);color:#718096;font-size:.875rem;text-align:center;padding:2rem}.sector-list{display:flex;flex-direction:column;gap:1rem}.sector-item{padding:1.25rem;background:linear-gradient(135deg,#fff,#fffcf5f2);border-radius:12px;border:1px solid rgba(251,146,60,.15);box-shadow:0 2px 8px #fb923c0f;transition:all .2s}.sector-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f9731626;border-color:#f973164d}.sector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sector-name{font-weight:600;color:#1e293b}.sector-wellsness{font-weight:700;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.125rem}.sector-bar{height:10px;background:#fb923c26;border-radius:6px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 2px 4px #0000000d}.sector-bar-fill{height:100%;background:linear-gradient(90deg,#fb923c,#f97316);transition:width .3s ease;box-shadow:0 2px 4px #fb923c33}.sector-stats{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.day-of-week-chart{display:flex;flex-direction:column;gap:1rem}.day-item{padding:.875rem;background:linear-gradient(135deg,#fff,#fffcf5f2);border-radius:10px;border:1px solid rgba(251,146,60,.15);box-shadow:0 2px 8px #fb923c0f;transition:all .2s}.day-item:hover{transform:translate(4px);box-shadow:0 4px 12px #f9731626}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.day-name{font-weight:600;color:#1e293b;font-size:.875rem}.day-wellsness{font-weight:700;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.day-bar{height:8px;background:#fb923c26;border-radius:6px;overflow:hidden;margin-bottom:.5rem;box-shadow:inset 0 2px 4px #0000000d}.day-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#fb923c);transition:width .3s ease;box-shadow:0 2px 4px #fb923c33}.day-count{font-size:.75rem;color:#94a3b8}.hour-chart{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.hour-item{display:flex;flex-direction:column;gap:.25rem;padding:.625rem;background:linear-gradient(135deg,#ffffffe6,#fff7edd9);border-radius:8px;border:1px solid rgba(251,146,60,.2);box-shadow:0 2px 8px #f9731614;transition:all .2s}.hour-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f9731626}.hour-label{font-size:.75rem;font-weight:600;color:#64748b}.hour-bar{height:6px;background:#fb923c26;border-radius:4px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.hour-bar-fill{height:100%;background:linear-gradient(90deg,#fb923c,#f97316);transition:width .3s ease;box-shadow:0 2px 4px #fb923c33}.hour-value{font-size:.625rem;color:#94a3b8;font-weight:600}.empty-state{text-align:center;color:#94a3b8;font-size:.875rem;padding:2rem}.predictions-page{padding:2rem;max-width:1600px;margin:0 auto}.predictions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.prediction-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.prediction-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.prediction-card.current{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.prediction-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:.75rem}.prediction-card.current .prediction-icon{background:#fff3}.prediction-content{flex:1}.prediction-label{font-size:.875rem;color:#64748b;margin:0 0 .5rem;font-weight:500}.prediction-card.current .prediction-label{color:#ffffffe6}.prediction-value{font-size:2rem;font-weight:700;color:#1e293b;margin:0;line-height:1}.prediction-card.current .prediction-value{color:#fff}.prediction-status,.prediction-change{font-size:.875rem;font-weight:600;margin-top:.5rem;display:inline-block}.prediction-status.high{color:#ef4444}.prediction-status.medium{color:#f59e0b}.prediction-status.low,.prediction-change.improving{color:#10b981}.prediction-change.declining{color:#ef4444}.prediction-change.stable{color:#64748b}.prediction-card.current .prediction-status,.prediction-card.current .prediction-change{color:#ffffffe6}.recommendations-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.recommendations-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:.5rem;border-left:3px solid #667eea}.recommendation-icon{font-size:1.25rem;flex-shrink:0}.recommendation-text{color:#475569;font-size:.9375rem;line-height:1.5}.trend-chart-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.trend-chart-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.trend-chart{padding:2rem}.trend-points{display:flex;align-items:center;gap:1rem;justify-content:space-between}.trend-point{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f8fafc;border-radius:.5rem;min-width:120px}.trend-point.past{background:linear-gradient(135deg,#667eea20,#764ba220)}.trend-point.future{background:linear-gradient(135deg,#10b98120,#05966920)}.trend-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.trend-value{font-size:1.5rem;font-weight:700;color:#1e293b}.trend-line{flex:1;height:4px;background:#e2e8f0;border-radius:2px;position:relative;overflow:visible}.trend-line-fill{height:100%;border-radius:2px;transition:width .5s ease}.trend-line-fill.improving{background:linear-gradient(90deg,#10b981,#059669)}.trend-line-fill.declining{background:linear-gradient(90deg,#ef4444,#dc2626)}.trend-line-fill.stable{background:linear-gradient(90deg,#64748b,#475569)}.heatmap-page{padding:2rem;max-width:1600px;margin:0 auto}.view-selector{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.view-selector button{padding:.5rem 1rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.view-selector button:hover{background:#f1f5f9;color:#475569}.view-selector button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px #667eea4d}.heatmap-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.heatmap-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.heatmap-container{overflow-x:auto;margin-bottom:1rem}.heatmap-grid,.heatmap-grid-sector{display:inline-grid;gap:2px;min-width:100%}.heatmap-header{display:grid;grid-template-columns:100px repeat(24,40px);gap:2px;margin-bottom:2px}.heatmap-grid-sector .heatmap-header{grid-template-columns:150px repeat(7,80px)}.heatmap-corner{background:#f8fafc;height:40px;border-radius:.25rem}.heatmap-hour-label,.heatmap-day-label-small{background:#f8fafc;height:40px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#64748b;border-radius:.25rem}.heatmap-row{display:grid;grid-template-columns:100px repeat(24,40px);gap:2px;margin-bottom:2px}.heatmap-grid-sector .heatmap-row{grid-template-columns:150px repeat(7,80px)}.heatmap-day-label,.heatmap-sector-label{background:#f8fafc;padding:.75rem;display:flex;align-items:center;font-size:.875rem;font-weight:600;color:#475569;border-radius:.25rem}.heatmap-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid rgba(0,0,0,.1)}.heatmap-grid-sector .heatmap-cell{width:80px;height:60px}.heatmap-cell:hover{transform:scale(1.1);z-index:10;box-shadow:0 4px 12px #0003}.heatmap-value{font-size:.625rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.heatmap-grid-sector .heatmap-value{font-size:.875rem}.heatmap-legend{display:flex;gap:1.5rem;justify-content:center;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.legend-color{width:20px;height:20px;border-radius:.25rem;border:1px solid rgba(0,0,0,.1)}.heatmap-stats{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.heatmap-stat{background:#fff;padding:1rem 2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:1.75rem;font-weight:700;color:#1e293b}.action-plans-page{padding:2rem;max-width:1600px;margin:0 auto}.page-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.page-subtitle{color:#64748b;font-size:.9375rem;margin:0}.info-banner{background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid #667eea30;border-radius:.75rem;padding:1rem 1.5rem;display:flex;gap:1rem;margin-bottom:2rem}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.info-content p{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.info-content a{color:#667eea;text-decoration:none;font-weight:600}.info-content a:hover{text-decoration:underline}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.plan-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:2px solid transparent}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.plan-card.active{border-color:#667eea;background:linear-gradient(135deg,#667eea05,#764ba205)}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.plan-info h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.plan-sector{font-size:.875rem;color:#64748b}.plan-badge{padding:.25rem .75rem;background:#e2e8f0;color:#475569;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.plan-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.plan-description{color:#64748b;font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.plan-section{margin-bottom:1rem}.plan-section h4{font-size:.875rem;font-weight:600;color:#475569;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.plan-list{list-style:none;padding:0;margin:0}.plan-list li{padding:.5rem 0;color:#64748b;font-size:.875rem;border-bottom:1px solid #f1f5f9}.plan-list li:last-child{border-bottom:none}.plan-list li:before{content:"✓ ";color:#10b981;font-weight:600;margin-right:.5rem}.plan-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.25rem .75rem;background:#f1f5f9;color:#475569;border-radius:1rem;font-size:.75rem;font-weight:500}.research-list{display:flex;flex-direction:column;gap:.75rem}.research-item{display:flex;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:.5rem;border-left:3px solid #667eea}.research-icon{font-size:1.25rem;flex-shrink:0}.research-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.research-title{font-size:.875rem;font-weight:600;color:#1e293b}.research-desc{font-size:.75rem;color:#64748b}.research-more{padding:.5rem;background:transparent;border:1px dashed #cbd5e1;border-radius:.5rem;color:#667eea;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.research-more:hover{background:#f8fafc;border-color:#667eea}.plan-actions{display:flex;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}.btn-activate,.btn-research{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-activate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-activate:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-research{background:#f1f5f9;color:#475569}.btn-research:hover{background:#e2e8f0}.btn-research:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:.5rem 1rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#fecaca}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.empty-state p{font-size:1.125rem;color:#64748b;margin-bottom:1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:1rem;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal.large{max-width:800px}.modal h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.form-group label{display:block;font-weight:600;color:#475569;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.9375rem;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.research-list-full{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.research-item-full{padding:1rem;background:#f8fafc;border-radius:.5rem;border-left:4px solid #667eea}.research-header-full{display:flex;gap:1rem}.research-icon-large{font-size:2rem;flex-shrink:0}.research-content-full{flex:1}.research-content-full h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.research-content-full p{font-size:.9375rem;color:#64748b;line-height:1.5;margin:0 0 .5rem}.research-link{display:inline-block;color:#667eea;font-size:.875rem;font-weight:600;text-decoration:none;margin-top:.5rem}.research-link:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#64748b;font-size:1rem}.responses-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.responses-count{display:flex;align-items:center;gap:1rem}.count-badge{background:#f1f5f9;padding:.5rem 1rem;border-radius:.5rem;color:#475569;font-weight:500}.responses-table-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:1.5rem}.responses-table{width:100%;border-collapse:collapse}.responses-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.responses-table th{padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.responses-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s}.responses-table tbody tr:hover{background:#f8fafc}.responses-table tbody tr:last-child{border-bottom:none}.responses-table td{padding:1rem;color:#1e293b;font-size:.95rem}.emoji-cell{text-align:center}.emoji-large{font-size:1.5rem;display:inline-block}.url-cell{max-width:400px}.url-link{color:#3b82f6;text-decoration:none;word-break:break-all;transition:color .15s}.url-link:hover{color:#2563eb;text-decoration:underline}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.empty-state h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem}.empty-state p{margin:0;color:#64748b}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-button{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;cursor:pointer;font-size:.95rem;transition:all .15s}.pagination-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#64748b;font-size:.95rem}.loading{text-align:center;padding:4rem;color:#64748b;font-size:1.1rem}.filters-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.filters-section h3{margin:0 0 1rem;font-size:1.1rem;color:#1e293b}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#475569}.filter-select{padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.95rem;color:#1e293b;background:#fff;cursor:pointer;transition:border-color .15s}.filter-select:hover{border-color:#cbd5e1}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-clear-filters{padding:.5rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;cursor:pointer;font-size:.95rem;transition:all .15s;height:fit-content}.btn-clear-filters:hover{background:#e2e8f0;border-color:#cbd5e1}.question-cell{max-width:300px;word-wrap:break-word}.question-cell .no-question{color:#94a3b8;font-style:italic}.sector-cell{color:#64748b}.text-response-cell{max-width:300px}.text-response-content{font-size:.875rem;color:#475569;line-height:1.5;padding:.5rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0;cursor:help}.sentiment-analysis-cell{min-width:150px}.sentiment-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.sentiment-badge.sentiment-positive{background:#d1fae5;color:#065f46}.sentiment-badge.sentiment-negative{background:#fee2e2;color:#991b1b}.sentiment-badge.sentiment-neutral{background:#f3f4f6;color:#374151}.sentiment-score{font-size:.75rem;opacity:.8}.sentiment-keywords{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.keyword-tag{padding:.125rem .5rem;background:#e0e7ff;color:#4338ca;border-radius:.25rem;font-size:.75rem;font-weight:500}.channel-cell{min-width:120px}.channel-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.channel-badge.channel-web{background:#dbeafe;color:#1e40af}.channel-badge.channel-mobile{background:#fce7f3;color:#9f1239}.channel-badge.channel-email{background:#fef3c7;color:#92400e}.channel-badge.channel-whatsapp{background:#d1fae5;color:#065f46}.channel-badge.channel-api{background:#e0e7ff;color:#3730a3}.channel-badge.channel-n8n{background:#f3e8ff;color:#6b21a8}.text-response-content{position:relative}.text-expand-hint{display:block;font-size:.75rem;color:#6366f1;margin-top:.25rem;font-style:italic;opacity:.7}.text-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.text-modal-content{background:#fff;border-radius:.75rem;max-width:800px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.text-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.text-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.text-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease}.text-modal-close:hover{background:#f3f4f6;color:#1e293b}.text-modal-question{padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#475569;font-size:.9375rem;line-height:1.6}.text-modal-question strong{color:#1e293b;margin-right:.5rem}.text-modal-text{padding:1.5rem;color:#1e293b;font-size:1rem;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}.sector-cell .no-sector,.url-cell .no-url{color:#94a3b8;font-style:italic}.user-cell{font-size:.875rem;max-width:200px}.user-email{color:#3b82f6;font-weight:500;word-break:break-all}.user-id{color:#6b7280;font-family:monospace;font-size:.8rem}.no-user{color:#94a3b8;font-style:italic}.reports-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header h1{margin:0;font-size:2rem;color:#1e293b}.page-subtitle{margin:.5rem 0 0;color:#64748b;font-size:.95rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.report-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.report-card-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.report-icon{font-size:2rem}.report-card-header h2{margin:0;font-size:1.5rem;color:#1e293b}.report-card-content{padding:1.5rem}.report-description{color:#64748b;margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.report-section{margin-bottom:1.5rem}.report-section:last-child{margin-bottom:0}.report-section h3{margin:0 0 1rem;font-size:1.1rem;color:#1e293b;font-weight:600}.report-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.report-select{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#1e293b;font-size:.95rem;cursor:pointer;transition:border-color .15s}.report-select:hover{border-color:#cbd5e1}.report-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.report-button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.5rem}.report-button.primary{background:#3b82f6;color:#fff}.report-button.primary:hover:not(:disabled){background:#2563eb}.report-button.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.report-button.secondary:hover:not(:disabled){background:#e2e8f0}.report-button:disabled{opacity:.6;cursor:not-allowed}.report-button{width:100%;justify-content:center;margin-bottom:.75rem}.report-button:last-child{margin-bottom:0}.reports-info{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0}.reports-info h3{margin:0 0 1rem;color:#1e293b;font-size:1.1rem}.reports-info ul{margin:0;padding-left:1.5rem;color:#475569;line-height:1.8}.reports-info li{margin-bottom:.5rem}.reports-info strong{color:#1e293b}.coming-soon-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.coming-soon-content{text-align:center;max-width:600px;background:#fff;border-radius:1.5rem;padding:3rem 2rem;box-shadow:0 4px 20px #0000001a}.coming-soon-icon{font-size:5rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.coming-soon-content h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.coming-soon-description{font-size:1.125rem;color:#64748b;line-height:1.6;margin:0 0 2rem}.coming-soon-features{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.feature-item{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:.75rem;color:#475569;font-size:.9375rem}.feature-icon{font-size:1.5rem;flex-shrink:0}.custom-questions-page{padding:2rem}.empty-state h2{margin:1rem 0;color:#333}.empty-state p{color:#666;margin-bottom:2rem}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.question-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column}.question-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.question-card-header h3{margin:0;font-size:1.1rem;flex:1;margin-right:1rem}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;white-space:nowrap}.question-card-body{flex:1;margin-bottom:1rem}.question-info{display:flex;flex-direction:column;gap:.5rem}.info-item{font-size:.9rem;color:#666}.info-item strong{color:#333;margin-right:.5rem}.question-card-footer{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-small{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;flex:1}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.btn-primary:hover{background:#2563eb}.btn-secondary{padding:.75rem 1.5rem;background:#f3f4f6;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.btn-secondary:hover{background:#e5e7eb}.settings-page{padding:2rem}.settings-form{max-width:800px}.settings-section{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.settings-section h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.section-description{color:#666;margin:0 0 1.5rem;font-size:.95rem}.form-group label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.form-group label:hover{border-color:#3b82f6;background:#f8fafc}.form-group input[type=radio]{margin-top:.25rem;cursor:pointer}.form-group input[type=radio]:checked+span{font-weight:600;color:#3b82f6}.form-group label span{flex:1;display:block;font-weight:500;color:#333}.form-group label small{display:block;margin-top:.25rem;color:#666;font-size:.85rem;font-weight:400}.form-group input[type=text],.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;font-family:inherit}.form-group small{display:block;margin-top:.25rem;color:#666;font-size:.85rem}.widget-colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.color-input-wrapper{display:flex;gap:.5rem;align-items:center}.color-input{width:60px;height:40px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:0}.color-text-input{flex:1;padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;font-family:monospace;font-size:.875rem}.color-preview{margin-top:2rem;padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.color-preview h3{margin:0 0 1rem;font-size:1rem;color:#374151}.preview-box{transition:all .3s}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.btn-primary{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.btn-primary:hover:not(:disabled){background:#2563eb}.loading{text-align:center;padding:4rem;color:#666}.recommendations-page{padding:2rem}.page-subtitle{color:#666;margin:0;max-width:600px}.btn-refresh{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.btn-refresh:hover:not(:disabled){background:#2563eb}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.recommendation-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid;transition:transform .2s,box-shadow .2s}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.recommendation-card.priority-high{border-left-color:#ef4444}.recommendation-card.priority-medium{border-left-color:#f59e0b}.recommendation-card.priority-low{border-left-color:#10b981}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem;flex-wrap:wrap}.priority-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.priority-badge.priority-high{background:#fee2e2;color:#991b1b}.priority-badge.priority-medium{background:#fef3c7;color:#92400e}.priority-badge.priority-low{background:#d1fae5;color:#065f46}.category-badge{padding:.25rem .75rem;background:#f3f4f6;color:#374151;border-radius:12px;font-size:.85rem}.recommendation-card h3{margin:0 0 .75rem;font-size:1.2rem;color:#111827}.recommendation-reason{color:#6b7280;margin:0 0 1rem;line-height:1.6}.effectiveness-bar{margin-top:1rem}.effectiveness-label{font-size:.85rem;color:#6b7280;margin-bottom:.5rem}.effectiveness-progress{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.effectiveness-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .3s}.context-section{margin-top:2rem;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.context-section h2{margin:0 0 1rem;font-size:1.5rem;color:#111827}.context-card{display:flex;flex-direction:column;gap:.75rem}.context-item{font-size:1rem;color:#374151}.context-item strong{color:#111827}.benchmark-page{padding:2rem}.benchmark-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.benchmark-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.score-header h3{margin:0;font-size:1rem;color:#6b7280;font-weight:500}.score-value{font-size:2.5rem;font-weight:700}.score-value.above{color:#10b981}.score-value.average{color:#f59e0b}.score-value.below{color:#ef4444}.score-value.top{color:#3b82f6}.score-bar{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .5s}.score-fill.average{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.score-fill.top{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.comparison-analysis{margin-bottom:2rem}.comparison-analysis h2{margin:0 0 1rem;font-size:1.5rem;color:#111827}.analysis-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid}.analysis-card.above{border-left-color:#10b981}.analysis-card.average{border-left-color:#f59e0b}.analysis-card.below{border-left-color:#ef4444}.analysis-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.analysis-card h3{margin:0 0 1rem;font-size:1.5rem;color:#111827;text-align:center}.analysis-card p{color:#6b7280;line-height:1.6;margin-bottom:1rem;text-align:center}.analysis-card ul{list-style:none;padding:0;margin:1rem 0 0}.analysis-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#374151}.analysis-card li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.opportunities-section{margin-top:2rem}.opportunities-section h2{margin:0 0 1rem;font-size:1.5rem;color:#111827}.opportunities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.opportunity-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;border-top:3px solid #3b82f6}.opportunity-card h4{margin:0 0 .5rem;font-size:1.1rem;color:#111827}.opportunity-card p{margin:0;color:#6b7280;line-height:1.6}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empty-state h3{margin:1rem 0;color:#333}.empty-state p{color:#666}.loading{text-align:center;padding:4rem;color:#666;font-size:1.1rem}.video-player-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;max-width:900px;margin:0 auto}.video-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.video-player-header h2{margin:0;color:#1f2937;font-size:24px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px 8px;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#1f2937}.video-player-content{min-height:300px}.video-generator-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#374151}.topic-input{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s}.topic-input:focus{outline:none;border-color:#3b82f6}.generate-btn{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.generate-btn:hover:not(:disabled){background:#2563eb}.generate-btn:disabled{background:#9ca3af;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:18px;color:#374151;margin:0}.loading-state small{color:#6b7280}.error-state{padding:24px;background:#fef2f2;border:2px solid #fecaca;border-radius:8px;text-align:center}.error-state p{color:#dc2626;margin-bottom:16px;font-size:16px}.retry-btn{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.retry-btn:hover{background:#b91c1c}.video-result{display:flex;flex-direction:column;gap:16px}.video-wrapper{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden}.video-element{width:100%;height:auto;display:block}.manifest-info{padding:32px;text-align:center;color:#6b7280}.manifest-info a{display:inline-block;margin-top:16px;padding:8px 16px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:6px;transition:background .2s}.manifest-info a:hover{background:#2563eb}.thumbnail-preview{max-width:100%;margin-top:16px;border-radius:8px}.video-actions{display:flex;gap:12px;justify-content:center}.download-btn,.generate-new-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s}.download-btn{background:#10b981;color:#fff}.download-btn:hover{background:#059669}.generate-new-btn{background:#f3f4f6;color:#374151}.generate-new-btn:hover{background:#e5e7eb}.videos-page{padding:2rem}.page-header h1{margin:0 0 .5rem;font-size:2rem}.page-subtitle{color:#666;margin:0}.videos-content{max-width:1000px;margin:0 auto}.video-generator-section{display:flex;flex-direction:column;gap:2rem}.generator-card{background:#fff;border-radius:8px;padding:3rem;box-shadow:0 2px 4px #0000001a;text-align:center}.generator-icon{font-size:4rem;margin-bottom:1rem}.generator-card h2{margin:0 0 1rem;font-size:1.5rem;color:#111827}.generator-card p{color:#6b7280;line-height:1.6;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.btn-generate-video{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}.btn-generate-video:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.info-section{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.info-section h3{margin:0 0 1rem;font-size:1.2rem;color:#111827}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:#374151;line-height:1.6}.info-section li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700;font-size:1.2rem}.video-player-section{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.integrations-page{max-width:1400px;margin:0 auto;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;gap:2rem}.page-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.page-subtitle{font-size:1rem;color:#718096;margin:0}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #f973164d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f9731666}.integration-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.modal-content{background:linear-gradient(135deg,#fffffffa,#fff7edf2);border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #f9731640;border:2px solid rgba(249,115,22,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem;border-bottom:2px solid rgba(249,115,22,.2);background:linear-gradient(135deg,#fff9,#fff7edcc);border-radius:20px 20px 0 0}.modal-header h2{margin:0;font-size:1.5rem;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.btn-close{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.btn-close:hover{background:#f1f5f9;color:#1e293b}.integration-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#1e293b;margin-bottom:.5rem;font-size:.9375rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9375rem;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f9731633}.form-group textarea{resize:vertical;font-family:Monaco,Courier New,monospace;font-size:.875rem}.form-group small{display:block;margin-top:.5rem;color:#64748b;font-size:.875rem}.form-group small a{color:#6366f1;text-decoration:none}.form-group small a:hover{text-decoration:underline}.events-checkboxes{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.checkbox-label:hover{border-color:#f9731680;background:#f973160d}.checkbox-label input[type=checkbox]{width:auto;margin-top:.25rem;cursor:pointer}.checkbox-label strong{display:block;color:#1e293b;margin-bottom:.25rem}.event-description{display:block;font-size:.875rem;color:#64748b;font-weight:400}.config-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.config-section h3{font-size:1.25rem;color:#1e293b;margin:0 0 1rem}.info-box{padding:1.5rem;background:linear-gradient(135deg,#fff7ede6,#ffedd5e6);border:2px solid rgba(249,115,22,.3);border-radius:14px;color:#9a3412;margin:1rem 0;box-shadow:0 4px 12px #f973161a}.info-box h4{margin:0 0 .75rem;font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-box p{margin:.5rem 0;line-height:1.6}.info-box ol,.info-box ul{margin:.75rem 0;padding-left:1.5rem}.info-box li{margin:.5rem 0;line-height:1.6}.info-box code{background:#0000001a;padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;font-family:Courier New,monospace}.info-box-blue{background:linear-gradient(135deg,#dbeafee6,#bfdbfee6);border-color:#3b82f666;color:#1e40af;box-shadow:0 4px 12px #3b82f61a}.info-box-blue h4{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-box-green{background:linear-gradient(135deg,#d1fae5e6,#a7f3d0e6);border-color:#10b98166;color:#065f46;box-shadow:0 4px 12px #10b9811a}.info-box-green h4{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-builder{margin-top:1rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #10b9814d}.btn-builder:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.code-preview{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.875rem;font-family:Courier New,monospace;line-height:1.6;margin:.75rem 0;border:1px solid #334155}.code-preview strong{color:#fbbf24}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger{padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;border:2px dashed #e2e8f0}.empty-state p{color:#64748b;margin:0 0 2rem}.integration-card{background:linear-gradient(135deg,#fffffffa,#fff7edf2);border:2px solid rgba(249,115,22,.2);border-radius:16px;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #f973161a}.integration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f97316,#ea580c,#f97316);opacity:.6}.integration-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #f9731633;border-color:#f9731666}.integration-card.inactive{opacity:.7}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.integration-title{display:flex;gap:1rem;flex:1}.integration-icon{font-size:2rem;flex-shrink:0}.integration-title h3{margin:0 0 .25rem;font-size:1.125rem;color:#1e293b}.integration-type{font-size:.875rem;color:#64748b}.integration-status{display:flex;align-items:center;gap:.75rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#f97316,#ea580c)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.status-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b98133}.status-badge.inactive{background:#f1f5f9;color:#64748b}.integration-events{margin:1rem 0;padding:1rem;background:#f8fafc;border-radius:.5rem}.integration-events strong{display:block;margin-bottom:.5rem;color:#1e293b;font-size:.875rem}.events-tags{display:flex;flex-wrap:wrap;gap:.5rem}.event-tag{padding:.25rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.75rem;color:#475569}.integration-stats{display:flex;gap:1.5rem;margin:1rem 0;padding:1rem;background:#f8fafc;border-radius:.5rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.25rem;font-weight:600}.stat-value.success{color:#10b981}.stat-value.error{color:#ef4444}.stat-label{font-size:.75rem;color:#64748b}.integration-error{margin:1rem 0;padding:.75rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;font-size:.875rem}.integration-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.integration-actions button{flex:1;padding:.5rem;font-size:.875rem}.channels-section{margin-bottom:3rem}.section-header h2{font-size:1.625rem;font-weight:700;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.section-description{color:#718096;font-size:.9375rem;margin:0}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.channel-card{background:linear-gradient(135deg,#fffffffa,#fff7edf2);border:2px solid rgba(249,115,22,.2);border-radius:16px;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #f973161a;position:relative;overflow:hidden}.channel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f97316,#ea580c,#f97316);opacity:.6}.channel-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #f9731633;border-color:#f9731666}.channel-icon{font-size:3rem;margin-bottom:1rem;display:block}.channel-card h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#1a1a1a}.channel-card p{color:#718096;margin:0 0 1rem;line-height:1.6}.channel-status{margin-bottom:1rem}.channel-info{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(249,115,22,.2)}.channel-info p{margin:0 0 .75rem;font-size:.875rem}.channel-info strong{color:#f97316}.code-snippet{display:block;background:#f973161a;border:1px solid rgba(249,115,22,.2);border-radius:8px;padding:.75rem;font-family:Monaco,Courier New,monospace;font-size:.8125rem;color:#1a1a1a;overflow-x:auto;margin-top:.5rem}.channel-link{display:inline-block;margin-top:.75rem;color:#f97316;text-decoration:none;font-weight:600;font-size:.875rem;transition:color .2s}.channel-link:hover{color:#ea580c}.integrations-section{margin-top:3rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media (max-width: 1024px){.integrations-page{padding:1.5rem}.channels-grid,.integrations-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.integrations-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.page-header h1{font-size:1.75rem}.channels-grid,.integrations-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.integration-header{flex-direction:column;gap:1rem}.channel-card{padding:1.25rem}}@media (max-width: 480px){.integrations-page{padding:.75rem}.page-header h1{font-size:1.5rem}}.n8n-workspace{max-width:1400px;margin:0 auto;padding:2rem}.workspace-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.workspace-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.page-subtitle{font-size:1rem;color:#64748b;margin:0}.header-actions{display:flex;gap:1rem}.btn-primary{padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px)}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.n8n-embedded-section{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.embedded-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.embedded-section-header h2{font-size:1.5rem;color:#111827;margin:0 0 .5rem;font-weight:700}.embedded-section-header .section-description{color:#6b7280;font-size:.9375rem;margin:0}.embedded-controls{display:flex;gap:1rem;flex-shrink:0}.workspace-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;gap:1rem;align-items:center}.stat-icon{font-size:2.5rem;flex-shrink:0}.stat-content{flex:1}.stat-content h3{font-size:.875rem;color:#64748b;margin:0 0 .5rem;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:#1e293b;margin:0;line-height:1}.stat-sub{font-size:.875rem;color:#64748b;display:block;margin-top:.25rem}.quick-guide{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.quick-guide h2{font-size:1.5rem;color:#1e293b;margin:0 0 1.5rem}.guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.guide-step{display:flex;gap:1rem;align-items:flex-start}.step-number{width:2.5rem;height:2.5rem;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.step-content h3{font-size:1rem;color:#1e293b;margin:0 0 .5rem}.step-content p{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.integrations-section{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;color:#1e293b;margin:0 0 .5rem}.section-description{font-size:.875rem;color:#64748b;margin:0}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h3{font-size:1.5rem;color:#1e293b;margin:0 0 .5rem}.empty-state p{color:#64748b;margin:0 0 1.5rem}.integrations-list{display:flex;flex-direction:column;gap:1rem}.integration-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .2s}.integration-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.integration-item.inactive{opacity:.6}.integration-item.selected{border-color:#6366f1;background:#f0f4ff}.integration-main{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.integration-info{flex:1}.integration-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.integration-header-row h3{font-size:1.25rem;color:#1e293b;margin:0}.integration-badges{display:flex;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.integration-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{font-size:.875rem;color:#64748b}.meta-item strong{color:#1e293b;margin-right:.5rem}.meta-item code{background:#e2e8f0;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-family:Courier New,monospace;margin-left:.5rem}.integration-stats-mini{display:flex;gap:1rem}.mini-stat{text-align:center;padding:.75rem 1rem;border-radius:.5rem;min-width:80px}.mini-stat.success{background:#d1fae5;color:#065f46}.mini-stat.error{background:#fee2e2;color:#991b1b}.mini-stat-value{display:block;font-size:1.5rem;font-weight:700;line-height:1}.mini-stat-label{display:block;font-size:.75rem;margin-top:.25rem}.integration-details{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.details-section h4{font-size:1.125rem;color:#1e293b;margin:0 0 1rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label,.detail-item .detail-label{font-size:.875rem;color:#64748b;font-weight:500}.detail-item span,.detail-item code{font-size:.9375rem;color:#1e293b}.url-code{background:#f1f5f9;padding:.5rem;border-radius:.375rem;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all;display:block}.status-text.active{color:#10b981;font-weight:600}.status-text.inactive{color:#6b7280;font-weight:600}.events-list{display:flex;flex-wrap:wrap;gap:.5rem}.event-badge{padding:.25rem .75rem;background:#e0e7ff;color:#4338ca;border-radius:.375rem;font-size:.75rem;font-weight:500}.detail-item.error{grid-column:1 / -1}.error-text{color:#ef4444;font-size:.875rem}.details-actions{display:flex;gap:1rem;flex-wrap:wrap}.workflow-builder-section{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.builder-actions{display:flex;gap:1rem;flex-wrap:wrap}.workflow-builder{margin-top:2rem;border-top:2px solid #e5e7eb;padding-top:2rem}.builder-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#111827;background:#f9fafb}.tab-button.active{color:#6366f1;border-bottom-color:#6366f1}.builder-content{margin-top:2rem}.workflow-step{margin-bottom:3rem;padding:2rem;background:#f9fafb;border-radius:1rem;border:1px solid #e5e7eb}.step-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.step-number-large{width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;flex-shrink:0}.step-header h3{font-size:1.5rem;color:#111827;margin:0 0 .5rem}.step-header p{color:#6b7280;margin:0}.step-details{margin-left:4.5rem}.step-action{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.action-icon{font-size:2rem;flex-shrink:0}.step-action strong{display:block;color:#111827;margin-bottom:.5rem;font-size:1.125rem}.step-action ol,.step-action ul{margin:.75rem 0;padding-left:1.5rem}.step-action li{margin:.5rem 0;color:#475569;line-height:1.6}.step-visual{margin-top:1rem}.visual-box{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.visual-header{font-weight:600;color:#111827;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.visual-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.visual-button{padding:.75rem 1.5rem;background:#6366f1;color:#fff;border-radius:.5rem;font-weight:600}.visual-arrow{font-size:1.5rem;color:#6366f1}.visual-result{padding:1rem;background:#d1fae5;color:#065f46;border-radius:.5rem;font-weight:500}.step-config{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.step-config h4{margin:0 0 1rem;color:#111827}.config-list{display:flex;flex-direction:column;gap:.75rem}.config-item{padding:.75rem;background:#f9fafb;border-radius:.5rem;font-size:.9375rem}.config-item code{background:#e2e8f0;padding:.125rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;margin-left:.5rem}.step-warning{margin-top:1rem;padding:1rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem;color:#92400e}.nodes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.node-card{padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;transition:all .2s}.node-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.node-icon{font-size:2.5rem;margin-bottom:.75rem}.node-card h4{font-size:1.125rem;color:#111827;margin:0 0 .5rem}.node-card p{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.node-example{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.node-example strong{display:block;margin-bottom:.5rem;color:#111827;font-size:.875rem}.node-example pre{background:#1e293b;color:#e2e8f0;padding:.75rem;border-radius:.375rem;font-size:.75rem;overflow-x:auto;margin:.5rem 0 0;font-family:Courier New,monospace}.connection-visual{margin-top:1.5rem;padding:2rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.connection-flow{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.flow-node{padding:1rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:.5rem;font-weight:600;min-width:100px;text-align:center}.flow-arrow{font-size:1.5rem;color:#6366f1;font-weight:700}.flow-branch{display:flex;flex-direction:column;align-items:center;gap:.5rem}.n8n-embedded-container{margin-top:2rem;border:2px solid #e5e7eb;border-radius:1rem;overflow:hidden;background:#fff}.embedded-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb}.embedded-title{display:flex;align-items:center;gap:1rem}.embedded-header h3{margin:0;font-size:1.125rem;color:#111827;font-weight:600}.embedded-status{padding:.25rem .75rem;background:#d1fae5;color:#065f46;border-radius:.375rem;font-size:.75rem;font-weight:600}.btn-close-embedded{background:#ef4444;color:#fff;border:none;border-radius:.375rem;width:2rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close-embedded:hover{background:#dc2626;transform:scale(1.1)}.n8n-iframe{width:100%;height:800px;min-height:600px;border:none;display:block;background:#fff}.embedded-note{padding:1rem 1.5rem;background:#fef3c7;border-top:1px solid #e5e7eb}.embedded-note p{margin:.5rem 0;font-size:.875rem;color:#92400e}.embedded-note code{background:#0000001a;padding:.125rem .375rem;border-radius:.25rem;font-family:Courier New,monospace}.embedded-note a{color:#6366f1;text-decoration:none;font-weight:600}.embedded-note a:hover{text-decoration:underline}.connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.connection-type{padding:1.5rem;background:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb}.connection-type h4{font-size:1.125rem;color:#111827;margin:0 0 1rem}.connection-type ul{list-style:none;padding:0;margin:0}.connection-type li{padding:.5rem 0;color:#475569;font-size:.9375rem;border-bottom:1px solid #e5e7eb}.connection-type li:last-child{border-bottom:none}.templates-description{color:#6b7280;margin-bottom:1.5rem;font-size:.9375rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.template-card{padding:2rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;transition:all .2s;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.template-icon{font-size:3rem;margin-bottom:1rem}.template-card h4{font-size:1.25rem;color:#111827;margin:0 0 .75rem;font-weight:600}.template-card p{color:#6b7280;font-size:.9375rem;margin:0 0 1rem;line-height:1.6;flex:1}.template-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-tag{padding:.25rem .75rem;background:#e0e7ff;color:#4338ca;border-radius:.375rem;font-size:.75rem;font-weight:500}.template-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.template-actions .btn-primary,.template-actions .btn-secondary{flex:1;min-width:120px}.template-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.template-instructions{padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;margin-top:auto}.template-instructions strong{display:block;color:#111827;margin-bottom:.75rem;font-size:.9375rem}.template-instructions ol{margin:0;padding-left:1.5rem}.template-instructions li{margin:.5rem 0;color:#475569;font-size:.875rem;line-height:1.6}.info-section{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.info-section h2{font-size:1.5rem;color:#1e293b;margin:0 0 1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-card{padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.info-card h3{font-size:1.125rem;color:#1e293b;margin:0 0 .75rem}.info-card p{font-size:.875rem;color:#64748b;margin:0 0 1rem;line-height:1.6}.code-example{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.75rem;font-family:Courier New,monospace;line-height:1.6;margin:0}.info-note{font-size:.75rem;color:#64748b;margin-top:1rem;font-style:italic}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{padding:.5rem 0;border-bottom:1px solid #e2e8f0}.info-card li:last-child{border-bottom:none}.info-card a{color:#6366f1;text-decoration:none}.info-card a:hover{text-decoration:underline}.loading{text-align:center;padding:3rem;color:#64748b;font-size:1.125rem}@media (max-width: 768px){.workspace-header{flex-direction:column}.header-actions,.builder-actions{width:100%;flex-direction:column}.workspace-stats,.guide-steps{grid-template-columns:1fr}.step-details{margin-left:0;margin-top:1rem}.step-header{flex-direction:column;gap:1rem}.nodes-grid{grid-template-columns:1fr}.connection-flow{flex-direction:column}.flow-branch{flex-direction:row}.n8n-iframe{height:600px;min-height:500px}.embedded-section-header{flex-direction:column;gap:1rem}.embedded-controls{width:100%;flex-direction:column}.embedded-controls .btn-primary,.embedded-controls .btn-secondary{width:100%}.integration-main{flex-direction:column;align-items:flex-start}.details-grid{grid-template-columns:1fr}.details-actions{flex-direction:column}.info-grid,.connections-grid,.templates-grid{grid-template-columns:1fr}}.users-import-page{padding:2rem;max-width:1200px;margin:0 auto;color:#fff}.page-header{margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;color:#84d901}.page-description{color:#ffffffb3;margin:0}.import-modes{display:flex;gap:1rem;margin-bottom:2rem}.mode-button{flex:1;padding:1rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.mode-button:hover{border-color:#667eea;background:#f7fafc}.mode-button.active{border-color:#667eea;background:#667eea;color:#fff}.file-import-section,.manual-import-section{background:#1a1a1acc;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0006;border:1px solid rgba(132,217,1,.2);color:#fff}.upload-area{border:2px dashed #cbd5e0;border-radius:8px;padding:3rem;text-align:center;margin-bottom:2rem;transition:all .2s}.upload-area:hover{border-color:#667eea;background:#f7fafc}.upload-label{cursor:pointer;display:block}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-text{display:flex;flex-direction:column;gap:.5rem}.upload-text strong{font-size:1.1rem;color:#1a202c}.upload-text span{color:#718096}.upload-text small{color:#a0aec0;font-size:.875rem}.file-format-info{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.file-format-info h3{margin-top:0;color:#1a202c}.format-table{width:100%;border-collapse:collapse;margin-top:1rem}.format-table th,.format-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.format-table th{background:#f7fafc;font-weight:600;color:#1a202c}.users-list{display:flex;flex-direction:column;gap:1.5rem}.user-form-card{background:#22004480;border-radius:8px;padding:1.5rem;border:1px solid rgba(132,217,1,.2);color:#fff}.user-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.user-form-header h3{margin:0;color:#84d901}.user-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:.5rem;color:#ffffffe6}.form-group input,.form-group select{padding:.5rem;border:1px solid rgba(132,217,1,.3);border-radius:6px;font-size:1rem;background:#ffc;color:#000}.form-group input:focus,.form-group select:focus{outline:none;border-color:#84d901;box-shadow:0 0 0 3px #84d90133}.empty-state{text-align:center;padding:3rem;color:#718096}.empty-state p{margin:1rem 0}.import-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary{background:#84d901;color:#000}.btn-primary:hover:not(:disabled){background:#6bb300}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.btn-danger-small{padding:.25rem .75rem;background:#fc8181;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.btn-danger-small:hover{background:#f56565}.import-errors{margin-top:2rem;padding:1.5rem;background:#fed7d7;border-radius:8px;border:1px solid #fc8181}.import-errors h3{margin-top:0;color:#c53030}.errors-list{margin-top:1rem}.error-item{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:6px;border-left:4px solid #e53e3e}.error-item pre{margin:.5rem 0 0;font-size:.875rem;color:#718096;overflow-x:auto}.users-list-page{padding:2rem;max-width:1400px;margin:0 auto;color:#1a1a1a}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description{color:#718096;margin:0}.bulk-actions{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#fff7edcc,#ffedd5cc);border:1px solid rgba(251,146,60,.3);border-radius:8px;margin-bottom:1.5rem}.bulk-actions span{font-weight:500;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.users-table-container{background:linear-gradient(135deg,#fffffffa,#fff7edf2);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #f973161a;border:1px solid rgba(251,146,60,.3)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#fb923c14}.users-table th{padding:1rem;text-align:left;font-weight:600;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:2px solid #f97316}.users-table td{padding:1rem;border-bottom:1px solid rgba(233,207,255,.3);color:#1a1a1a}.users-table tbody tr:hover{background:#fb923c1a}.action-buttons{display:flex;gap:.5rem}.btn-small{padding:.375rem .75rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-small.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.btn-small.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f9731666}.btn-small.btn-success{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.btn-small.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f9731666}.btn-small.btn-danger{background:#fee2e2;color:#dc2626}.btn-small.btn-danger:hover{background:#fecaca}.btn-small.btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-small.btn-info:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-small.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-small.btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;padding:0;max-width:600px;width:100%;max-height:calc(100vh - 2rem);overflow-y:auto;box-shadow:0 10px 40px #0003;margin:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10;border-radius:16px 16px 0 0}.modal-header h2{margin:0;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem;min-height:auto}@media (max-width: 768px){.modal-overlay{padding:1rem .5rem .5rem;align-items:flex-start}.modal-content{max-width:100%;max-height:calc(100vh - 1rem);border-radius:12px}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1rem}.question-text{font-size:16px;padding:.75rem}.options-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.option-item{padding:.5rem}.option-emoji{font-size:24px}.option-label{font-size:11px}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%}}@media (max-width: 480px){.modal-overlay{padding:.25rem}.modal-content{max-height:calc(100vh - .5rem);border-radius:8px}.modal-header{padding:.75rem}.modal-header h2{font-size:1.125rem}.modal-body{padding:.75rem}.generated-question h3,.generated-options h4{font-size:14px}.question-text{font-size:14px;padding:.625rem}}.generated-question{margin-bottom:1.5rem}.generated-question h3{margin:0 0 .5rem;color:#1f2937;font-size:16px}.question-text{font-size:18px;color:#374151;line-height:1.6;padding:1rem;background:linear-gradient(135deg,#fff7edcc,#ffedd5cc);border-radius:8px;border-left:4px solid #f97316;margin:0}.generated-options{margin-bottom:1.5rem}.generated-options h4{margin:0 0 .75rem;color:#1f2937;font-size:14px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.option-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.option-emoji{font-size:32px;margin-bottom:.25rem}.option-label{font-size:12px;color:#6b7280;text-align:center}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#fffffffa,#fff7edf2);border-radius:12px;box-shadow:0 4px 16px #f973161a;border:1px solid rgba(251,146,60,.3);color:#1a1a1a}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p{color:#718096;margin:0 0 1.5rem}.loading{text-align:center;padding:3rem;color:#718096}@media (max-width: 1024px){.users-list-page{padding:1.5rem}.users-table-container{overflow-x:auto}}@media (max-width: 768px){.users-list-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.75rem}.users-table{font-size:.875rem}.users-table th,.users-table td{padding:.625rem .5rem}.action-buttons{flex-direction:column;gap:.5rem}.btn-small{font-size:.75rem;padding:.375rem .625rem}.bulk-actions{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.users-list-page{padding:.75rem}.page-header h1{font-size:1.5rem}.users-table{font-size:.8125rem}.users-table th,.users-table td{padding:.5rem .375rem}.users-table .email-cell,.users-table .phone-cell{display:none}}.collect-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.collect-container{width:100%;max-width:600px}.collect-form{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px #0000001a}.collect-form h1{margin:0 0 20px;color:#333;font-size:28px;text-align:center}.user-greeting{text-align:center;color:#666;margin-bottom:30px;font-size:16px}.emoji-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:30px}.emoji-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:16px}.emoji-button:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.emoji-button.selected{border-color:#667eea;background:#f0f4ff;box-shadow:0 4px 12px #667eea4d}.emoji-icon{font-size:48px;margin-bottom:8px}.emoji-label{color:#333;font-weight:500}.submit-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-button:disabled{opacity:.6;cursor:not-allowed}.loading,.error,.success{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 10px 40px #0000001a}.loading{color:#666;font-size:18px}.error h2{color:#e74c3c;margin-bottom:16px}.error p{color:#666}.success h2{color:#27ae60;margin-bottom:16px}.success p{color:#666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8fafc;color:#1e293b;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:700;color:#111827;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s}.logo:hover{color:#667eea}.nav{display:flex;align-items:center;gap:1.5rem}.nav a{color:#374151;text-decoration:none;font-weight:500;transition:color .2s;padding:.5rem 0}.nav a:hover{color:#667eea}.logout-btn{background:#fee2e2;color:#dc2626;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#fecaca;transform:translateY(-1px)}.main{flex:1;padding:0}