@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.chat-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#0f172a80,#1e293b80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(148,163,184,.1);box-shadow:0 20px 40px #0003;position:relative;overflow:hidden}.chat-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(251,191,36,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(37,99,235,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.chat-header{padding:1.5rem;border-bottom:1px solid rgba(71,85,105,.5);background:#1e293b4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.chat-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#f59e0b,#fbbf24,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-header p{color:#94a3b8;font-size:.875rem}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:#2563eb66;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#fbbf2480}.chat-message{display:flex;gap:.75rem;max-width:56rem;animation:fadeIn .4s ease-out}.chat-input-container{padding:1.5rem;border-top:1px solid rgba(71,85,105,.5);background:#1e293b4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.chat-input-form{display:flex;align-items:flex-end;gap:1rem}.chat-input{flex:1;padding:.75rem 1rem;background:#1e293b99;border:1px solid rgba(71,85,105,.5);border-radius:.75rem;color:#f1f5f9;resize:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;min-height:3rem;max-height:8rem}.chat-input::-moz-placeholder{color:#94a3b8}.chat-input::placeholder{color:#94a3b8}.chat-input:focus{border-color:#fbbf2499;background:#1e293bcc;outline:none;box-shadow:0 0 0 4px #fbbf2433}.chat-send-button{padding:.75rem 1rem;background:linear-gradient(to right,#f59e0b,#d97706);color:#fff;font-weight:600;border-radius:.75rem;border:1px solid rgba(251,191,36,.2);box-shadow:0 10px 25px #fbbf2440;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.chat-send-button:hover{background:linear-gradient(to right,#f59e0b,#eab308);box-shadow:0 15px 35px #fbbf2466}.message{display:flex;gap:.75rem;max-width:64rem;animation:fadeIn .4s ease-out}.message.user{flex-direction:row-reverse;margin-left:auto;margin-right:0}.message-avatar{width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(135deg,#2563eb,#6366f1);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #2563eb33}.message.user .message-avatar{background:linear-gradient(135deg,#f59e0b,#eab308);box-shadow:0 4px 12px #fbbf2433}.message-content{flex:1;background:#1e293b66;padding:1rem;border-radius:1rem;border:1px solid rgba(71,85,105,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;max-width:100%;word-wrap:break-word}.message.user .message-content{background:#fbbf241a;border-color:#fbbf2433}.message-content p{margin:0;line-height:1.6;color:#f1f5f9}.message-timestamp{font-size:.75rem;color:#64748b;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#1e293b66;border-radius:1rem;border:1px solid rgba(71,85,105,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1rem}.typing-dots{display:flex;gap:.25rem}.typing-dot{width:.5rem;height:.5rem;background:#2563eb;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.media-loading{background:linear-gradient(90deg,#3b82f61a,#3b82f633,#3b82f61a);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chat-image{transition:transform .2s ease-out;cursor:pointer}.chat-image:hover{transform:scale(1.02)}.chat-video{border-radius:8px;overflow:hidden}.chat-link{position:relative;overflow:hidden}.chat-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);transition:left .5s}.chat-link:hover:before{left:100%}.chat-send-btn{position:relative;overflow:hidden}.chat-send-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease-out,height .3s ease-out}.chat-send-btn:hover:before{width:300px;height:300px}.chat-textarea{resize:none;min-height:44px;max-height:120px;line-height:1.5}.chat-input:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.chat-send-btn:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.avatar-ai{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-user{background:linear-gradient(135deg,#f093fb,#f5576c)}@keyframes typing{0%,70%,to{transform:scale(1);opacity:.7}35%{transform:scale(1.1);opacity:1}}@media (max-width: 768px){.chat-messages{padding:1rem}.message-content{max-width:90%}.chat-input-container{padding:1rem}}@media (prefers-color-scheme: dark){.media-loading{background:linear-gradient(90deg,#4755691a,#47556933,#4755691a)}}@media print{.chat-input-container,.chat-send-btn{display:none}.chat-messages{height:auto;overflow:visible}}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-content{max-width:80%;padding:1rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.user-message .message-content{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:1rem 1rem 0}.ai-message .message-content{background-color:#1e293b99;border:1px solid rgba(71,85,105,.3);color:#f3f4f6;border-radius:1rem 1rem 1rem 0}.chat-input-container{padding:1.5rem;border-top:1px solid rgba(71,85,105,.5);background-color:#1e293b4d}.chat-input-wrapper{display:flex;align-items:flex-end;gap:1rem}.chat-input{flex:1;padding:.75rem 1rem;background-color:#1e293b99;border:1px solid rgba(71,85,105,.5);border-radius:.75rem;color:#f3f4f6;transition:all .3s ease-out;min-height:3rem;max-height:8rem;resize:none}.chat-input:focus{outline:none;border-color:#fbbf2499;box-shadow:0 0 0 4px #fbbf2433;background-color:#1e293bcc}.chat-send-button{padding:.75rem 1rem;background-image:linear-gradient(to right,#f59e0b,#d97706);color:#fff;font-weight:600;border-radius:.75rem;border:1px solid rgba(251,191,36,.2);box-shadow:0 10px 15px -3px #fbbf2440;transition:all .3s ease-out;display:flex;align-items:center;justify-content:center}.chat-send-button:hover{background-image:linear-gradient(to right,#fbbf24,#f59e0b);box-shadow:0 20px 25px -5px #fbbf2466}.chat-send-button:focus{outline:none;box-shadow:0 0 0 4px #fbbf244d}.chat-send-button:active{transform:scale(.95)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{display:flex;gap:.75rem;max-width:100%;animation:fade-in .3s ease-out}.message-avatar{width:2.5rem;height:2.5rem;border-radius:.75rem;background-image:linear-gradient(to right,#3b82f6,#6366f1)}.message-bubble{position:relative;padding:1rem;border-radius:0 1rem 1rem;background-color:#33415580;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:80%}.user-message .message-bubble{border-radius:1rem 0 1rem 1rem;background-image:linear-gradient(to right bottom,#f59e0bcc,#d97706cc);border:1px solid rgba(251,191,36,.3);color:#fff;align-self:flex-end}.ai-message .message-avatar{background-image:linear-gradient(to right,#ec4899,#db2777)}.message-text{line-height:1.5}.message-time{font-size:.75rem;color:#fff9;margin-top:.5rem;text-align:right}@keyframes typing{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.typing-indicator{display:flex;gap:.25rem;padding:.5rem 1rem;border-radius:1rem;background-color:#33415580;width:-moz-fit-content;width:fit-content}.typing-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#ffffffb3;animation:typing 1.5s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.agents-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:1400px;margin:0 auto}.agents-header{margin-bottom:2rem;text-align:center}.agents-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#ebaf0a,#fbbf24,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite}.agents-header p{color:#cbd5e1;font-size:1.125rem;line-height:1.6;max-width:800px;margin:0 auto}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;flex:1;width:100%;padding:.5rem}@media (min-width: 640px){.agents-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width: 768px){.agents-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.agents-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1536px){.agents-grid{grid-template-columns:repeat(4,1fr)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.agents-container{padding:1rem}.agents-grid{grid-template-columns:1fr;gap:1rem}}.agent-card{position:relative;overflow:hidden;border-radius:1.5rem;padding:1.5rem;height:100%;background:#1e293b66;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000001a,0 1px 2px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;flex-direction:column}.agent-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003,0 15px 20px #0000001a;border-color:#fbbf244d}.agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.agent-card:hover:before{transform:scaleX(1)}.agent-card-header{position:relative;display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.agent-platform-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1.5rem;border-radius:1rem;margin-right:1rem;background:var(--glass-bg);box-shadow:0 4px 12px #0000001a;border:1px solid var(--glass-border)}.agent-card-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.agent-card-subtitle{font-size:.875rem;color:#94a3b8;margin-top:.25rem}.agent-card-content{flex:1;display:flex;flex-direction:column}.agent-card-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.agent-stat{flex:1;background:#0f172a4d;border-radius:.75rem;padding:.75rem;text-align:center;border:1px solid rgba(255,255,255,.05)}.agent-stat-value{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.agent-stat-label{font-size:.75rem;color:#94a3b8}.agent-card-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1.5rem}.agent-action-button{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:.75rem;font-size:.875rem;font-weight:500;transition:all .2s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer}.agent-action-button:hover{background:#ffffff1a;transform:translateY(-2px)}.agent-action-button.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none}.agent-action-button.primary:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));box-shadow:0 5px 15px #fbbf244d}.agent-action-button.secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));border:none}.agent-action-button.secondary:hover{background:linear-gradient(135deg,var(--secondary-light),var(--secondary-color));box-shadow:0 5px 15px #2563eb4d}.agent-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.agent-modal-content{position:relative;border-radius:1rem;width:100%;max-width:42rem;padding:2rem;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#0f172af2,#1e293bfa);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0006,inset 0 1px #ffffff1a}.agent-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(51,65,85,.3)}.agent-modal-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ebaf0a,#fbbf24,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agent-modal-close{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af;background:#1e293bb3;transition:all .2s;cursor:pointer;border:none}.agent-modal-close:hover{background:#374151;color:#fff}.agent-modal-body{display:flex;flex-direction:column;gap:1.5rem}.agent-form-group{margin-bottom:1.5rem}.agent-form-label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.5rem}.agent-form-input{width:100%;padding:.75rem 1rem;background:#1e293b99;border:1px solid rgba(100,116,139,.5);border-radius:.75rem;color:#f1f5f9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease-out}.agent-form-input::-moz-placeholder{color:#9ca3af}.agent-form-input::placeholder{color:#9ca3af}.agent-form-input:focus{border-color:#f59e0b99;box-shadow:0 0 0 4px #f59e0b33;outline:none;background:#1e293bcc}.agent-form-switch{position:relative;display:inline-block;width:3.5rem;height:1.75rem}.agent-form-switch input{opacity:0;width:0;height:0}.agent-form-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#475569;transition:all .3s;border-radius:9999px}.agent-form-slider:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:.25rem;bottom:.25rem;background:#fff;transition:all .3s;border-radius:9999px}.agent-form-switch input:checked+.agent-form-slider{background:linear-gradient(to right,#f59e0b,#2563eb)}.agent-form-switch input:checked+.agent-form-slider:before{transform:translate(1.75rem)}.agent-card{border:1px solid rgba(51,65,85,.5);cursor:pointer;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;position:relative}.agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ebaf0a,#fbbf24,#2563eb,#1d4ed8);background-size:300% 100%;animation:gradient-shift 3s ease infinite;opacity:0;transition:opacity .3s ease}.agent-card:hover:before{opacity:1}.agent-card:hover{@apply -translate-y-2 shadow-2xl border-slate-600/70;box-shadow:0 20px 40px #0006,0 0 0 1px #fbbf241a,inset 0 1px #ffffff1a;transform:translateY(-8px) scale(1.02)}.agent-header{@apply flex items-center gap-4 mb-6;}.agent-icon{@apply w-14 h-14 rounded-xl flex items-center justify-center text-2xl font-bold;@apply shadow-lg border border-white/10;background:linear-gradient(135deg,#fbbf2433,#d977061a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.agent-platform-youtube .agent-icon{background:linear-gradient(135deg,#f003,#cc00001a);@apply text-red-400;}.agent-platform-tiktok .agent-icon{background:linear-gradient(135deg,#ff005033,#ff00961a);@apply text-pink-400;}.agent-platform-facebook .agent-icon{background:linear-gradient(135deg,#1877f233,#4267b21a);@apply text-blue-400;}.agent-platform-instagram .agent-icon{background:linear-gradient(135deg,#e1306c33,#2563eb1a);@apply text-blue-400;}.agent-info h3{@apply text-xl font-bold text-white mb-1;}.agent-info p{@apply text-gray-400 text-sm leading-relaxed;}.agent-status{@apply flex items-center gap-2 mb-4;}.agent-status-indicator{@apply w-3 h-3 rounded-full;animation:pulse 2s infinite}.agent-status-active .agent-status-indicator{@apply bg-green-400;box-shadow:0 0 10px #22c55e80}.agent-status-inactive .agent-status-indicator{@apply bg-gray-500;}.agent-status-text{@apply text-sm font-medium;}.agent-status-active .agent-status-text{@apply text-green-400;}.agent-status-inactive .agent-status-text{@apply text-gray-500;}.agent-stats{@apply grid grid-cols-2 gap-4 mb-6;}.agent-stat{@apply bg-slate-800/50 rounded-xl p-3 backdrop-blur-sm;@apply border border-slate-700/30;}.agent-stat-value{@apply text-lg font-bold text-white;}.agent-stat-label{@apply text-xs text-gray-400 mt-1;}.agent-actions{@apply flex gap-3;}.agent-button{@apply flex-1 px-4 py-2 rounded-xl font-medium transition-all duration-300;@apply focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-900;}.agent-button-primary{@apply bg-gradient-to-r from-amber-500 to-yellow-600 text-white;@apply hover:from-amber-400 hover:to-yellow-500 hover:shadow-lg hover:shadow-amber-500/25;@apply focus:ring-amber-500/50 active:scale-95;}.agent-button-secondary{@apply bg-slate-700/50 text-gray-200 border border-slate-600/50;@apply hover:bg-slate-600/60 hover:border-slate-500/60 hover:text-white;@apply focus:ring-slate-500/50 active:scale-95;}.agent-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;@apply flex items-center justify-center p-4;animation:fadeIn .3s ease-out}.agent-modal-content{@apply w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-2xl;background:linear-gradient(135deg,#1e293bf2,#0f172afa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.2);box-shadow:0 25px 50px #0006,inset 0 1px #ffffff1a;animation:modalSlideIn .4s ease-out}.agent-modal-header{@apply p-6 border-b border-slate-700/50;}.agent-modal-title{@apply text-2xl font-bold mb-2;background:linear-gradient(135deg,#ebaf0a,#fbbf24,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agent-modal-subtitle{@apply text-gray-400;}.agent-modal-body{@apply p-6 space-y-6;}.agent-form-section{@apply space-y-4;}.agent-form-section h3{@apply text-lg font-semibold text-white border-b border-slate-700/50 pb-2;}.agent-form-group{@apply space-y-2;}.agent-form-label{@apply block text-sm font-medium text-gray-300;}.agent-form-input{@apply w-full px-4 py-3 bg-slate-800/60 border border-slate-600/50 rounded-xl;@apply text-gray-100 placeholder-gray-400 backdrop-blur-sm;@apply transition-all duration-300 ease-out;@apply focus:border-amber-500/60 focus:ring-4 focus:ring-amber-500/20 focus:outline-none;@apply focus:bg-slate-800/80;}.agent-form-select{@apply w-full px-4 py-3 bg-slate-800/60 border border-slate-600/50 rounded-xl;@apply text-gray-100 backdrop-blur-sm;@apply transition-all duration-300 ease-out;@apply focus:border-amber-500/60 focus:ring-4 focus:ring-amber-500/20 focus:outline-none;@apply focus:bg-slate-800/80;}.agent-form-slider{@apply w-full h-2 bg-slate-700 rounded-lg appearance-none cursor-pointer;@apply focus:outline-none focus:ring-4 focus:ring-amber-500/20;}.agent-form-slider::-webkit-slider-thumb{@apply appearance-none w-4 h-4 bg-amber-500 rounded-full cursor-pointer;@apply shadow-lg shadow-amber-500/25;}.agent-form-slider::-moz-range-thumb{@apply w-4 h-4 bg-amber-500 rounded-full cursor-pointer border-none;@apply shadow-lg shadow-amber-500/25;}.agent-toggle-group{@apply flex gap-4;}.agent-toggle{@apply flex items-center gap-3 p-3 rounded-xl border transition-all duration-300;@apply cursor-pointer hover:bg-slate-700/30;}.agent-toggle-active{@apply border-amber-500/50 bg-amber-500/10;}.agent-toggle-inactive{@apply border-slate-600/50 bg-slate-800/30;}.agent-modal-footer{@apply p-6 border-t border-slate-700/50 flex gap-4;}.agents-empty{@apply flex-1 flex items-center justify-center p-12;}.agents-empty-content{@apply text-center;}.agents-empty-icon{@apply w-16 h-16 mx-auto mb-6 text-gray-500;}.agents-empty h3{@apply text-xl font-semibold text-gray-300 mb-2;}.agents-empty p{@apply text-gray-500 max-w-sm mx-auto;}@media (max-width: 768px){.agents-container{@apply p-4;}.agents-grid{grid-template-columns:1fr;@apply gap-4;}.agent-card{@apply p-4;}.agent-header{@apply gap-3 mb-4;}.agent-icon{@apply w-12 h-12 text-xl;}.agent-info h3{@apply text-lg;}.agent-stats{@apply grid-cols-1 gap-2 mb-4;}.agent-actions{@apply flex-col gap-2;}.agent-modal-content{@apply m-2;}.agent-modal-header,.agent-modal-body,.agent-modal-footer{@apply p-4;}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#0f172af2,#1e293be6,#334155d9,#1e293be6,#0f172af2);background-attachment:fixed;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(251,191,36,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.auth-card{z-index:10;width:100%;max-width:28rem;background:linear-gradient(135deg,#1e293be6,#0f172af2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:2.5rem;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ebaf0a,#fbbf24,#2563eb,#1d4ed8);background-size:300% 100%;animation:gradient-shift 3s ease infinite}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.875rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#ebaf0a,#fbbf24 25%,#2563eb 75%,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite}.auth-subtitle{color:#d1d5db;font-size:.875rem;line-height:1.625}.auth-form{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-input-group label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db}.auth-input{width:100%;padding:.75rem 1rem;background-color:#1e293b99;border:1px solid rgba(71,85,105,.5);border-radius:.75rem;color:#f3f4f6;transition:all .3s ease-out;position:relative}.auth-input:focus{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2426}.auth-button{width:100%;padding:.75rem 1.5rem;background-image:linear-gradient(to right,#f59e0b,#d97706);color:#fff;font-weight:600;border-radius:.75rem;border:1px solid rgba(251,191,36,.2);box-shadow:0 10px 15px -3px #fbbf2440;transition:all .3s ease-out;position:relative;overflow:hidden}.auth-button:hover{background-image:linear-gradient(to right,#fbbf24,#f59e0b);box-shadow:0 20px 25px -5px #fbbf2466}.auth-button:focus{outline:none;box-shadow:0 0 0 4px #fbbf244d}.auth-button:active{transform:scale(.95)}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-button: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}.auth-button:hover:before{left:100%}.auth-button:disabled{transform:none}.auth-button:disabled:before{display:none}.auth-footer{@apply text-center mt-6 pt-6 border-t border-slate-700/50;}.auth-footer p{@apply text-gray-400 text-sm;}.auth-link{@apply text-amber-400 hover:text-amber-300 font-medium transition-colors duration-200;@apply hover:underline;}.auth-error{@apply bg-red-500/10 border border-red-500/30 text-red-400 p-4 rounded-xl;@apply flex items-center gap-3 mb-6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .3s ease-out}.auth-loading{@apply flex items-center justify-center gap-2;}.auth-loading .loading-spinner{@apply w-5 h-5 border-2 border-white/30 border-t-white rounded-full;animation:spin 1s linear infinite}.auth-social-button{@apply w-full px-6 py-3 bg-slate-700/50 text-gray-200 font-medium rounded-xl;@apply border border-slate-600/50 backdrop-blur-sm;@apply transition-all duration-300 ease-out;@apply hover:bg-slate-600/60 hover:border-slate-500/60 hover:text-white;@apply focus:ring-4 focus:ring-slate-500/30 focus:outline-none;@apply active:scale-95;@apply flex items-center justify-center gap-3;}@media (max-width: 480px){.auth-container{@apply p-4;}.auth-card{padding:1.5rem;border-radius:20px}.auth-title{font-size:1.5rem;line-height:2rem}.auth-input{background-color:#00000080;border:1px solid rgba(251,191,36,.2);border-radius:.75rem;padding:.75rem;transition:all .3s ease;color:#fff}.auth-input:focus{outline:none;box-shadow:0 0 0 2px #2563eb80}.auth-input::-moz-placeholder{color:#d1d5dbb3}.auth-input::placeholder{color:#d1d5dbb3}.auth-button{width:100%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fbbf241a,#d977060d);border:1px solid rgba(251,191,36,.2);transition:all .3s ease;padding:.75rem;border-radius:.75rem;margin-top:1.5rem;cursor:pointer;color:#fff;font-weight:500}.auth-button:hover{background:linear-gradient(135deg,#2563eb1a,#c026d30d);border:1px solid rgba(37,99,235,.2)}.auth-footer{text-align:center;margin-top:1.5rem;color:#d1d5db}.auth-link{color:#fbbf24;transition:color .3s ease}.auth-link:hover{color:#a855f7}}.app-layout{display:flex;flex-direction:column;min-height:100vh;position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);overflow-x:hidden}.background-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.background-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(251,191,36,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.08) 0%,transparent 50%)}.background-orb{position:absolute;border-radius:50%;filter:blur(80px)}.background-orb.amber{top:10%;left:15%;width:30rem;height:30rem;background:radial-gradient(circle,rgba(251,191,36,.08) 0%,transparent 70%);animation:float 10s ease-in-out infinite alternate}.background-orb.blue{top:60%;left:55%;width:25rem;height:25rem;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);animation:float 12s ease-in-out infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.network-lines{position:absolute;width:100%;height:100%;opacity:.15;z-index:1}.app-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0f172acc;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0000001a}.logo-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#fbbf2433,#d9770633);box-shadow:0 0 15px #fbbf244d}.gradient-text{background:linear-gradient(90deg,#f59e0b,#d97706,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.user-avatar{position:relative;width:36px;height:36px;border-radius:50%;background:#3b82f633;display:flex;align-items:center;justify-content:center;border:2px solid rgba(59,130,246,.3)}.online-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background-color:#10b981;border:2px solid #0f172a}.app-nav{display:flex;justify-content:center}.nav-tabs{display:flex;gap:.5rem}.nav-tab{position:relative;display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;color:#94a3b8;font-weight:500;transition:all .3s ease;border-radius:.5rem;text-decoration:none}.nav-tab:hover{color:#f8fafc;background:#ffffff0d}.nav-tab.active{color:#f8fafc}.nav-tab-content{display:flex;align-items:center;gap:.5rem;z-index:10}.nav-tab-icon{width:1.25rem;height:1.25rem}.nav-tab-indicator{position:absolute;bottom:-1px;left:50%;transform:translate(-50%) scaleX(0);height:3px;width:60%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px 3px 0 0;transition:transform .3s ease}.nav-tab.active .nav-tab-indicator{transform:translate(-50%) scaleX(1)}.app-content{flex:1;z-index:10;position:relative;display:flex;justify-content:center;padding:2rem 1rem}.content-wrapper{width:100%;max-width:1280px}.content-header{margin-bottom:2rem;text-align:center}.page-title{font-size:2rem;font-weight:700;color:#f8fafc;background:linear-gradient(90deg,#f59e0b,#d97706,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.content-container{width:100%}.page-transition{animation:fadeIn .5s ease-out}.background-orb.purple{bottom:10%;right:15%;width:40rem;height:40rem;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);animation:float 14s ease-in-out infinite alternate-reverse}.network-lines{width:100%;height:100%;opacity:.05}.network-lines path:nth-child(1){animation:float 15s ease-in-out infinite}.network-lines path:nth-child(2){animation:float 20s ease-in-out infinite alternate}.network-lines path:nth-child(3){animation:float 18s ease-in-out infinite alternate-reverse}.app-header{position:relative;z-index:20;padding:1rem 0;background:#0f172a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.logo-container{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#ebaf0a,#2563eb);border-radius:1rem;box-shadow:0 0 20px #fbbf244d}.gradient-text{background:linear-gradient(135deg,#ebaf0a,#fbbf24,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite}.user-status{display:flex;align-items:center}.user-avatar{position:relative;width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#0f172a,#334155);border:2px solid rgba(255,255,255,.1)}.online-indicator{position:absolute;bottom:0;right:0;width:.75rem;height:.75rem;border-radius:50%;background-color:#10b981;border:2px solid #0f172a;animation:pulse 2s infinite}.app-nav{position:relative;z-index:20;background:#0f172a33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-tabs{display:flex;justify-content:center;gap:1rem}.nav-tab{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;color:#94a3b8;text-decoration:none;transition:color .3s ease}.nav-tab:hover,.nav-tab.active{color:#f8fafc}.nav-tab-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.nav-tab-icon{width:1.5rem;height:1.5rem;transition:color .3s ease}.nav-tab.active .nav-tab-icon{color:#ebaf0a}.nav-tab-label{font-size:.875rem;font-weight:500}.nav-tab-indicator{position:absolute;bottom:0;left:0;right:0;height:.25rem;background:linear-gradient(to right,#ebaf0a,#2563eb);transform:scaleX(0);transition:transform .3s ease;border-radius:.125rem .125rem 0 0}.nav-tab.active .nav-tab-indicator{transform:scaleX(1)}.app-content{position:relative;z-index:10;flex:1;overflow-y:auto;padding:2rem 0}.content-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;color:#f8fafc;margin-bottom:1rem;background:linear-gradient(135deg,#ebaf0a,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-container{display:flex;flex-direction:column;gap:2rem}.card{background:#1e293b66;border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;margin:.5rem}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d;border-color:#fbbf244d}@keyframes float{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-10px) translate(10px)}to{transform:translateY(0) translate(0)}}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.modern-agents-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:1280px;margin:0 auto}.modern-agents-grid{display:grid;gap:2rem;width:100%;grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.modern-agents-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width: 768px){.modern-agents-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.modern-agents-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1536px){.modern-agents-grid{grid-template-columns:repeat(4,1fr)}}.modern-card{position:relative;overflow:hidden;border-radius:1.5rem;padding:1.5rem;height:100%;background:#1e293b66;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000001a,0 1px 2px #0000000d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.modern-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026,0 5px 15px #0000000d}.modern-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom right,#ffffff1a,#ffffff0d,#fff0,#ffffff0d,#ffffff1a);opacity:0;transition:opacity .3s ease}.modern-card:hover:before{opacity:1}.modern-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.modern-card-icon{display:flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;font-size:1.5rem;border-radius:1rem;background:#ffffff14}.modern-card-title{font-size:1.25rem;font-weight:600;color:#f8fafc;margin-bottom:.25rem}.modern-card-subtitle{font-size:.875rem;color:#94a3b8}.modern-card-content{margin-bottom:1.5rem}.modern-card-actions{display:flex;justify-content:flex-end;gap:.75rem}.glass-effect-youtube{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.glass-effect-tiktok{background:#ec489914;border:1px solid rgba(236,72,153,.2)}.glass-effect-facebook{background:#3b82f614;border:1px solid rgba(59,130,246,.2)}.glass-effect-instagram{background:#d946ef14;border:1px solid rgba(217,70,239,.2)}.glass-effect-gold{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.modern-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-weight:500;border-radius:.5rem;transition:all .3s ease;cursor:pointer}.modern-button-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.modern-button-primary:hover{box-shadow:0 0 15px #fbbf2466;transform:translateY(-2px)}.modern-button-secondary{background:#ffffff1a;color:#f8fafc;border:1px solid rgba(255,255,255,.1)}.modern-button-secondary:hover{background:#ffffff26;border-color:#fff3}.modern-button-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.modern-button-danger:hover{box-shadow:0 0 15px #ef444466;transform:translateY(-2px)}.settings-input-group{margin-bottom:1.25rem}.settings-input{width:100%;padding:.75rem 1rem;background:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#f8fafc;transition:all .3s ease}.settings-input:focus{outline:none;border-color:#fbbf2480;box-shadow:0 0 0 2px #fbbf2433}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.chat-container{display:flex;flex-direction:column;max-width:1000px;width:100%;margin:0 auto;border-radius:1.5rem;overflow:hidden;background:#1e293b66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000001a,0 1px 2px #0000000f;transition:all .3s ease}.modern-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003,0 15px 20px #0000001a;border-color:#fbbf244d}.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.modern-card:hover:before{transform:scaleX(1)}.modern-card-header{position:relative;display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modern-card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1.5rem;border-radius:1rem;margin-right:1rem;background:var(--glass-bg);box-shadow:0 4px 12px #0000001a;border:1px solid var(--glass-border)}.modern-card-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.modern-card-subtitle{font-size:.875rem;color:#94a3b8;margin-top:.25rem}.modern-card-content{flex:1;display:flex;flex-direction:column}.modern-card-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1.5rem}.modern-button{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:.75rem;font-size:.875rem;font-weight:500;transition:all .2s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer}.modern-button:hover{background:#ffffff1a;transform:translateY(-2px)}.modern-button-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none}.modern-button-primary:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));box-shadow:0 5px 15px #fbbf244d}.modern-button-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));border:none}.modern-button-secondary:hover{background:linear-gradient(135deg,var(--secondary-light),var(--secondary-color));box-shadow:0 5px 15px #2563eb4d}.gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to right,#fbbf24,#d97706)}.card{background-color:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-primary{padding:.5rem 1rem;background-image:linear-gradient(to right,#f59e0b,#d97706);color:#fff;font-weight:500;border-radius:.5rem;box-shadow:0 4px 6px -1px #fbbf2433,0 2px 4px -1px #fbbf241a;transition:all .2s ease}.btn-primary:hover{background-image:linear-gradient(to right,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 6px 10px -1px #fbbf2440,0 4px 6px -1px #fbbf2426}.btn-secondary{padding:.5rem 1rem;background-image:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;font-weight:500;border-radius:.5rem;box-shadow:0 4px 6px -1px #3b82f633,0 2px 4px -1px #3b82f61a;transition:all .2s ease}.btn-secondary:hover{background-image:linear-gradient(to right,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 10px -1px #3b82f640,0 4px 6px -1px #3b82f626}.btn-outline{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;color:#fff;font-weight:500;border-radius:.5rem;transition:all .2s ease}.btn-outline:hover{border-color:#fff6;background-color:#ffffff1a}.platform-youtube{color:#ef4444;background-color:#ef44441a}.platform-tiktok{color:#06b6d4;background-color:#06b6d41a}.platform-facebook{color:#3b82f6;background-color:#3b82f61a}.platform-instagram{color:#ec4899;background-color:#ec48991a}.input{background-color:#33415580;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.5rem 1rem;color:#fff;outline:none;transition:all .2s ease}.input:focus{border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b40}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-primary{background-color:#f59e0b33;color:#fcd34d}.badge-secondary{background-color:#3b82f633;color:#93c5fd}.badge-success{background-color:#10b98133;color:#6ee7b7}.badge-warning{background-color:#f59e0b33;color:#fcd34d}.badge-error{background-color:#ef444433;color:#fca5a5}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color: #ebaf0a;--primary-light: #fbbf24;--primary-dark: #d97706;--secondary-color: #2563eb;--secondary-light: #a855f7;--secondary-dark: #1d4ed8;--accent-color: #06b6d4;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: rgba(0, 0, 0, .1);--card-bg: rgba(30, 41, 59, .6);--nav-bg: rgba(15, 23, 42, .9)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;background-color:#0f172a;color:#f8fafc;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 20% 70%,rgba(251,191,36,.05) 0%,transparent 30%),radial-gradient(circle at 80% 30%,rgba(37,99,235,.05) 0%,transparent 30%);background-size:100% 100%;background-attachment:fixed}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.glass-effect-gold{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(251,191,36,.2);box-shadow:0 10px 15px -3px #fbbf241a;background:linear-gradient(135deg,#fbbf241a,#d977060d)}.glass-effect-purple{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(37,99,235,.2);box-shadow:0 10px 15px -3px #2563eb1a;background:linear-gradient(135deg,#2563eb1a,#1d4ed80d)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.5);box-shadow:0 25px 50px -12px #00000040;background:linear-gradient(135deg,#1e293bcc,#0f172ae6)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.3) rgba(15,23,42,.2)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a33;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#2563eb4d;border-radius:9999px;border:1px solid rgba(255,255,255,.05)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#2563eb80}.btn-primary{padding:.75rem 1rem;background-image:linear-gradient(to right,#f59e0b,#d97706);color:#fff;font-weight:600;border-radius:.75rem;border:1px solid rgba(251,191,36,.2);box-shadow:0 10px 15px -3px #fbbf2440;transition:all .3s ease-out}.btn-primary:hover{background-image:linear-gradient(to right,#fbbf24,#f59e0b);box-shadow:0 20px 25px -5px #fbbf2466;transform:translateY(-2px)}.btn-primary:focus{outline:none;box-shadow:0 0 0 4px #fbbf244d}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1rem;background-color:#47556980;color:#e5e7eb;font-weight:500;border-radius:.75rem;border:1px solid rgba(71,85,105,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease-out}.btn-secondary:hover{background-color:#47556999;border-color:#47556999;color:#fff}.btn-secondary:focus{outline:none;box-shadow:0 0 0 4px #4755694d}.btn-secondary:active{transform:scale(.95)}.form-input{width:100%;padding:.75rem 1rem;background-color:#1e293b80;border:1px solid rgba(71,85,105,.5);border-radius:.75rem;color:#f3f4f6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease-out}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;border-color:#fbbf2499;box-shadow:0 0 0 4px #fbbf2433;background-color:#1e293bb3}*:focus{outline:none}*:focus-visible{outline:2px solid #ebaf0a;outline-offset:2px}.gradient-text{background:linear-gradient(135deg,#ebaf0a,#fbbf24,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 100%;animation:gradient-shift 3s ease infinite}.animated-card{transition:all .3s ease-out}.animated-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.skeleton{position:relative;overflow:hidden;background-color:#1e293b80;border-radius:.375rem}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:shimmer 2s infinite;content:""}.status-online{background-color:#10b981;box-shadow:0 0 0 3px #10b9814d}.status-away{background-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b4d}.status-offline{background-color:#94a3b8;box-shadow:0 0 0 3px #94a3b84d}.status-error{background-color:#ef4444;box-shadow:0 0 0 3px #ef44444d}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;font-weight:500;color:#cbd5e1;transition:all .2s ease}.nav-link:hover{background-color:#ffffff14;color:#fff}.nav-link.active{background-color:#fbbf2426;color:#fbbf24}.fade-in{animation:fadeIn .5s ease-out forwards}.settings-panel{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background-color:#0f172a80;border-radius:1rem;border:1px solid rgba(71,85,105,.3)}.settings-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(71,85,105,.3)}.settings-title{font-size:1.25rem;font-weight:600;color:#fff}.settings-description{color:#94a3b8;font-size:.875rem}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#64748b4d;transition:.4s;border-radius:24px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.switch-slider{background-color:#fbbf24}input:focus+.switch-slider{box-shadow:0 0 1px #fbbf24}input:checked+.switch-slider:before{transform:translate(22px)}.tooltip{position:relative;display:inline-block}.tooltip-text{visibility:hidden;width:120px;background-color:#0f172ae6;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;font-size:.75rem;box-shadow:0 10px 15px -3px #0000001a}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.onboarding-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.onboarding-progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:#fff3;z-index:1000}.onboarding-progress{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);transition:width .3s ease;border-radius:0 2px 2px 0}.onboarding-header{text-align:center;padding:2rem 1rem 1rem;color:#fff}.onboarding-step-indicator{font-size:.875rem;opacity:.8;margin-bottom:.5rem}.onboarding-title{font-size:2.5rem;font-weight:700;margin:.5rem 0;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-description{font-size:1.125rem;opacity:.9;max-width:600px;margin:0 auto}.onboarding-content{flex:1;display:flex;justify-content:center;padding:1rem 1rem 2rem}.onboarding-step{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:800px;overflow:hidden;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-step-content{padding:2rem}.onboarding-navigation{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid #e2e8f0}.welcome-step{text-align:center}.welcome-hero{margin-bottom:3rem}.welcome-icon{margin-bottom:1.5rem}.welcome-sparkle{color:#667eea;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.welcome-headline{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.welcome-subtitle{font-size:1.125rem;color:#64748b;line-height:1.6;max-width:500px;margin:0 auto}.welcome-features{display:grid;gap:1.5rem;margin-bottom:2rem}.welcome-feature{display:flex;align-items:flex-start;gap:1rem;text-align:left;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.feature-icon{color:#667eea;flex-shrink:0}.feature-content h4{font-weight:600;color:#1e293b;margin:0 0 .5rem}.feature-content p{color:#64748b;margin:0;font-size:.875rem}.welcome-cta{margin-top:2rem}.welcome-ready{font-size:1.125rem;font-weight:500;color:#475569;margin:0}.step-intro{text-align:center;margin-bottom:2rem}.step-icon{color:#667eea;margin-bottom:1rem}.step-intro h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.step-intro p{color:#64748b;margin:0;font-size:1rem}.step-hint{background:#fef3cd;border:1px solid #fde68a;border-radius:8px;padding:.75rem 1rem;margin-top:1rem;font-size:.875rem;color:#92400e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.platform-card{border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s;background:#fff}.platform-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.platform-card.connected{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.platform-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.platform-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.platform-name{font-weight:600;color:#1f2937;margin:0}.platform-status{display:flex;align-items:center;gap:.25rem;color:#10b981;font-size:.75rem;font-weight:500}.platform-toggle{margin-bottom:1rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;font-weight:500}.toggle-slider{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}input[type=checkbox]:checked+.toggle-slider{background:#667eea}input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.viral-form,.ai-form,.asset-form,.scheduling-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.section-header h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.section-description{color:#64748b;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.usernames-list{display:flex;flex-direction:column;gap:.75rem}.username-input-group{display:flex;gap:.5rem;align-items:center}.username-input{flex:1}.platform-select{width:120px}.remove-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.remove-btn:hover{background:#dc2626}.add-username-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s;margin-top:.5rem}.add-username-btn:hover{background:#5b21b6}.voice-training-options{margin-top:1rem}.training-method{display:flex;gap:1rem;margin-bottom:1.5rem}.method-option{flex:1;cursor:pointer}.method-option input[type=radio]{display:none}.method-content{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s;background:#fff}.method-option input[type=radio]:checked+.method-content{border-color:#667eea;background:#f0f4ff}.upload-section{background:#fff;border-radius:8px;padding:1.5rem}.upload-types{display:flex;gap:1rem;margin-bottom:1rem}.upload-type{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.upload-type input[type=radio]:checked{background:#667eea;color:#fff}.file-upload-area{position:relative;border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;background:#f9fafb;transition:border-color .2s}.file-upload-area:hover{border-color:#667eea;background:#f0f4ff}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-prompt{color:#6b7280}.upload-prompt p{margin:.5rem 0;font-weight:500}.upload-hint{font-size:.75rem;color:#9ca3af}.uploaded-files{margin-top:1rem;padding:1rem;background:#f0fdf4;border-radius:6px;border:1px solid #bbf7d0}.uploaded-files h5{margin:0 0 .5rem;color:#166534;font-size:.875rem}.uploaded-files ul{margin:0;padding:0;list-style:none}.uploaded-files li{color:#15803d;font-size:.75rem}.uploaded-file{margin-top:.5rem;padding:.5rem;background:#f0fdf4;border-radius:4px;color:#15803d;font-size:.875rem}.file-info{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.asset-section{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.generation-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.generation-option{cursor:pointer}.generation-option input[type=radio]{display:none}.option-content{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s;background:#fff}.generation-option input[type=radio]:checked+.option-content{border-color:#667eea;background:#f0f4ff}.option-icon{color:#667eea;flex-shrink:0}.option-details h5{margin:0 0 .25rem;font-weight:600;color:#1e293b}.option-details p{margin:0;color:#64748b;font-size:.875rem}.ai-engine-selection,.avatar-settings{background:#fff;border-radius:8px;padding:1rem}.template-upload{background:#fff;border-radius:8px;padding:1.5rem}.scheduling-type-options{display:flex;gap:1rem;margin-bottom:2rem}.scheduling-type-option{flex:1;cursor:pointer}.scheduling-type-option input[type=radio]{display:none}.scheduling-type-option .option-content{padding:1.5rem;border:2px solid #e5e7eb;border-radius:12px;text-align:center;transition:all .2s;background:#fff}.scheduling-type-option input[type=radio]:checked+.option-content{border-color:#667eea;background:#f0f4ff}.preset-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.preset-template{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s}.preset-template:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.preset-template.selected{border-color:#667eea;background:#f0f4ff}.preset-header h5{margin:0 0 .5rem;font-weight:600;color:#1e293b}.preset-header p{margin:0;color:#64748b;font-size:.875rem}.preset-times{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.time-badge{background:#667eea;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.custom-scheduling{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1rem}.custom-scheduling h5{margin:0 0 1.5rem;font-weight:600;color:#1e293b}.custom-section{margin-bottom:1.5rem}.days-options{display:flex;gap:1rem;margin-bottom:1rem}.day-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.days-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.day-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.day-checkbox:hover{background:#f8fafc}.day-checkbox input[type=checkbox]:checked{background:#667eea}.times-input-section{background:#f8fafc;border-radius:8px;padding:1rem}.time-inputs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.time-input-group{display:flex;align-items:center;gap:.5rem}.time-input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.remove-time-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem}.add-time-btn{background:#667eea;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;transition:background .2s}.add-time-btn:hover{background:#5b21b6}.platform-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.platform-schedule-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.platform-schedule-preview .platform-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.platform-info h5{margin:0;font-weight:600;color:#1e293b;font-size:.875rem}.platform-info p{margin:0;color:#64748b;font-size:.75rem}.completion-step{text-align:center}.completion-hero{margin-bottom:3rem}.completion-icon{margin-bottom:1.5rem}.completion-check{color:#10b981;animation:bounce 1s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.completion-headline{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.completion-subtitle{font-size:1.125rem;color:#64748b;line-height:1.6;max-width:500px;margin:0 auto}.completion-summary{margin-bottom:2rem}.completion-summary h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.next-steps{display:grid;gap:1rem;text-align:left}.next-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.next-step .step-icon{color:#667eea;flex-shrink:0}.next-step h4{font-weight:600;color:#1e293b;margin:0 0 .5rem}.next-step p{color:#64748b;margin:0;font-size:.875rem}.completion-features{margin-bottom:2rem}.completion-features h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.feature-item{background:#f0f4ff;padding:.75rem;border-radius:8px;font-size:.875rem;color:#1e293b;border:1px solid #e0e7ff}.completion-actions{margin-bottom:2rem}.completion-btn{padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:12px;display:inline-flex;align-items:center;gap:.75rem;min-width:200px;justify-content:center}.completion-note{background:#fef3cd;border:1px solid #fde68a;border-radius:8px;padding:1rem;color:#92400e;font-size:.875rem}.completion-note p{margin:0}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viral-tips,.ai-tips,.asset-tips,.scheduling-tips{background:#fef3cd;border:1px solid #fde68a;border-radius:12px;padding:1.5rem;margin-top:2rem}.viral-tips h5,.ai-tips h5,.asset-tips h5,.scheduling-tips h5{margin:0 0 1rem;color:#92400e;font-weight:600}.viral-tips ul,.ai-tips ul,.asset-tips ul,.scheduling-tips ul{margin:0;padding-left:1.5rem;color:#92400e}.viral-tips li,.ai-tips li,.asset-tips li,.scheduling-tips li{margin-bottom:.5rem;font-size:.875rem}@media (max-width: 768px){.onboarding-title{font-size:2rem}.onboarding-step-content{padding:1.5rem}.form-row,.platforms-grid{grid-template-columns:1fr}.training-method,.scheduling-type-options{flex-direction:column}.preset-templates{grid-template-columns:1fr}.time-inputs{flex-direction:column}}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea40}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.credentials-note{background:#f0f4ff;border:1px solid #c7d2fe;border-radius:8px;padding:1rem;margin-top:1rem}.credentials-note p{margin:0;color:#3730a3;font-size:.875rem}.text-description,.video-settings{background:#fff;border-radius:8px;padding:1rem}.section-description{margin-bottom:1rem}.hashtags-list{display:flex;flex-direction:column;gap:.75rem}.hashtag-input-group{display:flex;gap:.5rem;align-items:center}.hashtag-input{flex:1}.add-hashtag-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s;margin-top:.5rem}.add-hashtag-btn:hover{background:#5b21b6}.business-details-step{max-width:800px;margin:0 auto}.business-analysis-section{margin:2rem 0}.business-loading{text-align:center;padding:3rem 2rem;background:#fffffff2;border-radius:16px;border:1px solid rgba(59,130,246,.2)}.loading-content h4{color:#1f2937;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.loading-content p{color:#6b7280;font-size:1rem;margin-bottom:2rem}.loading-animation{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.ai-icon{color:#3b82f6;z-index:2}.spinner{position:absolute;color:#60a5fa;animation:spin 2s linear infinite}.loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-dots span{width:8px;height:8px;background:#3b82f6;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.error-section{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:2rem}.error-content{display:flex;align-items:flex-start;gap:1rem;color:#dc2626}.error-content h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.error-content p{margin:0 0 1rem;color:#991b1b}.retry-button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-button:hover{background:#b91c1c}.retry-button:disabled{background:#9ca3af;cursor:not-allowed}.business-details-result{background:#fffffff2;border-radius:16px;padding:2rem;border:1px solid rgba(34,197,94,.3)}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.success-icon{color:#22c55e}.result-header h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.business-understanding h5{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .75rem}.business-details-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;color:#374151;line-height:1.6;margin-bottom:2rem}.feedback-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.feedback-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.feedback-header h5{color:#374151;font-size:1rem;font-weight:600;margin:0}.feedback-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.feedback-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;line-height:1.5;resize:vertical;font-family:inherit}.feedback-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.manual-fetch{text-align:center;padding:3rem 2rem;background:#fffffff2;border-radius:16px;border:1px solid rgba(156,163,175,.3)}.manual-content h4{color:#1f2937;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.manual-content p{color:#6b7280;margin-bottom:2rem}.analyze-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.analyze-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.analyze-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.ai-styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.ai-style-option{background:#ffffffe6;border:2px solid transparent;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s;display:block}.ai-style-option:hover{background:#fff;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ai-style-option input[type=radio]{display:none}.ai-style-option input[type=radio]:checked+.style-content{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.ai-style-option input[type=radio]:checked+.style-content .style-label{color:#1d4ed8;font-weight:600}.style-content{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s}.style-label{display:block;font-weight:500;color:#374151;font-size:1rem;margin-bottom:.25rem}.style-description{display:block;color:#6b7280;font-size:.875rem;line-height:1.4}.business-tips{background:#fffffff2;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid rgba(59,130,246,.2)}.business-tips h5{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .75rem}.business-tips ul{list-style:none;padding:0;margin:0}.business-tips li{color:#4b5563;font-size:.875rem;line-height:1.5;margin-bottom:.5rem;padding-left:1.25rem;position:relative}.business-tips li:before{content:"•";color:#3b82f6;font-weight:700;position:absolute;left:0}.settings-container{padding:24px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 124px);background:#fff}.settings-header{margin-bottom:32px}.settings-header-content{display:flex;align-items:center;gap:16px;margin-bottom:12px}.settings-header-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.settings-header-title{font-size:40px;font-weight:700;color:#1f2937;margin:0}.settings-header-subtitle{font-size:20px;color:#6b7280;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.settings-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.settings-card-full{grid-column:1 / -1}.settings-card-header{padding:20px;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.settings-card-header-content{display:flex;align-items:center;gap:16px}.settings-card-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.settings-card-title{font-size:22px;font-weight:600;color:#1f2937;margin:0}.settings-card-subtitle{font-size:16px;color:#6b7280;margin:0}.settings-card-body{padding:20px}.settings-card-footer{padding:20px;border-top:1px solid #f3f4f6;background:#f9fafb}.form-group{display:flex;flex-direction:column;gap:16px}.form-field{margin-bottom:16px}.form-label{display:block;font-size:16px;font-weight:500;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:16px;border:1px solid #d1d5db;border-radius:10px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3b82f6}.form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s;resize:none;min-height:80px;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#3b82f6}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.platform-list{display:flex;flex-direction:column;gap:12px}.platform-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.platform-info{display:flex;align-items:center;gap:12px}.platform-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.platform-details{display:flex;flex-direction:column}.platform-name{font-size:16px;font-weight:500;color:#1f2937;text-transform:capitalize}.platform-status{font-size:14px;display:flex;align-items:center;gap:4px}.platform-status.connected{color:#10b981}.platform-status.disconnected{color:#6b7280}.btn-platform{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-platform.connected{background:#dcfce7;color:#16a34a}.btn-platform.connected:hover{background:#bbf7d0}.btn-platform.disconnected{background:#dbeafe;color:#2563eb}.btn-platform.disconnected:hover{background:#bfdbfe}.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.section-icon{color:#3b82f6}.voice-training-container{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.voice-method-selection{display:flex;gap:16px;margin-bottom:16px}.radio-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.radio-option:hover{border-color:#3b82f6;background:#f8fafc}.radio-option input[type=radio]{margin:0}.radio-option input[type=radio]:checked+*{color:#3b82f6}.upload-section{margin-top:12px}.upload-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.upload-button:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc}.upload-hint{margin:8px 0 0;font-size:12px;color:#6b7280;text-align:center}.uploaded-files{margin-top:12px;display:flex;flex-direction:column;gap:8px}.uploaded-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.transcript-section{margin-top:12px}.template-upload-section{margin-top:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.template-upload-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.template-upload-button:hover{border-color:#3b82f6;color:#3b82f6}.uploaded-file{margin-top:8px;padding:8px;background:#f0fdf4;border-radius:4px;color:#15803d;font-size:.875rem}.file-info{display:flex;align-items:center;gap:8px;justify-content:space-between}.file-info>span{flex:1}.upload-status{margin-top:8px;padding:8px;border-radius:4px;font-size:.75rem;display:flex;flex-direction:column;gap:4px}.scheduling-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.preset-option{padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.preset-option:hover{border-color:#3b82f6;background:#f8fafc}.preset-option.selected{border-color:#3b82f6;background:#eff6ff}.preset-title{font-weight:500;color:#1f2937;margin-bottom:4px}.preset-description{font-size:12px;color:#6b7280}.platform-schedule-section{margin-top:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.platform-schedule-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.platform-schedule-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px}.time-slot{padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;text-align:center;font-size:14px}.custom-scheduling-section{margin-top:20px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.custom-scheduling-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.custom-scheduling-subtitle{font-size:16px;font-weight:500;color:#374151;margin:0 0 12px;text-transform:capitalize}.days-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:8px}.day-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.day-checkbox:hover{border-color:#3b82f6;background:#f8fafc}.day-checkbox input[type=checkbox]{margin:0}.day-checkbox input[type=checkbox]:checked+span{color:#3b82f6;font-weight:500}.times-input-section{display:flex;flex-direction:column;gap:12px}.time-inputs{display:flex;flex-wrap:wrap;gap:12px}.time-input-group{display:flex;align-items:center;gap:8px}.time-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151}.time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.remove-time-btn{width:24px;height:24px;border:none;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;transition:background .2s}.remove-time-btn:hover{background:#dc2626}.add-time-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s;align-self:flex-start}.add-time-btn:hover{background:#2563eb}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}.two-column-grid{grid-template-columns:1fr;gap:24px}.settings-container{padding:16px}.settings-header-title{font-size:32px}.settings-header-subtitle{font-size:16px}}.usernames-list,.hashtags-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.username-item,.hashtag-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.username-item:hover,.hashtag-item:hover{background:#f1f5f9;border-color:#cbd5e1}.username-item input,.hashtag-item input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.username-item input:focus,.hashtag-item input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.username-item select,.hashtag-item select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:120px;cursor:pointer;transition:border-color .2s ease}.username-item select:focus,.hashtag-item select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.remove-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-button:hover{background:#dc2626;transform:scale(1.05)}.add-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:12px;align-self:flex-start}.add-button:hover{background:#2563eb;transform:translateY(-1px)}.add-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.add-button:disabled:hover{background:#9ca3af;transform:none}.add-button span{font-size:12px;opacity:.9}.username-item select,.hashtag-item select{color:#374151;font-weight:500}.username-item select option,.hashtag-item select option{padding:8px}.usernames-list:empty:after,.hashtags-list:empty:after{content:"No items added yet. Click the button below to add your first item.";color:#6b7280;font-style:italic;text-align:center;padding:24px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px}@media (max-width: 640px){.username-item,.hashtag-item{flex-direction:column;align-items:stretch;gap:8px}.username-item select,.hashtag-item select{min-width:auto;width:100%}.remove-button{align-self:center;width:40px;height:40px}}.hashtag-suggestions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.suggestions-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.75rem}.hashtag-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.hashtag-suggestion-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;transition:all .2s;font-weight:500}.hashtag-suggestion-btn:hover{border-color:#667eea;background:#f0f4ff;transform:translateY(-1px)}.hashtag-suggestion-btn:disabled{opacity:.5;cursor:not-allowed}.platform-badge{font-size:.75rem;padding:.125rem .375rem;border-radius:4px;font-weight:500;text-transform:capitalize}.platform-youtube .platform-badge{background:red;color:#fff}.platform-tiktok .platform-badge{background:#000;color:#fff}.platform-instagram .platform-badge{background:#e4405f;color:#fff}.platform-facebook .platform-badge{background:#1877f2;color:#fff}.uploaded-file-display{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:1rem}.uploaded-file-display .file-info{display:flex;align-items:center;gap:.75rem}.uploaded-file-display .file-name{flex:1;font-weight:500;color:#15803d}.file-url-display{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #bbf7d0}.url-label{font-size:.875rem;font-weight:500;color:#374151;display:block;margin-bottom:.25rem}.file-url{display:block;font-size:.875rem;color:#2563eb;text-decoration:none;word-break:break-all;padding:.5rem;background:#eff6ff;border-radius:.375rem;border:1px solid #dbeafe;transition:all .2s}.file-url:hover{background:#dbeafe;text-decoration:underline}.remove-file-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.remove-file-btn:hover{background:#dc2626;transform:scale(1.1)}.uploading-display{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:1rem}.upload-animation{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.upload-animation span{color:#92400e;font-weight:500}.spinner{width:20px;height:20px;border:2px solid #fbbf24;border-top:2px solid #92400e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar{width:100%;height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);transition:width .3s ease}.upload-status{margin-top:.5rem;padding:.5rem;border-radius:4px;font-size:.75rem;display:flex;flex-direction:column;gap:.25rem}.upload-status.uploading{background:#fef3c7;color:#92400e}.upload-status.success{background:#f0fdf4;color:#15803d}.upload-status.error{background:#fef2f2;color:#dc2626}