@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap";:root{--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--accent-yellow: #fabd24;--accent-yellow-warm: #f59e0b;--hover-bg: rgba(249, 250, 251, .5);--active-bg: rgba(254, 243, 199, .6);--active-border: #f59e0b;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}:root{--vh: 1vh;--app-height: 96vh}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;color:var(--text-primary);height:100%;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at 50% 100%,rgba(251,191,36,.4) 0%,rgba(245,158,11,.3) 20%,rgba(255,193,7,.15) 40%,rgba(251,191,36,.08) 60%,transparent 80%);background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.06) 1px,transparent 0);background-size:20px 20px}.ascii-art{position:fixed;right:5%;top:50%;transform:translateY(-50%);font-family:Fira Code,Courier New,monospace;font-size:11px;line-height:1;white-space:pre;-webkit-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(200deg,#fbbf244d,#f59e0b40,#ffc10730,#fbbe2425,#f59f0b17);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#fbbf2433}.ascii-art .morphing{animation:morphing 1.2s ease-in-out infinite alternate;background:linear-gradient(200deg,#fbbf2499,#f59e0b80,#ffc10766);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#fbbf2466}@keyframes morphing{0%{opacity:.2}50%{opacity:.5}to{opacity:.8}}.app-container{display:flex;height:100vh;overflow:visible}.sidebar{width:240px;background:transparent;display:flex;flex-direction:column;flex-shrink:0;padding-top:2px;overflow-y:auto;overflow-x:hidden;height:100vh}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-title{font-size:11px;font-weight:500;color:var(--text-muted);padding:4px 0 0 18px;letter-spacing:.5px}.account-section{padding:10px 20px 20px}.user-info{display:flex;align-items:center;padding:12px;background:#ffffff80;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .2s ease}.user-info:hover{background:#fff9;transform:translateY(-1px)}.account-expand-icon{margin-left:auto;color:var(--text-muted);font-size:16px;font-weight:600;transition:all .2s ease}.user-info:hover .account-expand-icon{color:var(--text-secondary);transform:translate(2px)}.user-avatar img,.profile-avatar img,.member-avatar img,.participant-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;color:#fff;margin-right:12px;box-shadow:0 2px 8px #fbbf244d;overflow:hidden}.user-details{flex:1}.user-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.user-id{font-size:12px;color:var(--text-muted)}.nav-section{padding:20px}.nav-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.nav-item{display:flex;align-items:center;padding:10px 14px;margin-bottom:4px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--hover-bg);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-item.active{background:var(--active-bg);color:var(--active-border);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #fbbf2433}.nav-item-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:14px}.icon-sell{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.95m-1 7.55v2.5a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h2.5a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-.77a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 17.39z' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.icon-settings{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.icon-logout{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.sidebar-bottom{margin-top:auto;padding:20px;flex-shrink:0}.main-content{height:100%;background:transparent;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center}#sell-view{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;flex-direction:column;align-items:center;justify-content:center;padding:0;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}#sell-view.active{display:flex;opacity:1;transform:translateY(0)}.sell-content{max-width:500px;margin:0}.sell-content{max-width:500px;margin:0 0 -10%}.sell-content{opacity:0;transform:translate(-20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.sell-title{font-size:44px;font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.1;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.is-visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.task-member-dropdown{position:relative;display:inline-block;min-width:80px}.task-member-dropdown-trigger:hover{box-shadow:inset 2px 2px 5px #0000000f,inset -1px -1px 4px #fff,0 4px 12px #0000000d!important}.task-member-search-container{padding:8px;border-bottom:1px solid var(--gray-100)}.task-member-search-input{width:100%;padding:6px 10px;border:1px solid var(--gray-200);border-radius:6px;font-size:13px;outline:none;transition:border-color .15s ease}.task-member-search-input:focus{border-color:var(--gray-400)}.task-member-dropdown-trigger:focus-visible{outline:2px solid var(--gray-500);outline-offset:2px}.task-member-dropdown .chevron{width:14px;height:14px;transition:transform .2s ease;flex-shrink:0;opacity:.8}.task-member-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;background:#fff;border:none;border-radius:24px;box-shadow:0 8px 20px #00000014;padding:8px 4px 8px 8px;z-index:10000;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.task-member-menu::-webkit-scrollbar{width:4px}.task-member-menu::-webkit-scrollbar-track{background:transparent;margin:16px 0}.task-member-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.task-member-menu::-webkit-scrollbar-thumb:hover{background:#9ca3af}.task-member-dropdown.open .task-member-menu{opacity:1;transform:translateY(0);pointer-events:auto}.task-member-dropdown.open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);z-index:9999;pointer-events:none}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.task-member-menu-section{padding:6px 4px}.task-member-section-label{font-size:12px;color:#6b7280;padding:6px 10px 4px;text-transform:uppercase;letter-spacing:.04em}.task-member-option{width:100%;text-align:left;padding:6px 10px;border-radius:26px;border:none;background:transparent;color:#374151;cursor:pointer;transition:background .12s ease,color .12s ease}.task-member-option:hover{background:#f3f4f6}.task-member-option.is-selected{background:#f3f4f6;color:#374151}.task-member-option:focus-visible{outline:2px solid #d1d5db;outline-offset:2px}.sell-subtitle{font-size:20px;color:var(--text-secondary);margin-bottom:32px;line-height:1.4;font-weight:400}.start-case-button{padding:16px 32px;font-size:16px;font-weight:600;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.start-case-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.view{display:none;width:82vw;max-width:1600px;height:96vh;background:#ffffffa6;border-radius:24px;padding:24px;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 40px #0000001a;position:relative;margin:0 auto;opacity:0;transform:translate(30px) scale(.98);transition:all .4s cubic-bezier(.4,0,.2,1)}.view.active{display:block;opacity:1;transform:translate(0) scale(1)}.empty-state{text-align:center;max-width:none;margin:0;padding:60px 20px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state-icon{width:48px;height:48px;background:#00000008;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 20px;color:var(--text-muted);-webkit-backdrop-filter:none;backdrop-filter:none}.empty-state-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-text{font-size:14px;color:var(--text-muted);line-height:1.5}.empty-state .icon-note{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z'/%3E%3C/svg%3E");background-size:28px 28px;background-repeat:no-repeat;background-position:center}.empty-state .icon-history{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-size:28px 28px;background-repeat:no-repeat;background-position:center}.empty-state .icon-settings{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E");background-size:28px 28px;background-repeat:no-repeat;background-position:center}.sell-screen{display:none;flex-direction:column;margin:0 auto;position:absolute;transform:scale(.95);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.sell-screen.active{display:flex;opacity:1;transform:scale(1)}.sell-modal{background:#ffffffa6;border-radius:24px;padding:0;height:96vh;width:82vw;max-width:1260px;box-shadow:0 8px 40px #0000001a;border:1px solid rgba(255,255,255,.9);position:relative;overflow:hidden;margin:0 auto;display:flex;flex-direction:column;min-height:0}.ascii-art.blurred{filter:blur(1px);transition:all .3s ease}.close-sell-screen{display:none}.icon-train{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.icon-ranking{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.icon-revenue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13 7h8m0 0v8m0-8l-8 8-4-4-6 6'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.icon-relationships{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.empty-state .icon-train{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253'/%3E%3C/svg%3E");background-size:28px 28px;background-repeat:no-repeat;background-position:center}.empty-state .icon-ranking{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'/%3E%3C/svg%3E");background-size:28px 28px;background-repeat:no-repeat;background-position:center}.empty-state .icon-revenue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13 7h8m0 0v8m0-8l-8 8-4-4-6 6'/%3E%3C/svg%3E");background-size:28px 28px;background-repeat:no-repeat;background-position:center}.close-sell-screen:hover{color:var(--text-primary);background:#0000000d}.sell-header{padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.copilot-title{display:flex;align-items:center;gap:16px;font-weight:600;color:var(--text-primary);font-size:16px}.copilot-timer{font-family:Fira Code,monospace;font-size:14px;color:var(--text-muted);background-color:#0000000a;padding:4px 8px;border-radius:6px}.sell-header .copilot-controls,.sell-header .copilot-status{display:flex;align-items:center;gap:8px}.recording-controls{display:none}.recording-dot-container{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.recording-dot{width:32px;height:32px;border-radius:50%;margin-top:4px;background:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a;position:relative}.recording-dot:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.recording-dot.recording{background:#ef4444;animation:recording-pulse 2s infinite;border-color:#ef444480}.recording-dot-icon{width:16px;height:16px;color:#fff;opacity:.9;transition:all .2s ease;z-index:2}.recording-dot:hover .recording-dot-icon{opacity:1;transform:scale(1.1)}.recording-pointer,.recording-pointer-hand{display:none}.recording-dot-container:hover .recording-pointer,.recording-dot-container:hover .recording-pointer-hand{opacity:.8;transform:scale(1.1)}.recording-dot.recording+.recording-pointer,.recording-dot.recording+.recording-pointer-hand{opacity:.3}@keyframes recording-pulse{0%,to{opacity:1;box-shadow:0 2px 8px #ef44444d,0 0 #ef444466}50%{opacity:.8;box-shadow:0 4px 12px #ef444466,0 0 0 8px #ef44441a}}.recording-info{display:flex;flex-direction:column;gap:2px;text-align:center}.recording-status{font-size:13px;font-weight:500;color:var(--text-primary);transition:color .2s ease}.recording-dot.recording+.recording-info .recording-status{color:#ef4444}.recording-time{font-family:Fira Code,monospace;font-size:11px;color:var(--text-muted)}.close-button{width:32px;height:32px;border-radius:8px;border:none;background:#0000000d;color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sell-body{flex:1;display:flex;flex-direction:row;gap:1px;background:#0000000a;min-height:0;overflow:hidden}.sell-body .copilot-panel{background:#fffc;padding:20px;overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;min-height:0;min-width:250px}.intelligence-panel,.guidance-panel{background:#fffc;padding:24px;overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column;min-height:0}.intelligence-panel h3,.guidance-panel h3{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;flex-shrink:0;position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 0;z-index:2}.panel-title{color:var(--text-secondary)}.intelligence-list,.guidance-list{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px}.intelligence-item,.guidance-item{padding:14px 0;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;animation:slideInFromTop .4s cubic-bezier(.4,0,.2,1)}.intelligence-item:first-child,.guidance-item:first-child{border-top:none;padding-top:14px}.intelligence-item:last-child,.guidance-item:last-child{border-bottom:none;padding-bottom:16px}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.intelligence-panel::-webkit-scrollbar,.guidance-panel::-webkit-scrollbar{width:6px}.intelligence-panel::-webkit-scrollbar-track,.guidance-panel::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.intelligence-panel::-webkit-scrollbar-thumb,.guidance-panel::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.intelligence-panel::-webkit-scrollbar-thumb:hover,.guidance-panel::-webkit-scrollbar-thumb:hover{background:#0000004d}.intelligence-panel,.guidance-panel{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.intelligence-item .intelligence-text{color:var(--text-secondary);font-style:italic;font-size:14px}.intelligence-item.active .intelligence-text{color:var(--text-primary);font-style:normal;font-weight:500}.guidance-item.current{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);padding:16px;border-radius:8px;border:1px solid rgba(251,191,36,.3);margin:-8px -8px 4px;position:relative}.guidance-item.current:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:2px}.guidance-item.current .guidance-text{font-weight:500;color:var(--accent-yellow-warm)}.guidance-text{font-size:14px;color:var(--text-secondary)}.sell-modal .copilot-footer{padding:8px 16px;border-top:1px solid rgba(0,0,0,.06);background:#f9fafbcc;flex-shrink:0}.copilot-section{background:#f8fafccc;border-radius:16px;margin-bottom:24px}.copilot-header{display:flex;align-items:center;margin-bottom:16px}.copilot-icon{width:24px;height:24px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:6px;margin-right:12px;display:flex;align-items:center;justify-content:center}.copilot-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);font-size:14px}.suggestion-item{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;border-left:4px solid var(--accent-yellow);box-shadow:0 2px 8px #0000000d}.suggestion-item:last-child{margin-bottom:0}.suggestion-text{font-size:14px;color:var(--text-primary);line-height:1.5}.suggestion-meta{font-size:12px;color:var(--text-muted);margin-top:8px;display:flex;align-items:center}.suggestion-timing{margin-right:12px}.suggestion-confidence{background:#22c55e1a;color:#16a34a;padding:2px 8px;border-radius:12px;font-weight:500}.control-buttons{display:flex;gap:16px;justify-content:center}.control-button{padding:12px 24px;border-radius:12px;border:2px solid var(--accent-yellow);background:transparent;color:var(--accent-yellow-warm);font-weight:600;cursor:pointer;transition:all .2s ease}.control-button:hover{background:var(--accent-yellow);color:#fff}.control-button.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border-color:transparent}.control-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf244d}@media (max-width: 768px){.sidebar{width:200px}.ascii-art,.logo-background{display:none}.main-content{padding:3vh 3%}.view{width:95vw;height:85vh;padding:24px}#sell-view{height:auto}.sell-modal{width:95vw;height:80vh;padding:20px}.notes-title,.history-title,.train-title,.ranking-title,.revenue-title,.settings-title{font-size:18px}.train-scenarios,.ranking-stats,.revenue-overview{grid-template-columns:1fr}}.intelligence-panel,.guidance-panel{background:#fffc;padding:20px;overflow-y:auto}.notes-container,.history-container,.train-container,.ranking-container,.revenue-container,.settings-container{width:100%;height:100%;max-width:none;display:flex;flex-direction:column;overflow:visible}.notes-header,.history-header,.train-header,.ranking-header,.revenue-header,.settings-header{margin-bottom:24px;text-align:left;flex-shrink:0;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.04)}.notes-title,.history-title,.train-title,.ranking-title,.revenue-title,.settings-title{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.2;margin:0}.notes-subtitle,.history-subtitle,.train-subtitle,.ranking-subtitle,.revenue-subtitle,.settings-subtitle{font-size:14px;color:var(--text-muted);margin:0;font-weight:400}.notes-content,.history-content,.train-content,.ranking-content,.revenue-content,.settings-content{flex:1;overflow-y:auto;overflow-x:hidden;background:transparent;border-radius:0;padding:10px;border:none}.notes-content{min-height:auto}.empty-notes-state{text-align:center;padding:80px 20px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.note-item{background:#fff6;border-radius:12px;padding:20px;margin-bottom:12px;border-left:3px solid var(--accent-yellow);border-top:none;border-right:none;border-bottom:none;box-shadow:none}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.note-title{font-weight:600;color:var(--text-primary);margin:0}.note-date{font-size:12px;color:var(--text-muted)}.note-content{font-size:14px;line-height:1.6;color:var(--text-secondary)}.history-content{display:flex;flex-direction:column;gap:16px}.history-item{background:#ffffff4d;border-radius:12px;padding:20px;margin-bottom:12px;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;flex-shrink:0}.history-item:hover{background:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 20px #00000014}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.history-item-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.history-item-date{font-size:13px;color:var(--text-muted)}.history-item-outcome{text-align:right;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600}.history-item-outcome.success{background:#22c55e1a;color:#16a34a}.history-item-outcome.meeting{background:#fbbf241a;color:var(--accent-yellow-warm)}.history-item-outcome.lost{background:#ef44441a;color:#dc2626}.outcome-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.outcome-value{display:block;font-size:14px;margin-top:2px}.history-item-summary{margin-bottom:16px}.history-item-summary p{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.history-item-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.04);display:flex;justify-content:flex-end}.history-item{position:relative}.history-item-preview{display:none;position:absolute;width:380px;overflow:hidden;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 10px 30px #0000001f;padding:20px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out;text-align:left;transform:scale(.95)}.history-item:hover .history-item-preview{display:block;opacity:1;pointer-events:auto}.history-item-preview .history-item-section{margin-bottom:16px}.history-item-preview .history-item-section:last-child{margin-bottom:0}.history-item-preview .history-item-subtitle{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,.05)}.history-item-preview .history-item-summary-text{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.history-item-preview .history-item-list{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:6px}.history-item-preview .history-item-list li{font-size:14px;line-height:1.5;color:var(--text-secondary);position:relative;padding-left:16px}.history-item-preview .history-item-list li:before{content:"•";position:absolute;left:0;color:var(--accent-primary)}.view-note-button{background:transparent;border:1px solid rgba(0,0,0,.15);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-note-button:hover{background:#0000000d;color:var(--text-primary);border-color:#0003}.history-item:last-child:hover .history-item-preview{transform:translate(0) scale(1)}@media (max-width: 480px){.history-item-preview{width:90vw;max-width:none}}.history-item-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#6b72801a;color:var(--text-muted);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500}.train-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;height:fit-content}.scenario-card{background:#ffffff4d;border-radius:12px;padding:20px;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.scenario-card:hover{background:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scenario-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.scenario-difficulty{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.scenario-difficulty.easy{background:#22c55e1a;color:#16a34a}.scenario-difficulty.medium{background:#fbbf241a;color:var(--accent-yellow-warm)}.scenario-difficulty.hard{background:#ef44441a;color:#dc2626}.scenario-description{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-bottom:20px}.scenario-button{width:100%;padding:12px 24px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.scenario-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf244d}.ranking-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;flex-shrink:0}.stat-card{background:#ffffff4d;border-radius:12px;padding:20px;text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.2)}.stat-number{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.stat-label{font-size:10px;color:var(--text-secondary);margin-bottom:4px}.stat-change{font-size:12px;font-weight:600}.ranking-list{background:#ffffff4d;border-radius:12px;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.2);overflow:hidden;flex:1;overflow-y:auto}.ranking-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.03)}.ranking-item:last-child{border-bottom:none}.ranking-item.top{background:#fbbf241a}.ranking-item.current{background:#22c55e1a}.rank-position{width:36px;height:36px;background:var(--accent-yellow);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:14px;font-size:14px}.rank-info{flex:1}.rank-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.rank-details{font-size:13px;color:var(--text-muted)}.rank-score{font-size:18px;font-weight:700;color:var(--text-primary)}.revenue-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;flex-shrink:0}.revenue-card{background:#ffffff4d;border-radius:12px;padding:4px;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.2)}.revenue-card.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:1px solid rgba(255,255,255,.2)}.revenue-amount{color:#6b7280;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.revenue-label{font-size:14px;margin-bottom:4px;opacity:.9}.revenue-period,.revenue-change{font-size:12px;opacity:.7}.revenue-change.positive{color:#16a34a}.revenue-breakdown{background:#ffffff4d;border-radius:12px;padding:20px;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.2);flex:1;overflow-y:auto}.revenue-breakdown h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.breakdown-item{margin-bottom:16px}.breakdown-info{display:flex;justify-content:space-between;margin-bottom:8px}.breakdown-category{font-size:14px;color:var(--text-secondary)}.breakdown-amount{font-size:14px;font-weight:600;color:var(--text-primary)}.breakdown-bar{height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.breakdown-progress{height:100%;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:3px;transition:width .3s ease}.settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{background:#ffffff4d;border-radius:12px;padding:20px;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.2);flex-shrink:0;margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.03)}.setting-item:last-child{border-bottom:none}.setting-label{font-size:14px;color:var(--text-primary);font-weight:500}.setting-toggle{position:relative}.setting-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:44px;height:24px;background:#ccc;border-radius:24px;cursor:pointer;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s}input:checked+.toggle-slider{background:var(--accent-yellow)}input:checked+.toggle-slider:before{transform:translate(20px)}.view .notes-container,.view .history-container,.view .train-container,.view .ranking-container,.view .revenue-container,.view .settings-container{opacity:0;transform:translateY(20px);animation:slideInUp .6s cubic-bezier(.4,0,.2,1) .1s forwards}.view.active .notes-header,.view.active .history-header,.view.active .train-header,.view.active .ranking-header,.view.active .revenue-header,.view.active .settings-header{opacity:0;transform:translateY(15px);animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .2s forwards}.view.active .notes-content,.view.active .history-content,.view.active .train-content,.view.active .ranking-content,.view.active .revenue-content,.view.active .settings-content{opacity:0;transform:translateY(15px);animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .3s forwards}#sell-view.active .sell-content{opacity:1;transform:translate(0)}.sell-title{opacity:0;transform:translateY(20px);animation:slideInUp .7s cubic-bezier(.4,0,.2,1) .1s forwards}.sell-subtitle{opacity:0;transform:translateY(20px);animation:slideInUp .7s cubic-bezier(.4,0,.2,1) .2s forwards}.start-case-button{opacity:0;transform:translateY(20px) scale(.95);animation:slideInUpScale .7s cubic-bezier(.4,0,.2,1) .3s forwards}@keyframes slideInUpScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-item{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.1),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.nav-item.active:before{left:100%}.nav-item:hover{transform:translate(2px)}.nav-item.active{transform:translate(4px)}.history-item,.scenario-card,.stat-card,.revenue-card,.settings-section,.account-section-card{opacity:0;transform:translateY(15px);transition:all .3s cubic-bezier(.4,0,.2,1)}.view.active .history-item{animation:slideInUp .5s cubic-bezier(.4,0,.2,1) forwards}.view.active .history-item:nth-child(1){animation-delay:.1s}.view.active .history-item:nth-child(2){animation-delay:.2s}.view.active .history-item:nth-child(3){animation-delay:.3s}.view.active .history-item:nth-child(4){animation-delay:.4s}.view.active .scenario-card{animation:slideInUp .5s cubic-bezier(.4,0,.2,1) forwards}.view.active .scenario-card:nth-child(1){animation-delay:.1s}.view.active .scenario-card:nth-child(2){animation-delay:.2s}.view.active .scenario-card:nth-child(3){animation-delay:.3s}.view.active .stat-card{animation:slideInUp .5s cubic-bezier(.4,0,.2,1) forwards}.view.active .stat-card:nth-child(1){animation-delay:.1s}.view.active .stat-card:nth-child(2){animation-delay:.2s}.view.active .stat-card:nth-child(3){animation-delay:.3s}.view.active .revenue-card{animation:slideInUp .5s cubic-bezier(.4,0,.2,1) forwards}.view.active .revenue-card:nth-child(1){animation-delay:.1s}.view.active .revenue-card:nth-child(2){animation-delay:.2s}.view.active .revenue-card:nth-child(3){animation-delay:.3s}.view.active .settings-section{animation:slideInUp .5s cubic-bezier(.4,0,.2,1) forwards}.view.active .settings-section:nth-child(1){animation-delay:.1s}.view.active .settings-section:nth-child(2){animation-delay:.2s}.view.active .settings-section:nth-child(3){animation-delay:.3s}.view.active .ranking-item{opacity:0;transform:translate(-20px);animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) forwards}.view.active .ranking-item:nth-child(1){animation-delay:.1s}.view.active .ranking-item:nth-child(2){animation-delay:.2s}.view.active .ranking-item:nth-child(3){animation-delay:.3s}.view.active .ranking-item:nth-child(4){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.view.active .breakdown-progress{width:0!important;animation:expandBar 1.2s cubic-bezier(.4,0,.2,1) .8s forwards}@keyframes expandBar{to{width:var(--target-width)!important}}.stat-number{opacity:0;transform:scale(.8);animation:countUp .8s cubic-bezier(.4,0,.2,1) .5s forwards}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.history-item:hover,.scenario-card:hover,.stat-card:hover,.revenue-card:hover,.settings-section:hover{transform:translateY(-1px) scale(1.005);box-shadow:0 4px 20px #00000014}.scenario-title,.history-item-title{font-size:16px;font-weight:600}.history-item-outcome,.scenario-difficulty{padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500}.start-case-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #fbbf2466}.sell-modal{transform:scale(.95);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.sell-screen.active .sell-modal{transform:scale(1);opacity:1}.sell-header{opacity:0;transform:translateY(-10px);animation:slideInDown .5s cubic-bezier(.4,0,.2,1) .1s forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sell-body .intelligence-panel,.sell-body .guidance-panel{opacity:0;transform:translateY(15px)}.sell-screen.active .intelligence-panel{animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .2s forwards}.sell-screen.active .guidance-panel{animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .3s forwards}.view-transition{pointer-events:none}.setting-select,.setting-input{padding:8px 12px;border:1px solid rgba(0,0,0,.2);border-radius:6px;background:#fffc;font-size:14px;min-width:120px}.setting-select:focus,.setting-input:focus{outline:none;border-color:var(--accent-yellow)}.account-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1)}.account-modal-overlay.active{display:flex;opacity:1}.account-modal{background:#fffffff2;border-radius:24px;width:90vw;max-width:900px;max-height:85vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;transform:scale(.95) translateY(20px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.account-modal-overlay.active .account-modal{transform:scale(1) translateY(0);opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.account-modal-header{padding:24px 32px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.account-modal-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.account-modal-content{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:24px}.account-modal-footer{padding:20px 32px;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.account-section-card{background:#fff6;border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.4)}.account-section-card h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text-primary)}.account-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-badge{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-info{display:flex;gap:24px;align-items:flex-start}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;color:#fff;box-shadow:0 4px 20px #fbbf244d;overflow:hidden}.profile-details{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-field{display:flex;flex-direction:column}.profile-field label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.profile-input{padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:8px;background:#fffc;font-size:14px;color:var(--text-primary);transition:all .2s ease}.profile-input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a}.profile-input:read-only{background:#0000000d;color:var(--text-muted)}.security-options{display:flex;flex-direction:column;gap:16px}.security-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.05)}.security-item:last-child{border-bottom:none}.security-info{display:flex;flex-direction:column}.security-label{font-size:14px;font-weight:500;color:var(--text-primary)}.security-description{font-size:12px;color:var(--text-muted);margin-top:2px}.security-button{padding:8px 16px;background:transparent;border:1px solid var(--accent-yellow);border-radius:6px;color:var(--accent-yellow-warm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.security-button:hover{background:var(--accent-yellow);color:#fff}.connected-accounts{display:flex;flex-direction:column;gap:12px}.connected-account{display:flex;align-items:center;padding:16px;background:#fff9;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.connected-account.disconnected .account-name,.connected-account.disconnected .account-email{opacity:.65}.account-icon{width:40px;height:40px;border-radius:8px;margin-right:16px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:20px}.google-icon{background:#4285f4}.microsoft-icon{background:#00a1f1}.slack-icon{background:#4a154b}.instagram-icon{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.linkedin-icon{background:#0a66c2}.account-info{flex:1;display:flex;flex-direction:column}.account-name{font-size:14px;font-weight:600;color:var(--text-primary)}.account-email{font-size:12px;color:var(--text-muted);margin-top:2px}.disconnect-button,.connect-button{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.disconnect-button{background:transparent;border:1px solid #dc2626;color:#dc2626}.disconnect-button:hover{background:#dc2626;color:#fff}.connect-button{background:var(--accent-yellow);border:1px solid var(--accent-yellow);color:#fff}.connect-button:hover{background:var(--accent-yellow-warm)}.required-step-banner{display:flex;align-items:center;gap:10px;margin-left:auto;padding:8px 10px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa}.required-step-text{font-size:12px;color:#9a3412}.required-step-actions .small-button{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;background:#f59e0b;border:1px solid #f59e0b;color:#fff;cursor:pointer}.required-step-actions .small-button:hover{background:#d97706;border-color:#d97706}.linkedin-campaign-field .inline-controls{display:flex;gap:8px;align-items:center}.linkedin-campaign-field .create-campaign-button{padding:6px 10px;border-radius:6px;border:1px solid #0A66C2;background:#0a66c2;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.linkedin-campaign-field .create-campaign-button:hover{background:#0b5cad;border-color:#0b5cad}.add-member-button{padding:8px 16px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.team-search{margin-bottom:16px}.search-input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:8px;background:#fffc;font-size:14px;color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a}.team-members{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.team-member{display:flex;align-items:center;padding:16px;background:#fff9;border-radius:12px;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.team-member:hover{background:#fffc;transform:translateY(-1px)}.member-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;flex-shrink:0;overflow:hidden}.member-info{flex:1;display:flex;flex-direction:column}.member-name{font-size:14px;font-weight:600;color:var(--text-primary)}.member-role{font-size:12px;color:var(--text-secondary);margin:2px 0}.member-email{font-size:11px;color:var(--text-muted)}.member-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;margin-right:12px}.member-action-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted);font-size:16px;transition:all .2s ease}.member-action-btn:hover{background:#0000000d;color:var(--text-primary)}.preferences-options{display:flex;flex-direction:column;gap:16px}.preference-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.preference-item:last-child{border-bottom:none}.preference-label{font-size:14px;font-weight:500;color:var(--text-primary)}.preference-select{padding:6px 10px;border:1px solid rgba(0,0,0,.2);border-radius:6px;background:#fffc;font-size:13px;min-width:120px}.preference-select:focus{outline:none;border-color:var(--accent-yellow)}.danger-zone{border:1px solid rgba(239,68,68,.2)!important}.danger-zone h3{color:#dc2626}.danger-options{display:flex;flex-direction:column;gap:16px}.danger-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(239,68,68,.1)}.danger-item:last-child{border-bottom:none}.danger-info{display:flex;flex-direction:column}.danger-label{font-size:14px;font-weight:500;color:var(--text-primary)}.danger-description{font-size:12px;color:var(--text-muted);margin-top:2px}.danger-button{padding:8px 16px;background:#dc2626;border:1px solid #dc2626;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.danger-button:hover{background:#b91c1c}.danger-button.secondary{background:transparent;color:#dc2626}.danger-button.secondary:hover{background:#dc2626;color:#fff}.save-button{padding:12px 24px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.cancel-button{padding:12px 24px;background:transparent;color:var(--text-secondary);border:1px solid rgba(0,0,0,.2);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#0000000d;color:var(--text-primary)}.sessions-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .3s ease}.sessions-modal-overlay.active{display:flex}.sessions-modal{background:#fffffffa;border-radius:16px;width:90vw;max-width:600px;max-height:70vh;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;animation:slideUp .3s ease}#instagram-connect-modal .save-button{background:linear-gradient(135deg,#d6249f,#fd5949,#285aeb);border:1px solid rgba(0,0,0,.05)}#instagram-connect-modal .save-button:hover{filter:brightness(.98)}.sessions-modal-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sessions-modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.sessions-modal-content{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px}.session-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.session-item:last-child{border-bottom:none}.session-info{display:flex;flex-direction:column;gap:2px}.session-device{font-size:14px;font-weight:500;color:var(--text-primary)}.session-location,.session-time{font-size:12px;color:var(--text-muted)}.session-actions{display:flex;align-items:center;gap:8px}.current-session-badge{background:#22c55e1a;color:#16a34a;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.revoke-button{padding:6px 12px;background:transparent;border:1px solid #dc2626;color:#dc2626;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.revoke-button:hover{background:#dc2626;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1002;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-content{background:#fffffffa;border-radius:16px;width:90vw;max-width:450px;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease}.modal-overlay:not(.hidden) .modal-content{transform:scale(1)}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-message{font-size:13px;padding:10px 12px;border-radius:6px;display:none;margin-top:8px;text-align:center}.modal-message.error{background:#ef44441a;color:#dc2626;display:block}.modal-message.success{background:#22c55e1a;color:#16a34a;display:block}.modal-footer{padding:16px 24px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-end;gap:12px;background:#00000005;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.revenue-amount,.stat-number,.rank-score,.breakdown-amount{transition:all .3s ease;font-variant-numeric:tabular-nums}.revenue-amount{text-shadow:0 0 10px rgba(251,191,36,.3)}.stat-number{text-shadow:0 0 8px rgba(0,0,0,.1)}.revenue-card.primary .revenue-amount{text-shadow:0 0 15px rgba(255,255,255,.4)}.stat-number{opacity:0;transform:scale(.8);animation:countUp .8s cubic-bezier(.4,0,.2,1) .5s forwards;position:relative}.stat-number:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(251,191,36,.1) 50%,transparent 70%);opacity:0;animation:shimmer 2s ease-in-out 1s;pointer-events:none}@keyframes shimmer{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.revenue-amount{position:relative;overflow:hidden}.revenue-amount: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 2s ease-in-out}.view.active .revenue-amount:before{left:100%;transition-delay:.8s}.breakdown-amount{font-weight:600;transition:all .3s ease}@media (max-width: 768px){.account-modal{width:95vw;max-height:90vh}.account-modal-content{padding:16px 24px}.profile-info{flex-direction:column;align-items:center;text-align:center}.profile-details{grid-template-columns:1fr;width:100%}.team-member{flex-wrap:wrap;gap:8px}.member-info{min-width:200px}}@media (max-width: 768px){.view{transform:translateY(20px) scale(.98);transition:all .3s cubic-bezier(.4,0,.2,1)}.view.active{transform:translateY(0) scale(1)}.nav-item:hover,.nav-item.active{transform:translate(0)}.history-item:hover,.scenario-card:hover,.stat-card:hover,.revenue-card:hover,.settings-section:hover{transform:translateY(-2px) scale(1.005)}}.generate-note-state{text-align:center;padding:80px 20px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.generate-note-content{max-width:400px}.generate-note-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.generate-note-text{font-size:14px;color:var(--text-muted);line-height:1.5;margin-bottom:24px}.generate-note-button{padding:12px 24px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;min-width:160px;box-shadow:0 4px 12px #fbbf244d}.generate-note-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.generate-note-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-text,.button-loader{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.generated-note{background:#fff6;border-radius:16px;padding:24px;border-left:4px solid var(--accent-yellow);margin:0;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.generated-note.show{opacity:1;transform:translateY(0)}.generated-note .note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08)}.note-title-section{flex:1}.generated-note .note-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.note-timestamp{font-size:12px;color:var(--text-muted);font-family:Fira Code,monospace}.regenerate-button{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.regenerate-button:hover{background:#0000000d;transform:scale(1.05)}.regenerate-icon{display:block}.generated-note .note-content{line-height:1.7;color:var(--text-secondary)}.generated-note .note-content h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:20px 0 12px;border-left:3px solid var(--accent-yellow);padding-left:12px}.generated-note .note-content h4:first-child{margin-top:0}.generated-note .note-content ul{margin:8px 0 16px 16px;padding:0}.generated-note .note-content li{margin-bottom:6px;list-style-type:none;position:relative;padding-left:20px}.generated-note .note-content li:before{content:"•";color:var(--accent-yellow);font-weight:700;position:absolute;left:0}.generated-note .note-content p{margin:12px 0}.generated-note .note-content strong{color:var(--text-primary);font-weight:600}@keyframes noteSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.generated-note.animate-in{animation:noteSlideIn .6s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 768px){.generate-note-button{width:100%;max-width:200px}.generated-note{padding:20px}.generated-note .note-header{flex-direction:column;gap:12px;align-items:flex-start}.regenerate-button{align-self:flex-end}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#fff,#f8fafc);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;max-width:300px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(251,191,36,.3);border-top:3px solid var(--accent-yellow);border-radius:50%;animation:spin 1s linear infinite;display:block;position:relative;left:50%;transform:translate(-50%)}.loading-dots{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0}.loading-dots span{width:12px;height:12px;border-radius:50%;background:#9ca3af;animation:loading-dots-bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-dots-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.loading-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.loading-text{font-size:14px;color:var(--text-muted)}.loading-modal{background:#fffffffa;border-radius:12px;padding:32px;text-align:center;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:300px;width:90vw}.loading-modal .loading-content p{margin:16px 0 0;font-size:14px;color:var(--text-secondary);font-weight:500}.login-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease,visibility .5s ease}.login-view.hidden{opacity:0;visibility:hidden}.login-container{display:grid;grid-template-columns:1fr 1fr;width:100vw;height:100vh;max-width:none;background:linear-gradient(45deg,#fffaf0,#fffdf0 15%,#fff 60%,#fff);border-radius:0;box-shadow:none;border:none;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.login-container::-webkit-scrollbar{width:2px}.login-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.login-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.login-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.login-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 60px 20px 100px;background:transparent;color:var(--text-primary)}.brand-section{text-align:left;pointer-events:none}.brand-logo-section{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-logo{width:36px;height:36px;object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 2px 8px rgba(251,191,36,.2))}.brand-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(251,191,36,.3))}.brand-name{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.025em;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header{margin-bottom:48px;opacity:0;transform:translateY(30px);animation:slideInUp .8s cubic-bezier(.4,0,.2,1) .2s forwards}.login-main-title{font-size:44px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.1;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.login-main-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:2px;opacity:.4}.login-form-wrapper{width:100%;max-width:420px;opacity:0;transform:translateY(30px);animation:slideInUp .8s cubic-bezier(.4,0,.2,1) .8s forwards}.login-form{display:none;animation:fadeInUp .6s ease forwards;opacity:1}.login-form.active{display:block}.form-header{margin-bottom:32px}.form-subtitle{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5;font-weight:400;opacity:.9}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:.025em}.form-group input{width:100%;padding:14px 16px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;color:var(--text-primary);background:#fffc;transition:all .3s ease;font-weight:500}.form-group input::placeholder{color:var(--text-muted);font-weight:400}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.checkbox-container{display:flex;align-items:center;font-size:14px;color:var(--text-secondary);cursor:pointer;font-weight:500}.checkmark{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-radius:4px;margin-right:10px;position:relative;transition:all .3s ease;background:#fff}.checkbox-container input:checked+.checkmark{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-color:var(--accent-yellow);transform:scale(1.05)}.checkbox-container input:checked+.checkmark:after{content:"✓";position:absolute;top:-1px;left:2px;color:#fff;font-size:14px;font-weight:700}.form-options a{font-size:14px;color:var(--accent-yellow-warm);text-decoration:none;font-weight:600;transition:all .2s ease}.form-options a:hover{color:var(--accent-yellow);text-decoration:underline}.login-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:24px;box-shadow:0 4px 20px #fbbf244d;letter-spacing:.025em}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #fbbf2466;background:linear-gradient(135deg,var(--accent-yellow-warm) 0%,#d97706 100%)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 20px #fbbf2433}.form-footer{text-align:center;margin-top:24px}.form-footer p{font-size:15px;color:var(--text-secondary);margin:0}.form-footer a{color:var(--accent-yellow-warm);text-decoration:none;font-weight:600;transition:all .2s ease}.form-footer a:hover{color:var(--accent-yellow);text-decoration:underline}.login-right{display:flex;align-items:center;justify-content:center;padding:60px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.login-right:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(251,191,36,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(251,191,36,.05) 0%,transparent 50%);pointer-events:none}.ascii-art-container{left:30%;top:-15%;text-align:center;opacity:1;position:absolute;z-index:2;font-family:Fira Code,Courier New,monospace;font-size:8px;line-height:1.1;white-space:pre;-webkit-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(225deg,#fbbf241a,#f59e0b59,#ffc10796,#fbbe2425,#f59f0b17);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#fbbf2433}.ascii-tagline{margin-top:24px}.tagline-text{font-size:16px;font-weight:600;color:var(--text-secondary);font-style:italic;position:relative;padding:0 20px}.tagline-text:before,.tagline-text:after{content:"—";position:absolute;color:var(--accent-yellow);font-weight:400}.tagline-text:before{left:0}.tagline-text:after{right:0}.login-message{margin-top:20px;padding:14px 18px;border-radius:12px;animation:slideInDown .4s ease;font-weight:500}.login-message.error{background:#ef44441a;border:2px solid rgba(239,68,68,.2);color:#dc2626}.login-message.success{background:#22c55e1a;border:2px solid rgba(34,197,94,.2);color:#16a34a}.message-text{font-size:14px;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmerArt{0%{left:-100%}50%{left:100%}to{left:100%}}@media (max-width: 1024px){.login-left{padding:60px 40px;align-items:center;text-align:center}.brand-section{text-align:center}.brand-logo-section{justify-content:center}.login-main-title{font-size:40px}.brand-logo{width:32px;height:32px}}@media (max-width: 768px){.login-left{padding:40px 20px}.brand-name{font-size:20px}.login-main-title{font-size:36px}.brand-logo{width:28px;height:28px}.form-subtitle{font-size:14px}}.form-group input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 4px #fbbf241a,0 4px 20px #fbbf2433;background:#fff;transform:translateY(-1px)}.login-form{transition:all .3s ease}.login-form:not(.active){opacity:0;transform:translate(-20px)}.login-form.active{opacity:1;transform:translate(0)}.form-group input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 4px #fbbf241a;background:#fff;transform:translateY(-1px)}.brand-logo-section{opacity:0;transform:translate(-20px);animation:slideInLeft .8s cubic-bezier(.4,0,.2,1) forwards}.login-main-title{opacity:0;transform:translateY(20px);animation:slideInUp .8s cubic-bezier(.4,0,.2,1) .8s forwards}.form-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.form-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.form-group input{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.2);border-radius:8px;font-size:16px;color:var(--text-primary);background:#fffc;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a;background:#fff}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.checkbox-container{display:flex;align-items:center;font-size:14px;color:var(--text-secondary);cursor:pointer}.checkbox-container input{display:none}.checkmark{width:16px;height:16px;border:1px solid rgba(0,0,0,.3);border-radius:3px;margin-right:8px;position:relative;transition:all .2s ease}.checkbox-container input:checked+.checkmark{background:var(--accent-yellow);border-color:var(--accent-yellow)}.checkbox-container input:checked+.checkmark:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:12px;font-weight:700}.form-options a{font-size:14px;color:var(--accent-yellow-warm);text-decoration:none;font-weight:500}.form-options a:hover{text-decoration:underline}.login-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.login-button:hover{transform:translateY(-1px);box-shadow:0 8px 25px #fbbf244d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-footer{text-align:center}.form-footer p{font-size:14px;color:var(--text-secondary)}.form-footer a{color:var(--accent-yellow-warm);text-decoration:none;font-weight:500}.form-footer a:hover{text-decoration:underline}.login-message{margin-top:16px;padding:12px 16px;border-radius:8px;animation:slideInDown .3s ease}.login-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626}.login-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#16a34a}.message-text{font-size:14px;font-weight:500}.company-error-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.company-error-container{text-align:center;max-width:480px;padding:0 20px}.error-logo{display:flex;justify-content:center;align-items:center}.error-title{font-size:28px;font-weight:600;color:#171717;margin-bottom:16px;letter-spacing:-.02em}.error-message{font-size:15px;color:#525252;margin-bottom:8px;line-height:1.6}.error-submessage{font-size:14px;color:#a3a3a3;margin-bottom:40px;line-height:1.6}.error-actions{display:flex;gap:12px;justify-content:center}.error-button{padding:14px 28px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.error-button.primary{background:#171717;color:#fff;border:none}.error-button.primary:hover{background:#262626;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.error-button.secondary{background:transparent;color:#737373;border:2px solid #e5e5e5}.error-button.secondary:hover{background:#fafafa;color:#171717;border-color:#d4d4d4}@media (max-width: 1200px){.login-container{grid-template-columns:1fr 1fr}.login-left{padding:40px 40px 60px 80px}.login-main-title{font-size:38px}}@media (max-width: 1024px){.login-left{padding:40px 40px 60px 60px;align-items:center;text-align:center}.brand-section{text-align:center}.brand-logo-section{justify-content:center}.login-main-title{font-size:36px}.login-right{padding:40px}.ascii-art-container{left:20%;top:-10%;font-size:7px}}@media (max-width: 768px){.login-container{grid-template-columns:1fr;height:auto;min-height:100vh;overflow-y:auto}.login-left{padding:30px 20px;order:1;min-height:auto;justify-content:flex-start}.login-right{padding:20px;order:2;min-height:200px;max-height:250px}.login-header{margin-bottom:30px}.brand-name{font-size:20px}.login-main-title{font-size:32px}.brand-logo{width:28px;height:28px}.form-subtitle{font-size:14px}.form-row{grid-template-columns:1fr;gap:20px}.form-group{margin-bottom:20px}.form-group input{padding:12px 14px;font-size:16px}.form-options{flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:24px}.login-button{padding:14px 24px;font-size:16px}.ascii-art-container{left:0;top:0;font-size:6px;line-height:1;opacity:.7;max-height:180px;overflow:hidden}}@media (max-width: 480px){.login-left{padding:20px 16px}.login-header{margin-bottom:24px}.brand-name{font-size:18px}.login-main-title{font-size:28px}.brand-logo{width:24px;height:24px}.form-subtitle,.form-group label{font-size:13px}.form-group input{padding:12px;font-size:16px}.login-button{padding:12px 20px;font-size:15px}.form-footer p{font-size:13px}.login-right{min-height:150px;max-height:180px}.ascii-art-container{font-size:4px;max-height:120px}}@media (max-width: 768px) and (max-height: 600px){.login-container{min-height:100vh;height:auto}.login-left{padding:20px;justify-content:flex-start}.login-header{margin-bottom:20px}.login-main-title{font-size:24px}.form-group{margin-bottom:16px}.form-options{margin-bottom:20px}.login-button{margin-bottom:16px}.login-right{display:none}}@media (max-width: 768px){.login-view{overflow-y:auto;-webkit-overflow-scrolling:touch}.login-form-wrapper{width:100%;max-width:none}.form-options a,.form-footer a{padding:8px 4px;display:inline-block}.checkbox-container{padding:8px 0}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media (max-width: 768px){.login-left{padding-bottom:calc(30px + env(safe-area-inset-bottom))}}}@media (max-width: 768px){.form-group input:invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group input:valid:focus{border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a}}@media (max-width: 768px){.login-message{margin-top:12px;padding:10px 14px;font-size:13px}.loading-screen .loading-content{padding:0 20px}.company-error-container{margin:16px;padding:24px}.error-title{font-size:20px}.error-message{font-size:14px}.error-actions{flex-direction:column;gap:8px}.error-button{width:100%;text-align:center}}@media (min-width: 768px){.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:900px;min-height:500px;max-height:90vh;display:flex;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;position:relative}.auth-form-section{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;overflow-y:auto}.auth-image-section{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.auth-form{width:100%;max-width:400px;margin:0 auto}.auth-form h2{font-size:2rem;margin-bottom:1rem;color:#333}.auth-form p{margin-bottom:2rem;color:#666}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea}.auth-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .2s ease;margin-bottom:1rem}.auth-button:hover{transform:translateY(-2px)}.auth-toggle{text-align:center;padding:1rem 0;color:#666}.auth-toggle button{background:none;border:none;color:#667eea;cursor:pointer;font-weight:500;text-decoration:underline}.auth-toggle button:hover{color:#764ba2}}@media (min-width: 768px) and (max-height: 600px){.auth-card{min-height:auto;max-height:95vh}.auth-form-section{padding:1.5rem}.auth-form h2{font-size:1.5rem;margin-bottom:.5rem}.auth-form p,.form-group{margin-bottom:1rem}.form-group input{padding:10px 14px}.auth-button{padding:10px;margin-bottom:.5rem}.auth-toggle{padding:.5rem 0}}.confidence-badge{background:#22c55e33;color:#16a34a;padding:2px 6px;border-radius:4px;font-size:.7em;margin-left:8px}.high-priority{color:#dc2626!important;font-weight:600}.urgent-priority{color:#dc2626!important;font-weight:700;animation:pulse 2s infinite}.priority-indicator{color:#dc2626;font-weight:700;margin-left:4px;animation:pulse 1s infinite}.transcript-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin:8px 0;max-height:200px;overflow-y:auto}.transcript-section pre{white-space:pre-wrap;font-family:Inter,sans-serif;font-size:.9em;line-height:1.4;margin:0}.intelligence-section,.guidance-section{background:#f1f5f9;border-left:4px solid #3b82f6;padding:12px;margin:8px 0}.note-text-container{width:100%}.note-textarea{width:100%;min-height:400px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;background:#fff;resize:vertical;white-space:pre-wrap;word-wrap:break-word}.note-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.note-warning{margin-top:12px;padding:8px 12px;background:#fef3c7;color:#92400e;border:1px solid #fbbf24;border-radius:6px;font-size:13px}.note-error-container{text-align:center;padding:40px 20px}.note-error-message h4{color:#dc2626;margin-bottom:8px;font-size:18px}.note-error-message p{color:#6b7280;margin-bottom:20px;line-height:1.5}.retry-note-button{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-note-button:hover{background:#2563eb}.retry-note-button:active{transform:translateY(1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:400px}.empty-state-icon{width:52px;height:52px;padding:8px;margin-bottom:24px;opacity:.3;background-size:contain;background-repeat:no-repeat;background-position:center}.empty-state-title{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:12px}.empty-state-text{font-size:16px;color:#6b7280;margin-bottom:32px;max-width:400px;line-height:1.5}.empty-state-button{padding:12px 24px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;min-width:160px;box-shadow:0 4px 12px #fbbf244d}.empty-state-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.empty-state-button:active{transform:translateY(1px)}.placeholder-data{color:#9ca3af!important;font-style:italic}.placeholder-data:focus{color:#374151!important;font-style:normal}.stat-change.positive{color:#16a34a}.stat-change.negative{color:#dc2626}.stat-change{font-size:12px;font-weight:500}@media (max-width: 768px){.empty-state{padding:40px 20px;min-height:300px}.empty-state-icon{width:48px;height:48px;margin-bottom:16px}.empty-state-title{font-size:20px;margin-bottom:8px}.empty-state-text{font-size:14px;margin-bottom:24px}}.view-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10020;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.view-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #fabd24;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.view-loading-text{color:#6b7280;font-size:14px;margin:0}.view-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:300px}.view-error-icon{font-size:48px;color:#f59e0b;margin-bottom:16px}.view-error-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:8px}.view-error-message{color:#6b7280;margin-bottom:20px;max-width:400px;line-height:1.5}.view-error-retry{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.view-error-retry:hover{background:#2563eb}.view-refresh-button{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;margin-left:auto}.view-refresh-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.view-refresh-button .refresh-icon{width:14px;height:14px;transition:transform .6s ease}.view-refresh-button .refresh-icon.spinning{animation:spin 1s linear infinite}.data-refresh-notification{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.data-refresh-notification.show{opacity:1;transform:translate(0)}.notification-icon{font-weight:700;font-size:16px}.notification-text{font-size:14px;font-weight:500}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);z-index:100;align-items:center;justify-content:space-between;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text-primary)}.mobile-brand img{width:28px;height:28px}.mobile-menu-toggle{width:40px;height:40px;border:none;background:#0000000d;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.mobile-menu-toggle:hover{background:#0000001a}.mobile-menu-toggle svg{width:20px;height:20px;color:var(--text-secondary);transition:all .2s ease}.mobile-menu-toggle.active svg{transform:rotate(180deg)}.mobile-sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease}.mobile-sidebar-overlay.active{opacity:1}@media (max-width: 768px){.mobile-header{display:flex}.app-container{flex-direction:column;height:100vh;overflow:hidden}.sidebar{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,0,0,.08);box-shadow:4px 0 20px #0000001a;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);padding-top:80px}.sidebar.mobile-open{left:0}.main-content{width:100%;overflow:hidden}.view{width:100%;height:calc(96vh - 60px);margin:0;border-radius:0;padding:16px;background:#fffc}.ascii-art{display:none}.nav-item{padding:12px 16px;margin-bottom:2px;font-size:16px}.nav-item-icon{width:24px;height:24px;margin-right:16px}.mobile-sidebar-overlay.active{display:block}.account-section{padding:16px;margin-bottom:8px}.user-info{padding:16px}.user-avatar{width:40px;height:40px;font-size:16px}.nav-section{padding:16px}.nav-section-title{font-size:12px;margin-bottom:16px}.sidebar-bottom{padding:16px;border-top:1px solid rgba(0,0,0,.06);background:#ffffff80}.nav-submenu{margin-left:0;background:#00000005;border-radius:8px;padding:8px;margin-top:8px}.nav-subitem{padding:10px 16px;margin-bottom:2px;border-radius:6px}}@media (max-width: 480px){.mobile-header{padding:0 12px;height:56px}.mobile-brand{font-size:16px}.mobile-brand img{width:24px;height:24px}.mobile-menu-toggle{width:36px;height:36px}.sidebar{width:260px;padding-top:76px}.main-content{margin-top:30px}.view{height:calc(96vh - 56px);padding:12px}.nav-item{padding:10px 14px;font-size:15px}.account-section,.nav-section,.sidebar-bottom{padding:12px}}@media (max-width: 768px) and (orientation: landscape){.mobile-header{height:50px}.sidebar{padding-top:70px;width:260px}.main-content{margin-top:30px}.view{height:calc(90vh - 50px);padding:12px}.nav-item{padding:8px 12px;font-size:14px}.account-section,.nav-section,.user-info{padding:12px}.nav-section-title{margin-bottom:8px}}body.mobile-menu-open{overflow:hidden}.sidebar{transition:left .3s cubic-bezier(.4,0,.2,1)}.mobile-sidebar-overlay{transition:opacity .3s ease,visibility .3s ease}.mobile-sidebar-overlay:not(.active){visibility:hidden}.mobile-sidebar-overlay.active{visibility:visible}@media (max-width: 768px){.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}}@media (max-width: 768px){.sell-modal{max-width:none}.train-container,.settings-container,.strategy-container,.relationships-container{padding:0}}@supports (padding: max(0px)){@media (max-width: 768px){.mobile-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}.sidebar{padding-top:calc(80px + env(safe-area-inset-top));padding-left:env(safe-area-inset-left)}}}@media (max-width: 768px){.view-refresh-button{padding:4px 8px;font-size:12px}.view-refresh-button .refresh-icon{width:12px;height:12px}.data-refresh-notification{top:10px;left:10px;right:10px}}@media (max-width: 768px){.mobile-header{display:flex;position:fixed;top:0;left:0;right:0;height:60px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);z-index:100;align-items:center;justify-content:space-between;padding:0 16px}.app-container{flex-direction:column;height:100vh;overflow:hidden}.sidebar{position:fixed;top:0;left:-100%;width:280px;height:var(--app-height);height:calc(var(--vh, 1vh) * 100);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,0,0,.08);box-shadow:4px 0 20px #0000001a;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);padding-top:80px;overflow-y:auto;overflow-x:hidden}.sidebar.mobile-open{left:0}.mobile-sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:var(--app-height);height:calc(var(--vh, 1vh) * 100);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease}.mobile-sidebar-overlay.active{opacity:1;display:block}}@media (max-width: 480px){.mobile-header{padding:0 12px;height:56px}.sidebar{width:260px;padding-top:76px;height:var(--app-height);height:calc(var(--vh, 1vh) * 100)}.mobile-sidebar-overlay{height:var(--app-height);height:calc(var(--vh, 1vh) * 100)}}@media (max-width: 768px) and (orientation: landscape){.mobile-header{height:50px}.sidebar{padding-top:70px;width:260px;height:var(--app-height);height:calc(var(--vh, 1vh) * 100)}.mobile-sidebar-overlay{height:var(--app-height);height:calc(var(--vh, 1vh) * 100)}}@supports (padding: max(0px)){@media (max-width: 768px){.mobile-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}.sidebar{padding-top:calc(80px + env(safe-area-inset-top));padding-left:env(safe-area-inset-left);padding-bottom:5vh}}}@media (max-width: 768px){.sidebar-bottom{padding:16px;border-top:1px solid rgba(0,0,0,.06);background:#ffffff80;margin-top:auto;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.sidebar{padding-bottom:5vh}}@media (max-width: 768px){.sidebar{display:flex;flex-direction:column;box-sizing:border-box}.sidebar .nav-section:last-of-type{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.sidebar-bottom{flex-shrink:0;position:sticky;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid rgba(0,0,0,.06);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media (max-width: 768px) and (max-height: 600px){.sidebar{padding-top:60px}.nav-section{padding:12px}.nav-item{padding:8px 12px;margin-bottom:2px}.account-section{padding:12px}}.note-warning{margin-top:8px;padding:8px 12px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.9em;border-left:3px solid #f59e0b}.new-indicator{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:2px 6px;border-radius:4px;font-size:.6em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:newItemPulse 2s ease-in-out}.current-indicator{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;padding:2px 6px;border-radius:4px;font-size:.6em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:currentItemPulse 3s ease-in-out infinite}@keyframes newItemPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes currentItemPulse{0%,to{opacity:1;box-shadow:0 0 #fbbf2400}50%{opacity:.9;box-shadow:0 0 8px #fbbf2466}}.intelligence-metadata,.guidance-indicators{display:flex;gap:4px;margin-top:6px;align-items:center}.intelligence-content,.guidance-content{display:flex;flex-direction:column;width:100%}.intelligence-item.placeholder,.guidance-item.placeholder{opacity:.6;font-style:italic;color:var(--text-muted);animation:none;border-top:none!important}@media (max-width: 768px){.intelligence-panel,.guidance-panel{padding:16px}.intelligence-panel h3,.guidance-panel h3{font-size:12px;margin-bottom:16px}.intelligence-item,.guidance-item{padding:12px 0}.new-indicator,.current-indicator{font-size:.55em;padding:1px 4px}}.form-field-social-profiles{grid-column:span 2}.social-editor{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.social-editor .social-rows{display:flex;flex-direction:column;gap:8px}.social-editor .social-row{display:flex;align-items:center;gap:8px;width:100%}.social-editor .social-platform-selector{min-width:130px;max-width:130px;width:130px;height:38px;font-size:13px;padding:8px 12px;border:1px solid var(--gray-200, #e5e5e5);border-radius:12px;background:#fff;color:var(--gray-900, #171717);font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:all .15s ease;cursor:pointer}.social-editor .social-platform-selector:focus{outline:none;border-color:var(--gray-300, #d4d4d4);background:#fff}.social-editor .social-value{flex:1;min-width:0;height:38px;padding:8px 14px;font-size:13px;color:var(--gray-900, #171717);background:#fff;border:1px solid var(--gray-200, #e5e5e5);border-radius:12px;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:all .15s ease}.social-editor .social-value:focus{outline:none;border-color:var(--gray-300, #d4d4d4);background:#fff}.social-editor .social-value::placeholder{color:var(--gray-400, #a3a3a3)}.social-editor .social-row button{line-height:1;padding:8px;width:32px;height:32px;border:1px solid var(--gray-200, #e5e5e5);background:var(--gray-100, #f5f5f5);color:var(--gray-700, #404040);border-radius:9999px;cursor:pointer;transition:all .15s ease;font-size:13px;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex;align-items:center;justify-content:center}.social-editor .social-row button:hover{background:var(--gray-200, #e5e5e5);color:var(--gray-900, #171717)}.btn-add-social-plus{padding:0;width:32px;height:32px;border:1px solid var(--gray-200, #e5e5e5);background:var(--gray-50, #fafafa);color:var(--gray-700, #404040);border-radius:9999px;cursor:pointer;transition:all .15s ease;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;align-self:flex-start;display:flex;align-items:center;justify-content:center}.btn-add-social-plus:hover{background:var(--gray-100, #f5f5f5);border-color:var(--gray-300, #d4d4d4);color:var(--gray-900, #171717)}.btn-add-social-plus svg{width:16px;height:16px}.form-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath fill='%23525252' d='M6 9L1 4h10z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;cursor:pointer}.form-field select:hover{border-color:var(--gray-300, #d4d4d4)}.form-field select option{padding:10px;background:#fff;color:var(--gray-900, #171717);font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.social-editor .social-platform-selector{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath fill='%23525252' d='M6 9L1 4h10z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:10px;padding-right:28px}.social-editor .social-platform-selector option{padding:8px;background:#fff;color:var(--gray-900, #171717);font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.intelligence-panel,.guidance-panel{scroll-behavior:smooth;overscroll-behavior:contain}.intelligence-item:nth-child(n+8){opacity:.7}.guidance-item:not(.current):not(.placeholder){opacity:.6}.guidance-item:not(.current):not(.placeholder):hover{opacity:.8}.source-badge.manual{background:#3b82f633;color:#2563eb;padding:2px 6px;border-radius:4px;font-size:.6em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.settings-notification,.data-refresh-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px 16px;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;border-left:4px solid #10b981;min-width:250px}.settings-notification.error,.data-refresh-notification.error{border-left-color:#ef4444}.settings-notification.show,.data-refresh-notification.show{transform:translate(0);opacity:1}.notification-icon{font-size:16px;color:#10b981;font-weight:700}.settings-notification.error .notification-icon,.data-refresh-notification.error .notification-icon{color:#ef4444}.notification-text{color:#1f2937;font-size:14px;font-weight:500}.refresh-icon.spinning{animation:spin 1s linear infinite}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.debug-export-button{position:fixed;bottom:20px;left:20px;background:#6b7280;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.debug-export-button:hover{opacity:1}.setting-group{position:relative}.setting-group.loading:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.intelligence-list::-webkit-scrollbar,.guidance-list::-webkit-scrollbar{width:6px}.intelligence-list::-webkit-scrollbar-track,.guidance-list::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.intelligence-list::-webkit-scrollbar-thumb,.guidance-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.intelligence-list::-webkit-scrollbar-thumb:hover,.guidance-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.intelligence-list,.guidance-list{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.guidance-item.new-guidance{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border:1px solid rgba(251,191,36,.4);border-radius:8px;padding:16px;margin:-8px -8px 4px;position:relative;animation:newGuidanceHighlight 3s ease-out}.guidance-item.new-guidance:before{content:"NEW";position:absolute;top:-8px;right:8px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #fbbf244d}.guidance-item.new-guidance .guidance-text{font-weight:600;color:var(--accent-yellow-warm)}@keyframes newGuidanceHighlight{0%{opacity:0;transform:translateY(10px) scale(.98);box-shadow:0 4px 20px #fbbf2466}20%{opacity:1;transform:translateY(0) scale(1);box-shadow:0 6px 25px #fbbf244d}80%{opacity:1;transform:translateY(0) scale(1);box-shadow:0 4px 20px #fbbf2433}to{opacity:1;transform:translateY(0) scale(1);box-shadow:none}}.guidance-item{transition:all .3s ease}.training-simulation{display:flex;flex-direction:column;height:100%;width:100%;background:transparent;position:relative}.simulation-header{padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.simulation-info{flex:1;display:flex;flex-direction:column}.train-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.1}.train-subtitle{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4}.simulation-title-section,.train-title-compact{display:none}.empty-history-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-history-icon{width:48px;height:48px;background:#0000000d;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:20px}.empty-history-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-history-text{font-size:14px;line-height:1.4}.simulation-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.probability-ring{width:24px;height:24px;transform:rotate(-90deg)}.probability-ring-bg{fill:none;stroke:#0000001a;stroke-width:2}.probability-ring-fg{fill:none;stroke:var(--accent-yellow);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .5s ease;stroke-dasharray:62.83;stroke-dashoffset:62.83}#probability-text{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;pointer-events:none;min-width:28px;text-align:center}.probability-label{font-size:10px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.train-action-button{width:32px;height:32px;border-radius:8px;border:none;background:#0000000d;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;overflow:hidden}.train-action-button:hover{background:#0000001a;color:var(--text-primary);transform:translateY(-1px)}.train-action-button{box-shadow:0 1px 3px #0000001a}.train-action-button:hover{box-shadow:0 2px 8px #00000026}.simulation-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:24px 0;overflow:hidden}#new-call-button:hover svg{animation:refreshSpin .6s ease-in-out}@keyframes refreshSpin{0%{transform:rotate(0) scale(1.1)}50%{transform:rotate(-180deg) scale(1.1)}to{transform:rotate(-360deg) scale(1.1)}}.conversation-panel{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 40px;max-width:600px;margin:0 auto;width:100%;overflow-y:auto}.chat-message{display:flex;gap:12px;margin-bottom:16px;max-width:100%;animation:slideUp .3s ease-out}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#fff;flex-shrink:0;overflow:hidden}.chat-avatar img{border-radius:8px}.chat-avatar.bot-avatar{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%)}.chat-avatar.user-avatar{background:#6b7280}.chat-bubble{background:#fff9;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.5;color:var(--text-primary);max-width:400px;word-wrap:break-word}.chat-message.bot .chat-bubble{border-bottom-left-radius:4px}.chat-message.user .chat-bubble{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-bottom-right-radius:4px}.chat-bubble p{margin:0}.simulation-footer{flex-shrink:0;padding:20px 0 0;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;gap:16px}.user-input-panel{display:flex;flex-direction:column;align-items:center;gap:12px}.call-interface{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:40px;min-height:400px;justify-content:center}.audio-visualization{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;position:relative}.call-participant{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.participant-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px;color:#fff;border:3px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:0 4px 20px #0000001a;overflow:hidden}.user-avatar{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);box-shadow:0 4px 20px #fbbf244d}.ai-avatar{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 20px #6b72804d}.participant-name{font-size:14px;font-weight:500;color:var(--text-secondary);text-align:center}.audio-indicator{display:flex;align-items:center;gap:3px;height:20px;opacity:0;transition:opacity .3s ease}.audio-indicator.active{opacity:1}.audio-wave{width:3px;height:8px;background:var(--accent-yellow);border-radius:2px;animation:audioWave 1.2s ease-in-out infinite}.audio-wave:nth-child(2){animation-delay:.2s}.audio-wave:nth-child(3){animation-delay:.4s}@keyframes audioWave{0%,to{height:8px}50%{height:20px}}.call-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000001a}.call-timer{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:4px;font-family:Fira Code,monospace}.call-stage{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.call-controls{display:flex;align-items:center;gap:20px}.call-control-button{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 4px 20px #00000026;position:relative;overflow:hidden;font-size:18px}.call-control-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0003}.call-control-button svg{width:24px;height:24px;transition:transform .2s ease}.call-control-button:hover svg{transform:scale(1.1)}.mute-button{background:#6b7280cc;border:2px solid rgba(107,114,128,.3)}.mute-button:hover{background:#6b7280}.mute-button .mute-icon,.mute-button .unmute-icon{transition:all .2s ease}.mute-button.muted .mute-icon{display:none!important}.mute-button.muted .unmute-icon{display:block!important}.mute-button:not(.muted) .mute-icon{display:block}.mute-button:not(.muted) .unmute-icon{display:none!important}.mute-button.muted{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 20px #ef444466;animation:mutePulse 2s infinite}@keyframes mutePulse{0%,to{box-shadow:0 4px 20px #ef444466}50%{box-shadow:0 4px 20px #ef444499,0 0 0 4px #ef44441a}}.main-call-button{background:linear-gradient(135deg,#22c55e,#16a34a);transform:scale(1.2);border:2px solid rgba(34,197,94,.3)}.main-call-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:scale(1.25) translateY(-2px)}.main-call-button.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;animation:callPulse 2s infinite}.main-call-button.ending{background:linear-gradient(135deg,#dc2626,#b91c1c)}.volume-button{background:#6b7280cc;border:2px solid rgba(107,114,128,.3)}.volume-button:hover{background:#6b7280}@keyframes callPulse{0%,to{box-shadow:0 4px 20px #ef444466}50%{box-shadow:0 4px 20px #ef444499,0 0 0 8px #ef44441a}}.compact-participant.speaking .participant-avatar{animation:speaking-pulse 1s ease-in-out infinite;box-shadow:0 0 0 3px #3b82f64d;transform:scale(1.05)}.compact-participant.ai.speaking .participant-avatar{box-shadow:0 0 0 3px #fbbf244d;transform:scale(1.05)}@keyframes speaking-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.simulation-footer{display:none}.feedback-panel{display:none!important}.simulation-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:24px 0 32px}.probability-ring-fg{fill:none;stroke:var(--accent-yellow);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.close-probability.high-probability{background:#fbbf241a;border-color:#fbbf2433;box-shadow:0 0 20px #fbbf241a}.close-probability.high-probability #probability-text{color:var(--accent-yellow-warm);font-weight:700}.view.active .train-action-button:nth-child(1){animation-delay:.25s}.view.active .train-action-button:nth-child(2){animation-delay:.3s}.view.active .close-probability{animation-delay:.2s}.train-action-button{width:32px;height:32px;border-radius:6px;border:none;background:#fff6;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.train-action-button:hover{background:#fff9;color:var(--accent-yellow-warm);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.train-action-button:active{transform:translateY(0)}.train-action-button svg{width:16px;height:16px;transition:transform .2s ease}.train-action-button:hover svg{transform:scale(1.1)}.close-probability{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff6;border-radius:20px;border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.close-probability:hover{background:#fff9;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.close-probability:before{content:"Close Probability";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10000;pointer-events:none;box-shadow:0 4px 12px #0003;border:1px solid rgba(255,255,255,.1)}.close-probability:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-2px);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.9);opacity:0;visibility:hidden;transition:all .2s ease;z-index:10000;pointer-events:none}.close-probability:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.close-probability:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(2px)}.close-probability:not(:hover):before{opacity:0;visibility:hidden;transform:translate(-50%) translateY(-8px)}.close-probability:not(:hover):after{opacity:0;visibility:hidden;transform:translate(-50%) translateY(-2px)}.close-probability.high-probability:hover:before{background:#fbbf24f2;color:#1f2937;border-color:#fbbf2433;font-weight:600}.close-probability.high-probability:hover:after{border-top-color:#fbbf24f2}.close-probability{z-index:10}.simulation-controls{position:relative;z-index:10;overflow:visible}.simulation-header{overflow:visible}#probability-text{font-size:13px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:32px}.feedback-highlight,.feedback-panel.feedback-highlight{display:none!important}.training-history-panel{position:absolute;top:0;right:0;width:350px;height:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(0,0,0,.08);box-shadow:-5px 0 25px #0000001a;z-index:20;display:none;flex-direction:column;transform:translate(100%);max-width:350px;overflow-x:hidden}.training-history-panel.is-opening{display:flex;animation:slideInRight .4s cubic-bezier(.4,0,.2,1) forwards}.training-history-panel.is-closing{display:flex;animation:slideOutRight .4s cubic-bezier(.4,0,.2,1) forwards}.training-history-panel.is-open{display:flex;transform:translate(0);opacity:1}.training-history-panel.active{transform:translate(0);visibility:visible}@media (max-width: 768px){.call-interface{padding:30px 15px;gap:30px}.audio-visualization{max-width:100%}.participant-avatar{width:70px;height:70px;font-size:20px}.call-controls{gap:15px}.call-control-button{width:50px;height:50px}.main-call-button{transform:scale(1.1)}.main-call-button:hover{transform:scale(1.15) translateY(-2px)}.training-history-panel{width:100%}}.history-panel-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.history-panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.close-button{width:28px;height:28px;border-radius:50%;border:none;background:#0000000d;color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#0000001a;color:var(--text-primary)}.history-panel-content{flex:1;overflow-y:auto;padding:20px}.history-session{background:#ffffff80;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;position:relative}.history-session:hover{background:#ffffffb3;transform:translateY(-1px)}.history-session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.session-date{font-size:13px;font-weight:500;color:var(--text-primary)}.session-time{font-size:11px;color:var(--text-muted);margin-top:2px}.session-score{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.session-score>div:first-child{display:flex;flex-direction:column;align-items:center;text-align:center}.score-value{font-size:18px;font-weight:700;color:var(--accent-yellow-warm);line-height:1}.score-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.session-score .score-label:last-child{font-size:11px;color:var(--text-secondary);font-weight:500;margin-top:2px}.clickable-icon{width:16px;height:16px;color:var(--text-muted);transition:all .2s ease}.history-session:hover .clickable-icon{color:var(--text-primary);transform:scale(1.1)}.session-summary{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:0}.session-summary{font-size:11px;color:var(--text-secondary);line-height:1.3;margin-bottom:8px}.empty-history-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-history-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.empty-history-text{font-size:12px;line-height:1.4}.transcript-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.transcript-modal-overlay.active{display:flex;opacity:1}.transcript-modal{background:#fffffff2;border-radius:16px;width:90vw;max-width:800px;max-height:85vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;transform:scale(.8) translateY(50px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.transcript-modal-overlay.active .transcript-modal{transform:scale(1) translateY(0) rotateX(0);opacity:1}.transcript-modal-overlay.closing .transcript-modal{transform:scale(.9) translateY(30px);opacity:0;transition:all .3s ease-out}.transcript-modal-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;opacity:0;transform:translateY(-15px);transition:all .4s ease .1s}.transcript-modal-overlay.active .transcript-modal-header{opacity:1;transform:translateY(0)}.transcript-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;transform:translate(-10px);transition:transform .3s ease .2s}.transcript-modal-overlay.active .transcript-modal-title{transform:translate(0)}.transcript-modal-content{flex:1;overflow-y:auto;padding:24px;opacity:0;transform:translateY(20px);transition:all .4s ease .2s}.transcript-modal-overlay.active .transcript-modal-content{opacity:1;transform:translateY(0)}.transcript-text{font-family:Inter,sans-serif;font-size:14px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;background:#ffffff80;padding:16px;border-radius:8px;border:1px solid rgba(0,0,0,.05);transform:scale(.98);transition:transform .3s ease .3s}.transcript-content-area h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:8px}.transcript-text-container{border-radius:12px;padding:20px;max-height:300px;overflow-y:auto}.transcript-message{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.transcript-message:last-child{margin-bottom:0}.transcript-message.you{align-items:flex-end}.transcript-message.prospect{align-items:flex-start}.speaker-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px}.transcript-message.you .speaker-label{color:var(--accent-yellow-warm)}.transcript-message.prospect .speaker-label{color:#6b7280}.message-text2{background:#ffffffe6;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;color:var(--text-primary);max-width:80%;word-wrap:break-word;border:1px solid rgba(0,0,0,.05)}.transcript-message.you .message-text2{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-bottom-right-radius:4px}.transcript-message.prospect .message-text2{background:#6b72801a;border-bottom-left-radius:4px}.transcript-modal-overlay.active .transcript-text{transform:scale(1)}.empty-transcript{text-align:center;padding:40px 20px;color:var(--text-muted);font-style:italic;background:#00000005;border-radius:8px;border:1px dashed rgba(0,0,0,.1)}.transcript-text-container::-webkit-scrollbar{width:6px}.transcript-text-container::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.transcript-text-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.transcript-text-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.transcript-text-container{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) rgba(0,0,0,0)}.transcript-summary h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:8px}.summary-item:last-child{margin-bottom:0}.summary-item strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.summary-item p{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.summary-item ul{margin:8px 0 0;padding-left:20px}.summary-item li{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-bottom:6px}.summary-item li:last-child{margin-bottom:0}.transcript-modal-stats{display:flex;gap:16px;font-size:12px;color:var(--text-secondary);margin-top:8px}.stat-item{background:#0000000d;padding:6px 10px;border-radius:6px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:4px}@media (max-width: 768px){.transcript-modal{width:95vw;max-height:90vh}.transcript-text-container{max-height:250px;padding:16px}.message-text{max-width:90%;padding:10px 14px;font-size:13px}.transcript-modal-stats{flex-direction:column;gap:8px}.stat-item{font-size:11px;padding:4px 8px}}.transcript-modal .close-button{transform:scale(.8) rotate(-90deg);transition:all .3s ease .15s}.transcript-modal-overlay.active .close-button{transform:scale(1) rotate(0)}.transcript-modal .close-button:hover{transform:scale(1.1) rotate(0);background:#0000001a}.transcript-modal-overlay{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.transcript-modal-overlay.active{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transcript-modal-overlay.active .transcript-modal{box-shadow:0 8px 40px #00000026,0 0 0 1px #ffffff1a,0 0 60px #fbbf241a}.transcript-modal-overlay.closing .transcript-modal{transform:scale(.85) translateY(40px) rotateX(-8deg);opacity:0;transition:all .35s cubic-bezier(.4,0,.6,1)}.transcript-modal-overlay.closing .transcript-modal-header,.transcript-modal-overlay.closing .transcript-modal-content{opacity:0;transform:translateY(-10px);transition:all .2s ease}.view.active .simulation-info{opacity:0;transform:translateY(15px);animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .1s forwards}.view.active .simulation-controls{opacity:0;transform:translate(20px);animation:slideInRight .5s cubic-bezier(.4,0,.2,1) .2s forwards}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.simulation-header{padding:20px 24px;flex-direction:column;align-items:flex-start;gap:16px}.simulation-info{width:100%}.train-title{font-size:24px;margin-bottom:6px}.train-subtitle{font-size:14px}.simulation-controls{align-self:flex-end;gap:12px}.close-probability{padding:6px 12px}#probability-text{font-size:13px;min-width:24px}}@media (max-width: 768px){.transcript-modal{transform:scale(.8) translateY(100px);width:95vw;max-height:85vh}.transcript-modal-overlay.active .transcript-modal{transform:scale(1) translateY(0)}.transcript-modal-overlay.closing .transcript-modal{transform:scale(.9) translateY(50px)}}@media (max-width: 768px){.simulation-header{padding:12px 0;flex-wrap:wrap;gap:8px}.train-title-compact{font-size:16px}.simulation-controls{gap:8px}.simulation-title-section{flex:none;width:100%;margin-bottom:8px}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.conversation-panel{padding:0 20px}.training-history-panel{width:100%;right:0}.chat-bubble{max-width:280px}}.training-copilot-overlay{position:fixed;top:20px;right:20px;width:460px;max-height:70vh;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 8px 32px #00000014;z-index:1000;display:flex;flex-direction:column;opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;overflow:visible}.training-copilot-overlay:hover{opacity:.7;transform:translateY(-1px);box-shadow:0 10px 35px #0000001a}.training-copilot-overlay.hidden{display:none!important}.training-copilot-overlay.minimized{max-height:60px;opacity:.2}.training-copilot-overlay.minimized:hover{opacity:.4}.training-copilot-overlay.minimized .copilot-body,.training-copilot-overlay.minimized .copilot-footer{display:none}.copilot-controls{display:flex;align-items:center;gap:12px}.copilot-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#ffffff4d}.copilot-status{order:2;display:flex;align-items:center;gap:6px;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;transition:all .2s ease}.status-dot.ready{background:#6b7280}.status-dot.active{background:#10b981;animation:pulse 2s infinite}.status-dot.error{background:#ef4444}.status-text{color:var(--text-secondary);font-weight:500}.copilot-control-btn{width:28px;height:28px;border:none;background:#0000000d;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.copilot-control-btn:hover{background:#0000001a;transform:scale(1.05)}.copilot-control-btn svg{width:14px;height:14px;color:var(--text-secondary)}.copilot-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.copilot-panel{flex:1;display:flex;flex-direction:column;min-height:0}.copilot-panel:first-child{border-bottom:1px solid rgba(0,0,0,.06)}.panel-title{padding:16px 20px 12px;margin:0;font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px;flex-shrink:0;background:#ffffff4d;position:sticky;top:0;z-index:1}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 20px 16px;min-height:0}.copilot-item{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px;line-height:1.4;color:var(--text-secondary);transition:all .3s ease;animation:slideInFromTop .4s cubic-bezier(.4,0,.2,1)}.copilot-item:last-child{border-bottom:none}.copilot-item.placeholder{opacity:.6;font-style:italic;color:var(--text-muted);animation:none}.copilot-item.current{background:linear-gradient(135deg,#fbbf241a,#f59e0b14);padding:12px 16px;border-radius:8px;border:1px solid rgba(251,191,36,.2);font-weight:500;color:var(--accent-yellow-warm);position:relative}.copilot-item.current:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:3px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:2px}.copilot-item.new{background:linear-gradient(135deg,#22c55e1a,#10b98114);border:1px solid rgba(34,197,94,.2);padding:12px 16px;border-radius:8px;margin:-4px -16px 8px;font-weight:500;color:#059669;animation:newItemHighlight 3s ease-out}@keyframes newItemHighlight{0%{opacity:0;transform:translateY(-10px) scale(.98);box-shadow:0 4px 20px #22c55e4d}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(0) scale(1);box-shadow:none}}.copilot-footer{padding:12px 20px;border-top:1px solid rgba(0,0,0,.06);background:#ffffff4d;flex-shrink:0}.shortcuts-hint{font-size:11px;color:var(--text-muted);text-align:center}.shortcut-key{background:#00000014;padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:10px;font-weight:500}.panel-content::-webkit-scrollbar{width:4px}.panel-content::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.panel-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.panel-content::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 1200px){.training-copilot-overlay{width:320px;right:15px;top:15px}}@media (max-width: 768px){.training-copilot-overlay{width:300px;right:10px;top:10px;max-height:60vh;font-size:12px}.copilot-header{padding:12px 16px}.panel-title{padding:12px 16px 8px;font-size:11px}.panel-content{padding:0 16px 12px}.copilot-item{padding:10px 0;font-size:12px}}.copilot-indicator{order:1;display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;border-radius:50%;transition:all .2s ease;min-width:32px;height:36px;opacity:.8;position:relative;justify-content:center}.copilot-indicator:hover{background:#ffffff26;opacity:1;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.circular-chart{width:22px;height:22px;transform:rotate(-90deg);flex-shrink:0;transition:all .2s ease}.copilot-indicator:hover .circular-chart{transform:rotate(-90deg) scale(1.1)}.circle-bg{fill:none;stroke:#c8c8c866;stroke-width:4}.circle{fill:none;stroke-width:4;stroke-linecap:round;transition:all .4s cubic-bezier(.4,0,.2,1);stroke-dasharray:0,100}#engagement-monitor .circle,#talk-time-balance .circle{stroke:var(--accent-yellow)}#engagement-monitor:hover .circle,#talk-time-balance:hover .circle{stroke:var(--accent-yellow-warm);stroke-width:4.5;filter:drop-shadow(0 0 4px rgba(251,191,36,1))}.copilot-indicator:hover .percentage-text{font-size:15px;fill:#7e8691;display:block}.percentage-text{font-size:14px;font-weight:700;text-anchor:middle;pointer-events:none;dominant-baseline:middle;fill:#374151;font-family:Fira Code,monospace;transform:rotate(90deg);transform-origin:18px 20.35px;font-variant-numeric:tabular-nums;transition:all .2s ease;display:none}.indicator-label{display:none}.copilot-indicator:before{content:attr(data-tooltip);position:fixed;bottom:auto;top:auto;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10000;pointer-events:none;box-shadow:0 4px 12px #00000026}.copilot-indicator:after{content:"";position:fixed;top:auto;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.9);opacity:0;visibility:hidden;transition:all .2s ease;z-index:10000;pointer-events:none}.copilot-indicator:hover:before,.copilot-indicator:hover:after{opacity:1;visibility:visible}.copilot-indicator:hover:before{bottom:calc(100% + 8px)}.copilot-indicator:hover:after{bottom:calc(100% + 4px)}#engagement-monitor:before{content:"Prospect Engagement Level"}#talk-time-balance:before{content:"Talk Time Balance (Your %)"}#training-engagement-monitor:before{content:"Prospect Engagement Level"}#training-talk-time-balance:before{content:"Talk Time Balance (Your %)"}#sales-engagement-monitor:before{content:"Prospect Engagement Level"}#sales-talk-time-balance:before{content:"Talk Time Balance (Your %)"}.copilot-indicator:not(:hover):before,.copilot-indicator:not(:hover):after{opacity:0;visibility:hidden;bottom:calc(100% + 8px);transform:translate(-50%)}.copilot-indicator:not(:hover):after{bottom:calc(100% + 4px);transform:translate(-50%)}.copilot-control-btn{order:3}.copilot-indicator[data-value=high] .circle{stroke:var(--accent-yellow)}.copilot-indicator[data-value=medium] .circle{stroke:#f59e0b}.copilot-indicator[data-value=low] .circle{stroke:#ef4444}.copilot-indicator[data-value=high]:hover .circle{stroke:var(--accent-yellow-warm);filter:drop-shadow(0 0 6px rgba(251,191,36,.5))}.copilot-indicator[data-value=medium]:hover .circle{stroke:#d97706;filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}.copilot-indicator[data-value=low]:hover .circle{stroke:#dc2626;filter:drop-shadow(0 0 6px rgba(239,68,68,.5))}.copilot-indicator+.copilot-indicator{margin-right:8px}.copilot-status{margin-left:8px;margin-right:8px}.copilot-indicator.updating .circle{stroke-dasharray:0,100;animation:circleUpdate .6s ease-out}@keyframes circleUpdate{0%{stroke-dasharray:0,100;opacity:.7}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.copilot-indicator:hover{background:#ffffff40;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copilot-indicator:before{background:#000000f2;color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.1)}.copilot-indicator:after{border-top-color:#000000f2}@media (max-width: 768px){.copilot-indicator{padding:3px 6px;gap:3px}.circular-chart{width:22px;height:22px}.percentage-text{font-size:6px}.copilot-indicator:hover .percentage-text{font-size:7px}.copilot-indicator:before{font-size:11px;padding:6px 10px}}@media (prefers-contrast: high){.circle-bg{stroke:#fff9}.percentage-text{fill:#fff;font-weight:800}.copilot-indicator:before{background:#000;border:1px solid #fff}}@keyframes copilotSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:.3;transform:translate(0) scale(1)}}.training-copilot-overlay{animation:copilotSlideIn .5s cubic-bezier(.4,0,.2,1)}#train-view:not(.active) .training-copilot-overlay{display:none}.transcript-modal-title-section{display:flex;flex-direction:column;gap:8px}.transcript-modal-stats{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.stat-item{background:#0000000d;padding:4px 8px;border-radius:4px;font-weight:500}.transcript-summary{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.1)}.transcript-summary h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.transcript-summary p{margin:0;color:var(--text-secondary);line-height:1.5}.error-message{text-align:center;padding:40px 20px}.error-icon{font-size:48px;margin-bottom:16px}.error-message p{margin:0 0 24px;color:var(--text-secondary)}.retry-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500}.retry-button:hover{background:var(--primary-hover)}.login-message.error{animation:slideInError .3s ease-out}@keyframes slideInError{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.login-message.error{border-left:4px solid #ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d)}.login-message.error .message-text{font-weight:500}.screen-share-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.screen-share-overlay.active{display:flex;opacity:1}.screen-share-guide{background:#fffffff2;border-radius:16px;padding:32px;max-width:500px;margin:20px;text-align:center;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);animation:slideInScale .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.screen-share-guide h3{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.screen-share-guide p{font-size:16px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.screen-share-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.screen-share-option{display:flex;align-items:center;padding:16px;border:2px solid rgba(251,191,36,.2);border-radius:12px;background:#fbbf240d;transition:all .2s ease;position:relative}.screen-share-option.recommended{border-color:var(--accent-yellow);background:#fbbf241a}.screen-share-option.recommended:after{content:"RECOMMENDED";position:absolute;top:-8px;right:12px;background:var(--accent-yellow);color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px}.option-icon{width:40px;height:40px;background:var(--accent-yellow);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.option-icon svg{width:20px;height:20px;color:#fff}.option-content{flex:1;text-align:left}.option-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.option-description{font-size:14px;color:var(--text-secondary);margin:0}.screen-share-steps{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.screen-share-steps h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center;gap:8px}.screen-share-steps ol{margin:0;padding-left:20px;color:var(--text-secondary)}.screen-share-steps li{margin-bottom:8px;font-size:14px;line-height:1.4}.screen-share-actions{display:flex;gap:12px;justify-content:center}.screen-share-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.screen-share-button.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff}.screen-share-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.screen-share-button.secondary{background:transparent;color:var(--text-secondary);border:1px solid rgba(0,0,0,.2)}.screen-share-button.secondary:hover{background:#0000000d;color:var(--text-primary)}.browser-specific{margin-top:16px;padding:16px;background:#fbbf240d;border-radius:8px;font-size:13px;color:var(--text-secondary)}.browser-specific strong{color:var(--text-primary)}.screen-share-guidance-panel{position:fixed;top:20px;right:20px;width:320px;background:#fffffffa;border-radius:16px;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);z-index:999999;opacity:0;transform:translate(100%) scale(.9);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.screen-share-guidance-panel.visible{opacity:1;transform:translate(0) scale(1)}.screen-share-guidance-panel.hiding{opacity:0;transform:translate(100%) scale(.9)}.guidance-content{padding:24px}.guidance-header{text-align:center;margin-bottom:20px}.guidance-header h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.guidance-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.step-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#fff9;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.step-item.recommended{background:#fbbf241a;border-color:#fbbf244d;position:relative}.step-item.recommended:after{content:"BEST";position:absolute;top:-6px;right:8px;background:var(--accent-yellow);color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px}.step-icon{width:32px;height:32px;background:var(--accent-yellow);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-item.recommended .step-icon{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%)}.step-icon svg{width:16px;height:16px;color:#fff}.step-content{flex:1}.step-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.step-desc{font-size:12px;color:var(--text-secondary);margin:0}.guidance-tip{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:12px;font-size:12px;line-height:1.4}.guidance-tip strong{color:var(--text-primary)}@media (max-width: 1200px){.screen-share-guidance-panel{right:10px;width:280px}}@media (max-width: 768px){.screen-share-guidance-panel{top:10px;right:10px;left:10px;width:auto;max-width:none}.guidance-content{padding:16px}.step-item{padding:10px}}.copilot-shortcut-hint-global{position:fixed;top:16px;right:16px;z-index:9997;display:flex;flex-direction:row;align-items:center;gap:8px;opacity:0;transform:translate(20px);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.copilot-shortcut-hint-global:not(.hidden){opacity:1;transform:translate(0);pointer-events:all}.copilot-shortcut-hint-global.hidden{opacity:0;transform:translate(20px);pointer-events:none}.shortcut-hint-label{font-size:10px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;font-family:Inter,sans-serif;white-space:nowrap}.shortcut-blueprint{display:flex;align-items:center;gap:3px;padding:6px 10px;background:#fffc;border:1.5px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000f}.shortcut-blueprint:hover{border-color:#9ca3af;background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.shortcut-key-blueprint{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:3px;font-size:9px;font-weight:500;color:#6b7280;font-family:Fira Code,monospace;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 2px #0000000d}.shortcut-plus{font-size:9px;color:#9ca3af;font-weight:400;margin:0 1px}.shortcut-blueprint:hover .shortcut-key-blueprint{background:#fff;border-color:#d1d5db;color:#4b5563;transform:translateY(-.5px)}.shortcut-blueprint:hover .shortcut-plus{color:#6b7280}@keyframes blueprintSlideIn{0%{opacity:0;transform:translate(30px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.copilot-shortcut-hint-global:not(.hidden){animation:blueprintSlideIn .5s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.copilot-shortcut-hint-global{top:12px;right:12px;scale:.85;gap:6px}.shortcut-hint-label{font-size:9px}.shortcut-blueprint{padding:5px 8px;gap:2px}.shortcut-key-blueprint{min-width:18px;height:16px;padding:0 4px;font-size:8px}.shortcut-plus{font-size:8px}}.training-copilot-overlay:not(.hidden)~.copilot-shortcut-hint-global{display:none}#train-view:not(.active)~.copilot-shortcut-hint-global{display:none}.chat-message.system{justify-content:center;margin:20px 0}.chat-bubble.system-bubble{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--text-primary);padding:16px 20px;border-radius:12px;text-align:center;max-width:80%}.chat-bubble.error-bubble{background:#ef44441a;border-color:#ef444433}.retry-training-button{margin-top:12px;padding:8px 16px;background:var(--accent-yellow);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.retry-training-button:hover{background:var(--accent-yellow-warm);transform:translateY(-1px)}.system-message{text-align:center;padding:20px;color:var(--text-secondary);font-style:italic}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10010;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.modal-overlay.hidden{display:none}.modal-overlay:not(.hidden){opacity:1;pointer-events:auto}.modal-content{background:#fffffffa;border-radius:20px;width:90vw;max-width:440px;border:1px solid rgba(255,255,255,.2);box-shadow:0 32px 64px #0000004d,0 0 0 1px #ffffff1a inset;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:auto;height:auto;max-height:90vh}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay:not(.hidden) .modal-content{transform:scale(1) translateY(0)}.modal-header{padding:32px 32px 24px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.modal-header h3{font-size:22px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.close-button{width:36px;height:36px;border-radius:50%;border:none;background:#0000000f;color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:300}.close-button:hover{background:#0000001f;color:var(--text-primary);transform:scale(1.05)}.modal-body{padding:32px;display:flex;flex-direction:column;gap:24px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:15px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.form-field input{padding:16px 20px;border-radius:12px;border:1.5px solid rgba(0,0,0,.12);background:#fffc;font-size:16px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:400}.form-field input:focus{outline:none;border-color:var(--accent-yellow);background:#fff;box-shadow:0 0 0 4px #fbbf2426;transform:translateY(-1px)}.form-field input::placeholder{color:#0006;font-weight:400}.modal-message{font-size:14px;padding:16px 20px;border-radius:12px;display:none;text-align:center;font-weight:500;letter-spacing:-.01em}.modal-message.error{background:linear-gradient(135deg,#ef44441a,#dc26260d);color:#dc2626;border:1px solid rgba(239,68,68,.2);display:block}.modal-message.success{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);color:#16a34a;border:1px solid rgba(34,197,94,.2);display:block}.modal-footer{padding:24px 32px 32px;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:flex-end;gap:16px;background:#00000005}.modal-footer button{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:-.01em}.cancel-button{background:#0000000f;color:var(--text-secondary)}.cancel-button:hover{background:#0000001f;color:var(--text-primary);transform:translateY(-1px)}.save-button{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;box-shadow:0 4px 12px #fbbf244d}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-text{font-size:16px;font-weight:600;padding:12px 5px 12px 20px;border-radius:12px;text-align:center;letter-spacing:-.01em}.status-text.enabled{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.status-text.disabled{background:linear-gradient(135deg,#6b72801a,#4b55630d);color:#6b7280;border:1px solid rgba(107,114,128,.2)}.modal-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:16px 0;text-align:center;font-weight:400}#recaptcha-container-2fa{margin:20px 0;display:flex;justify-content:center;align-items:center;min-height:80px;border-radius:12px;background:linear-gradient(135deg,#fbbf240d,#f59e0b05);border:1px solid rgba(251,191,36,.1);position:relative}#recaptcha-container-2fa:before{content:"🛡️ Security verification will appear here";font-size:14px;color:var(--text-muted);position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}#recaptcha-container-2fa iframe{border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}#recaptcha-container-2fa:has(iframe):before{display:none}.danger-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.danger-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}@media (max-width: 768px){.modal-content{width:95vw;max-width:none;margin:20px}.modal-header{padding:24px 24px 20px}.modal-header h3{font-size:20px}.modal-body{padding:24px;gap:20px}.modal-footer{padding:20px 24px 24px;flex-direction:column}.modal-footer button{width:100%;padding:16px}.form-field input{padding:14px 16px;font-size:16px}}.modal-overlay:not(.hidden) .modal-content{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.account-error{text-align:center;padding:20px;color:var(--text-muted);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px}.account-error p{margin:0;font-size:14px}.connected-accounts.loading{opacity:.6;pointer-events:none}.connect-button{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.connect-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.disconnect-button{background:transparent;border:1px solid #dc2626;color:#dc2626;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.disconnect-button:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.connect-button:disabled,.disconnect-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.company-strategy-section{margin-bottom:32px}.company-strategy-section .section-header{margin-bottom:20px}.company-strategy-section .section-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.company-strategy-section .section-description{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.strategy-field-wrapper{display:flex;flex-direction:column;gap:12px}.strategy-textarea-settings{width:100%;min-height:200px;padding:16px;border:1px solid rgba(0,0,0,.2);border-radius:12px;background:#fffc;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-primary);line-height:1.6;resize:vertical;transition:all .2s ease}.strategy-textarea-settings:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a;background:#fff}.strategy-textarea-settings:read-only{background:#ffffff80;cursor:not-allowed;color:var(--text-muted)}.strategy-textarea-settings::placeholder{color:var(--text-muted)}.strategy-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.character-count{font-size:12px;color:var(--text-muted)}.character-count span{font-weight:600;color:var(--text-primary)}.btn-save-strategy{padding:10px 20px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-save-strategy svg{width:18px;height:18px}.btn-save-strategy:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.btn-save-strategy:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-save-strategy .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.permission-notice-inline{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fbbf241a;border-radius:6px;font-size:12px;color:var(--text-muted)}.permission-notice-inline svg{width:16px;height:16px;color:var(--accent-yellow);flex-shrink:0}.strategy-loading{text-align:center;padding:40px 20px}.strategy-loading .loading-spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid rgba(251,191,36,.1);border-top-color:var(--accent-yellow);border-radius:50%;animation:spin 1s linear infinite}.strategy-loading p{margin:0;font-size:14px;color:var(--text-muted)}.strategy-error{text-align:center;padding:40px 20px}.strategy-error p{margin:0;font-size:14px;color:#dc2626}.team-management-section{display:none}.team-management-section.authorized{display:block}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.team-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.add-member-button{padding:8px 16px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-member-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.add-member-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.team-search{margin-bottom:16px;position:relative}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid rgba(0,0,0,.2);border-radius:8px;background:#fffc;font-size:14px;color:var(--text-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a;background:#fff}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.team-members{padding-top:1px;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.team-member{display:flex;align-items:center;padding:16px;background:#fff9;border-radius:12px;border:1px solid rgba(0,0,0,.05);transition:all .2s ease;position:relative}.team-member:hover{background:#fffc;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.team-member.current-user{border-color:var(--accent-yellow);background:#fbbf241a}.member-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;margin-right:16px;flex-shrink:0}.member-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.member-name{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.scripts-grid-wrapper::-webkit-scrollbar,.intelligence-panel::-webkit-scrollbar,.guidance-panel::-webkit-scrollbar{width:4px}.scripts-grid-wrapper::-webkit-scrollbar-track,.intelligence-panel::-webkit-scrollbar-track,.guidance-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.scripts-grid-wrapper::-webkit-scrollbar-thumb,.intelligence-panel::-webkit-scrollbar-thumb,.guidance-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.scripts-grid-wrapper::-webkit-scrollbar-thumb:hover,.intelligence-panel::-webkit-scrollbar-thumb:hover,.guidance-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.login-view,.sidebar,.scripts-grid-wrapper,.intelligence-panel,.guidance-panel{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}@media (max-width: 768px){.login-container{grid-template-columns:1fr;min-height:100vh;height:auto}.login-left{padding:30px 20px;order:1;min-height:auto;justify-content:flex-start}.login-right{padding:20px;order:2;min-height:200px;max-height:250px}}.current-user-badge{background:var(--accent-yellow);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.member-role{font-size:12px;color:var(--text-secondary);font-weight:500}.member-email{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:12px}.member-status.active{background:#22c55e1a;color:#16a34a}.member-status.pending{background:#fbbf241a;color:var(--accent-yellow-warm)}.member-status.inactive{background:#6b72801a;color:#6b7280}.member-actions{position:relative;z-index:1}.member-action-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted);font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.member-action-btn:hover{background:#0000000d;color:var(--text-primary);transform:scale(1.05)}.member-action-btn:active{transform:scale(.95)}.member-actions-dropdown{position:absolute;top:100%;right:0;min-width:180px;background:#fffffffa;border-radius:8px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);visibility:hidden;transform:translateY(-8px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden;pointer-events:none}.member-actions-dropdown.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.team-member:has(.member-actions-dropdown.active){z-index:999;position:relative}.team-member.dropdown-active{z-index:999;position:relative}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-item:hover{background:#0000000d;color:var(--text-primary)}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:none}.dropdown-item.danger:hover{background:#ef44441a;color:#dc2626}.team-members,.team-member{position:relative;z-index:1}.dropdown-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:998;pointer-events:auto}.empty-team-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-team-icon{width:48px;height:48px;background:#0000000d;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:20px}.empty-team-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-team-text{font-size:14px;line-height:1.4}.add-member-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1001;opacity:0;transition:all .3s ease}.add-member-modal-overlay.active{display:flex;opacity:1}.add-member-modal{background:#fffffffa;border-radius:16px;width:90vw;max-width:500px;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:transform .3s ease}.add-member-modal-overlay.active .add-member-modal{transform:scale(1) translateY(0)}.add-member-modal-header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.add-member-modal-header h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.add-member-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.add-member-form{display:flex;flex-direction:column;gap:16px}.add-member-form .form-field{display:flex;flex-direction:column;gap:6px}.add-member-form label{font-size:14px;font-weight:500;color:var(--text-primary)}.add-member-form input,.add-member-form select{padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:8px;background:#fffc;font-size:14px;color:var(--text-primary);transition:all .2s ease}.add-member-form input:focus,.add-member-form select:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a;background:#fff}.add-member-modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid rgba(0,0,0,.06)}.team-loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-muted)}.team-loading-spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.1);border-top:2px solid var(--accent-yellow);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.team-error{text-align:center;padding:40px 20px;color:#dc2626}.team-error-icon{font-size:32px;margin-bottom:12px}.team-error-message{font-size:14px;margin-bottom:16px}.retry-team-button{background:var(--accent-yellow);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500}@media (max-width: 768px){.team-header{flex-direction:column;gap:12px;align-items:stretch}.add-member-button{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.member-info{min-width:0}.member-email{display:none}.add-member-modal{width:95vw;margin:0 10px}}.member-profile-modal{max-width:600px}.profile-overview{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:20px;background:#fbbf240d;border-radius:12px;border:1px solid rgba(251,191,36,.2)}.profile-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;color:#fff;margin-right:20px;flex-shrink:0;overflow:hidden}.profile-info-section{flex:1}.profile-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.profile-role{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.profile-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-status-badge.active{background:#22c55e1a;color:#16a34a}.profile-status-badge.pending{background:#fbbf241a;color:var(--accent-yellow-warm)}.profile-status-badge.inactive{background:#6b72801a;color:#6b7280}.profile-details-grid{display:grid;gap:20px}.profile-detail-item{display:flex;flex-direction:column;gap:6px}.profile-detail-item label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-detail-item span{font-size:14px;color:var(--text-primary);font-weight:500}.permissions-list{display:flex;gap:6px;flex-wrap:wrap}.permission-badge{background:#3b82f61a;color:#2563eb;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize}.stats-section{grid-column:1 / -1;padding-top:20px;border-top:1px solid rgba(0,0,0,.08)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:12px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:#fff9;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.edit-role-modal{max-width:500px}.edit-role-info{margin-bottom:24px}.member-summary{display:flex;align-items:center;gap:16px;padding:16px;background:#00000005;border-radius:8px}.member-avatar-small{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;margin-right:12px;flex-shrink:0;overflow:hidden}.member-summary h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.member-summary p{font-size:13px;color:var(--text-secondary);margin:0}.role-selection{display:flex;flex-direction:column;gap:12px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.role-option{position:relative;border:2px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;transition:all .2s ease;background:#fff9}.role-option:hover{border-color:#fbbf244d;background:#fbbf240d}.role-option.selected,.role-option:has(input:checked){border-color:var(--accent-yellow);background:#fbbf241a}.role-option.current{border-color:#6b7280;background:#6b72800d}.role-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.role-option-content{display:block;padding:16px;cursor:pointer;width:100%}.role-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.role-title{font-size:15px;font-weight:600;color:var(--text-primary)}.current-badge{background:#6b7280;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.role-description{font-size:13px;color:var(--text-secondary);line-height:1.4;margin:0}.danger-modal .modal-content{border-top:4px solid #ef4444}.danger-header{background:#ef44440d;border-bottom-color:#ef444433}.danger-header h3{color:#dc2626}.remove-member-modal{max-width:480px}.warning-icon{font-size:48px;text-align:center;margin-bottom:16px}.confirmation-text{text-align:center;margin-bottom:24px}.confirmation-text h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.confirmation-text p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 12px}.warning-note{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:12px;color:#dc2626!important;font-weight:500!important}.confirmation-input{margin-bottom:16px}.confirmation-input label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.confirmation-input input{width:100%;padding:10px 12px;border:2px solid rgba(239,68,68,.3);border-radius:6px;font-size:14px;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:1px}.confirmation-input input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.secondary-button{padding:10px 20px;background:transparent;color:var(--text-secondary);border:1px solid rgba(0,0,0,.2);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-button:hover{background:#0000000d;color:var(--text-primary)}.primary-button{padding:10px 20px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.danger-button{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.danger-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.danger-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.danger-button.enabled{opacity:1;cursor:pointer}@media (max-width: 768px){.member-profile-modal,.edit-role-modal,.remove-member-modal{max-width:95vw;margin:10px}.profile-overview{flex-direction:column;text-align:center;gap:16px}.stats-grid{grid-template-columns:1fr 1fr}.role-option-content{padding:12px}}.settings-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px 16px;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;border-left:4px solid #10b981;min-width:250px;max-width:350px}.settings-notification.error{border-left-color:#ef4444}.settings-notification.show{transform:translate(0);opacity:1}.settings-notification .notification-content{display:flex;align-items:center;gap:8px}.settings-notification .notification-icon{font-size:16px;color:#10b981;font-weight:700;flex-shrink:0}.settings-notification.error .notification-icon{color:#ef4444}.settings-notification .notification-text{color:#1f2937;font-size:14px;font-weight:500;line-height:1.3}.setting-toggle input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.setting-toggle input:disabled+.toggle-slider:before{transition:none}.setting-toggle.loading{position:relative}.setting-toggle.loading:after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.avatar-upload-section{display:flex;gap:20px;align-items:flex-start}.current-avatar-preview{flex-shrink:0}.profile-avatar.large{width:80px;height:80px;font-size:28px;border:3px solid var(--border-color)}.avatar-upload-controls{flex:1}.upload-avatar-btn{display:flex;align-items:center;padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s ease;margin-bottom:12px}.upload-avatar-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.upload-avatar-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-loading{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-secondary);font-size:14px}.avatar-message{padding:8px 12px;border-radius:4px;font-size:14px;margin-bottom:12px}.avatar-requirements{font-size:12px}.requirements-text{color:var(--text-secondary);margin:2px 0}.avatar-upload-controls-compact{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.change-avatar-btn{padding:6px 12px;background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.change-avatar-btn:hover{background:#0000000d;color:var(--text-primary)}.avatar-loading{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.avatar-message{padding:4px 8px;border-radius:4px;font-size:12px;text-align:center;max-width:150px}.avatar-message.success{background:#d1f2eb;color:#0f5132;border:1px solid #a3e0d1}.avatar-message.error{background:#f8d7da;color:#721c24;border:1px solid #f1aeb5}.member-details{flex:1;display:flex;flex-direction:column;gap:2px}.member-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.member-role{font-size:12px;color:var(--text-secondary);margin:0}.member-email{font-size:11px;color:var(--text-muted);margin:0}.member-status{display:flex;align-items:center;gap:12px}.member-status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.member-status-badge.active{background:#22c55e1a;color:#16a34a}.member-status-badge.pending{background:#fbbf241a;color:var(--accent-yellow-warm)}.member-status-badge.inactive{background:#6b72801a;color:#6b7280}.member-actions{position:relative}.member-actions-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.member-actions-btn:hover{background:#0000000d;color:var(--text-primary)}.member-actions-btn svg{width:16px;height:16px}.member-actions-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:160px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.member-actions-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;background:none;width:100%;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background:#0000000d}.dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#ef44441a}.dropdown-item-icon{width:16px;height:16px;flex-shrink:0}.user-avatar img,.profile-avatar img,.member-avatar img,.profile-avatar-large img,.member-avatar-small img,.chat-avatar img{border-radius:inherit}.member-avatar-fallback,.member-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:inherit;color:#fff;border-radius:inherit}.profile-avatar-fallback,.member-avatar-fallback{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;border-radius:inherit}.profile-avatar-large{width:80px;height:80px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:28px;color:#fff;box-shadow:0 4px 20px #fbbf244d}.member-avatar-small{width:40px;height:40px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;flex-shrink:0}.participant-avatar{overflow:hidden}.participant-avatar img{border-radius:50%}.loading-transcript-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.transcript-loading-spinner{width:40px;height:40px;border:3px solid rgba(251,191,36,.3);border-top:3px solid var(--accent-yellow);border-radius:50%;animation:spin 1s linear infinite;position:absolute;left:50%;top:28%}.transcript-loading-text{font-size:16px;color:var(--text-secondary);margin:0}.transcript-modal.content-updating{opacity:.7;transition:opacity .15s ease-out}.transcript-modal.content-loaded{opacity:1;transition:opacity .3s ease-in}.transcript-modal.content-error .error-message{text-align:center;padding:40px 20px}.transcript-modal.content-error .error-icon{font-size:48px;margin-bottom:20px;opacity:.7}.transcript-modal.content-error p{font-size:16px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.retry-button{padding:12px 24px;background:var(--accent-yellow);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--accent-yellow-warm);transform:translateY(-1px)}.transcript-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:none;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.transcript-modal-overlay.active{display:flex;opacity:1;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transcript-modal{background:#fffffff2;border-radius:16px;width:90vw;max-width:800px;max-height:85vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.transcript-modal-overlay.active .transcript-modal{transform:scale(1) translateY(0);opacity:1}.transcript-modal-overlay.closing{opacity:0;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:all .3s ease-out}.transcript-modal-overlay.closing .transcript-modal{transform:scale(.95) translateY(10px);opacity:0;transition:all .3s ease-out}.stage-label{color:#ffffffb3;font-weight:500}.stage-indicator{color:var(--accent-yellow);font-weight:600;padding:2px 6px;border-radius:4px;background:#fbbf241a;font-size:10px;cursor:default;text-transform:uppercase;letter-spacing:.5px}.stage-indicator.rapport{background:#22c55e1a;color:#22c55e}.stage-indicator.discovery{background:#3b82f61a;color:#3b82f6}.stage-indicator.presentation{background:#fbbf241a;color:var(--accent-yellow)}.stage-indicator.concerns{background:#ef44441a;color:#ef4444}.stage-indicator.closing{background:#a855f71a;color:#a855f7}.stage-indicator.nextsteps{background:#10b9811a;color:#10b981}.red-flag-alert{position:fixed;top:20px;right:20px;z-index:10001;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;box-shadow:0 8px 32px #ef44444d;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1);max-width:400px;border:2px solid rgba(255,255,255,.2)}.red-flag-alert.show{transform:translate(0)}.alert-content{display:flex;align-items:flex-start;gap:12px;padding:16px}.alert-icon{font-size:20px;flex-shrink:0;animation:pulse 2s infinite}.alert-text{flex:1;font-weight:500;line-height:1.4}.alert-close{background:none;border:none;color:#fffc;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.alert-close:hover{background:#fff3;color:#fff}.problem-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-left:3px solid #ef4444;background:#ef44440d;border-radius:6px;margin-bottom:4px}.problem-text{flex:1;font-size:13px;line-height:1.4;color:var(--text-primary)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.panel-title-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.05)}.panel-collapse-btn{width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-collapse-btn:hover{background:#0000000d;color:var(--text-primary)}.collapse-icon{width:14px;height:14px;transition:transform .2s ease}.panel-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.problem-count{background:#fbbf241a;color:var(--accent-yellow-warm);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;min-width:16px;text-align:center;flex-shrink:0}.current-stage-display{flex-shrink:0}.current-stage-display .stage-indicator{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.identified-problems-panel .panel-title-row,.guidance-panel .panel-title-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.05)}.stage-indicator.rapport{background:#22c55e14;color:#16a34a;border-color:#22c55e26}.stage-indicator.discovery{background:#3b82f614;color:#2563eb;border-color:#3b82f626}.stage-indicator.presentation{background:#fbbf2414;color:var(--accent-yellow-warm);border-color:#fbbf2426}.stage-indicator.concerns{background:#ef444414;color:#dc2626;border-color:#ef444426}.stage-indicator.closing{background:#a855f714;color:#9333ea;border-color:#a855f726}.stage-indicator.nextsteps{background:#10b98114;color:#059669;border-color:#10b98126}.current-stage-display .stage-indicator:hover{transform:scale(1.05);z-index:10;box-shadow:0 2px 8px #0000001a}.guidance-panel .panel-title{margin:0;position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;z-index:auto}.identified-problems-panel .panel-title{margin:0;position:static;background:none;color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;z-index:auto}@media (max-width: 768px){.panel-title-row{flex-direction:column;align-items:flex-start;gap:8px}.current-stage-display .stage-indicator{font-size:9px;padding:3px 6px}.panel-title{font-size:12px}}.stage-indicator{transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes stageTransition{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.stage-indicator.transitioning{animation:stageTransition .6s ease-in-out}.guidance-panel .panel-content{margin-top:0}.copilot-item.updating{background:#fbbf241a;transform:scale(.98);transition:all .15s ease}.copilot-item.updated{background:#22c55e1a;border-left:3px solid #22c55e;animation:gentleHighlight 2s ease-out}@keyframes gentleHighlight{0%{background:#22c55e33;transform:scale(1.01)}to{background:#22c55e0d;transform:scale(1)}}.copilot-item.new.minor-update{animation:subtleSlideIn 1s ease-out}@keyframes subtleSlideIn{0%{opacity:.7;transform:translate(5px)}to{opacity:1;transform:translate(0)}}.problem-count{background:var(--accent-yellow);color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;min-width:18px;height:18px;display:none;align-items:center;justify-content:center;flex-shrink:0}.copilot-panel.collapsed{flex:0 0 auto}.copilot-panel.collapsed .panel-content{display:none}.copilot-panel .collapse-icon{transition:transform .3s ease}.copilot-panel.collapsed .collapse-icon{transform:rotate(-90deg)}.copilot-panel.collapsed .panel-title-row{margin-bottom:0;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.05)}.copilot-body:has(.copilot-panel.collapsed) .copilot-panel:not(.collapsed){flex:1}.red-flags-panel{background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:12px}.red-flags-panel .panel-content{padding:12px}.red-flag-message{color:#dc2626;font-weight:500;font-size:14px;line-height:1.4}.red-flag-active{animation:redFlagPulse .5s ease-in-out}@keyframes redFlagPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.red-flags-panel.dismissing{animation:redFlagSlideOut .3s ease-out forwards}@keyframes redFlagSlideOut{0%{opacity:1;transform:translateY(0) scale(1);max-height:100px}to{opacity:0;transform:translateY(-10px) scale(.95);max-height:0;margin-bottom:0;padding:0}}.problem-item{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fbbf240d;border:1px solid rgba(251,191,36,.1);border-radius:6px;margin-bottom:8px;transition:all .2s ease}.problem-item:last-child{margin-bottom:0}.problem-item.new{background:#fbbf241a;border-color:#fbbf244d;animation:newProblemHighlight 3s ease-out}.problem-icon{font-size:14px;flex-shrink:0;margin-top:1px}.problem-text{flex:1;font-size:13px;line-height:1.3;color:var(--text-primary);font-weight:500}@keyframes newProblemHighlight{0%{background:#fbbf2433;border-color:#fbbf2466;transform:scale(1.02)}to{background:#fbbf240d;border-color:#fbbf241a;transform:scale(1)}}.copilot-body:has(.red-flags-panel[style*=block]){gap:8px}.panel-content{transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}@media (max-width: 768px){.panel-title-row{gap:6px}.panel-collapse-btn{width:18px;height:18px}.collapse-icon{width:14px;height:14px}.problem-count{font-size:10px;min-width:16px;height:16px}}.identified-problems-panel .panel-title-row{padding-left:14px;padding-right:14px}.enhanced-training-content{display:flex;flex-direction:column;gap:24px}.stage-performance-section h4{margin-bottom:16px;color:var(--text-primary);font-size:16px;font-weight:600}.stage-scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.stage-score-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.stage-score-card.excellent{border-left:4px solid #10b981;background:linear-gradient(to right,#f0fdf4,#fff)}.stage-score-card.good{border-left:4px solid #06b6d4;background:linear-gradient(to right,#f0f9ff,#fff)}.stage-score-card.average{border-left:4px solid #f59e0b;background:linear-gradient(to right,#fffbeb,#fff)}.stage-score-card.poor{border-left:4px solid #f97316;background:linear-gradient(to right,#fff7ed,#fff)}.stage-score-card.critical{border-left:4px solid #ef4444;background:linear-gradient(to right,#fef2f2,#fff)}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stage-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.stage-score{display:flex;align-items:baseline;gap:2px}.score-max{font-size:12px;color:var(--text-muted)}.stage-progress{display:flex;align-items:center;gap:8px;margin-bottom:8px}.progress-bar{flex:1;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.progress-fill{height:100%;transition:width .6s ease;border-radius:3px}.progress-fill.excellent{background:#10b981}.progress-fill.good{background:#06b6d4}.progress-fill.average{background:#f59e0b}.progress-fill.poor{background:#f97316}.progress-fill.critical{background:#ef4444}.progress-percentage{font-size:12px;font-weight:600;color:var(--text-muted);min-width:32px}.stage-feedback{font-size:13px;color:var(--text-secondary);line-height:1.4}.transcript-text-container.enhanced{max-height:400px;overflow-y:auto;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:16px;background:#ffffff80}.speaker-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:80px;text-align:center;margin-top:2px}.message-content{flex:1;min-width:0;max-width:90%}.message-text-wrapper{position:relative;display:inline-block}.message-text2{background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5;color:var(--text-primary);word-wrap:break-word;display:inline-block;max-width:100%}.transcript-message.you .message-text2{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none}.transcript-message.has-red-flag .message-text2{background:#ef444414;border-color:#ef444433}.transcript-message.you.has-red-flag .message-text2{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.flag-tooltip-overlay{position:fixed;background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;max-width:300px;word-wrap:break-word;z-index:10020;opacity:0;transition:opacity .2s ease;pointer-events:none;line-height:1.4}.clean-training-summary h4{font-size:18px;font-weight:600;color:var(--text-primary)}.clean-training-summary .summary-section h5{font-size:14px;font-weight:600;color:var(--text-primary)}.clean-training-summary .summary-section p{font-size:14px;line-height:1.6;color:var(--text-secondary)}.summary-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.summary-column h5{font-size:14px;font-weight:600;color:var(--text-primary)}.summary-column ul{margin:0;padding-left:16px;list-style-type:disc}.summary-column li{font-size:14px;line-height:1.5;color:var(--text-secondary)}.summary-column p{font-size:14px;color:var(--text-muted)}.key-moment{background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:16px}.key-moment-text{font-size:14px;line-height:1.6;color:var(--text-primary);font-weight:500}.stage-performance-section h4,.transcript-content-area h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}@media (max-width: 768px){.summary-columns{grid-template-columns:1fr;gap:16px}.flag-tooltip-overlay{max-width:250px}}.stage-scores-chart{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.stage-bar-row{display:flex;align-items:center;gap:16px}.stage-bar-label{font-size:10px;color:#6b7280}.stage-bar-name{font-size:13px;font-weight:600;color:var(--text-primary)}.stage-bar-score{display:none}.stage-bar-container{display:flex;align-items:center;gap:12px}.stage-bar-track{height:24px;background:#f3f4f6;border-radius:12px;overflow:hidden;position:relative}.stage-bar-fill{height:100%;border-radius:12px;transition:width .8s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.stage-bar-fill:hover{filter:brightness(1.1)}.stage-bar-fill.excellent{background:linear-gradient(90deg,#10b981,#059669)}.stage-bar-fill.good{background:linear-gradient(90deg,#06b6d4,#0891b2)}.stage-bar-fill.average{background:linear-gradient(90deg,#f59e0b,#d97706)}.stage-bar-fill.poor{background:linear-gradient(90deg,#f97316,#ea580c)}.stage-bar-fill.critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.stage-bar-percentage{font-size:12px;font-weight:600;color:var(--text-muted);min-width:40px;text-align:right}.stage-tooltip-overlay{position:fixed;background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;max-width:300px;word-wrap:break-word;z-index:10020;opacity:0;transition:opacity .2s ease;pointer-events:none;line-height:1.4}@media (max-width: 768px){.stage-bar-row{flex-direction:column;align-items:stretch;gap:8px}.stage-bar-label{flex:none;width:100%}.stage-bar-container{width:100%}}.sell-body .panel-title-row{display:flex;align-items:center;margin-bottom:16px;flex-shrink:0;position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 0;z-index:2}.sell-body .panel-collapse-btn.horizontal{width:24px;height:24px;border:none;background:#0000000d;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:all .2s ease;color:var(--text-muted)}.guidance-panel .panel-collapse-btn.horizontal{transform:rotate(180deg)}.sell-body .panel-collapse-btn.horizontal:hover{background:#0000001a;color:var(--text-primary)}.sell-body .panel-collapse-btn.horizontal .collapse-icon{width:14px;height:14px;transition:transform .3s ease}.sell-body .copilot-panel.collapsed-horizontal{flex:0 0 60px;min-width:60px;max-width:60px}.sell-body .copilot-panel.collapsed-horizontal .panel-content{display:none}.sell-body .copilot-panel.collapsed-horizontal .panel-title-row{flex-direction:column;align-items:center;text-align:center;margin-bottom:0}.sell-body .copilot-panel.collapsed-horizontal .panel-title{writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;margin:8px 0 0;white-space:nowrap}.sell-body .copilot-panel.collapsed-horizontal .current-stage-display,.sell-body .copilot-panel.collapsed-horizontal .problem-count{display:none}.sell-body .copilot-panel.collapsed-horizontal .collapse-icon{transform:rotate(180deg)}.sell-body .panel-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;flex:1;text-transform:uppercase;letter-spacing:.5px}.sell-body .problem-count{background:#ef44441a;color:#ef4444;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;min-width:20px;text-align:center;display:none;margin-left:8px}.sell-body .current-stage-display{margin-left:auto}.sell-body .current-stage-display .stage-indicator{display:block;width:auto;height:auto;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.sell-body .stage-indicator.rapport{background:#22c55e1a;color:#22c55e}.sell-body .stage-indicator.discovery{background:#3b82f61a;color:#3b82f6}.sell-body .stage-indicator.presentation{background:#fbbf241a;color:var(--accent-yellow)}.sell-body .stage-indicator.concerns{background:#ef44441a;color:#ef4444}.sell-body .stage-indicator.closing{background:#a855f71a;color:#a855f7}.sell-body .stage-indicator.nextsteps{background:#10b9811a;color:#10b981}.sell-body .panel-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px}.sell-body .copilot-item{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;animation:slideInFromTop .4s cubic-bezier(.4,0,.2,1);font-size:14px;line-height:1.5;color:var(--text-secondary)}.sell-body .copilot-item:first-child{border-top:none;padding-top:12px}.sell-body .copilot-item:last-child{border-bottom:none;padding-bottom:16px}.sell-body .copilot-item.placeholder{opacity:.6;font-style:italic;color:var(--text-muted);animation:none;border-top:none!important}.sell-body .copilot-item.current{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);padding:16px;border-radius:8px;border:1px solid rgba(251,191,36,.3);margin:-8px -8px 4px;position:relative;font-weight:500;color:var(--accent-yellow-warm)}.sell-body .copilot-item.current:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-radius:2px}.sell-body .copilot-item.new{background:linear-gradient(135deg,#22c55e26,#10b9811a);border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:16px;margin:-8px -8px 4px;animation:newItemHighlight 3s ease-out}.sell-body .red-flags-panel{position:absolute;top:0;left:0;right:0;background:#ef4444f2;color:#fff;padding:16px;z-index:10;display:none;animation:slideDown .3s ease-out}.sell-body .red-flags-panel.red-flag-active{animation:redFlagPulse .5s ease-in-out}.sell-body .red-flag-message{text-align:center;font-weight:600;font-size:14px}.sell-body .panel-content::-webkit-scrollbar{width:6px}.sell-body .panel-content::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.sell-body .panel-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.sell-body .panel-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.sell-body .panel-content{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}@media (max-width: 1200px){.sell-body .copilot-panel{min-width:200px;padding:16px}.sell-body .copilot-panel.collapsed-horizontal{flex:0 0 50px;min-width:50px;max-width:50px}}@media (max-width: 768px){.sell-body{flex-direction:column;gap:1px}.sell-body .copilot-panel{min-width:auto;flex:1}.sell-body .copilot-panel.collapsed-horizontal{height:60px;flex:none;min-width:auto;max-width:none}.sell-body .copilot-panel.collapsed-horizontal .panel-title{writing-mode:initial;text-orientation:initial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes redFlagPulse{0%,to{background:#ef4444f2}50%{background:#ef4444;box-shadow:0 0 20px #ef444480}}@keyframes newItemHighlight{0%{background:linear-gradient(135deg,#22c55e4d,#10b98133);border-color:#22c55e80}to{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}}.sell-body .stage-indicator.transitioning{animation:stageTransition .6s ease-in-out}@keyframes stageTransition{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.copilot-panel{transition:flex .4s cubic-bezier(.4,0,.2,1) .3s,min-width .4s cubic-bezier(.4,0,.2,1) .3s;overflow:hidden}.copilot-panel.expanding{transition:flex .4s cubic-bezier(.4,0,.2,1),min-width .4s cubic-bezier(.4,0,.2,1)}.copilot-panel .panel-content{transition:none;transform-origin:top;opacity:1}.copilot-panel.collapsing .panel-content,.copilot-panel.expanding .panel-content{overflow:hidden}.copilot-panel.collapsed .panel-content{max-height:0;opacity:0;transform:scaleY(.8);padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.copilot-panel .panel-collapse-btn .collapse-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.copilot-panel.collapsed .panel-collapse-btn .collapse-icon{transform:rotate(-180deg)}.copilot-panel.collapsed-horizontal{flex:0 0 auto;min-width:60px;transition:all .4s cubic-bezier(.4,0,.2,1)}.copilot-panel.collapsed-horizontal .panel-content{display:none}.copilot-panel.collapsed-horizontal .panel-content{max-width:0;opacity:0;transform:scaleX(.8);padding-left:0;padding-right:0;margin-left:0;margin-right:0;overflow:hidden}.copilot-panel.collapsed-horizontal .panel-collapse-btn .collapse-icon{transform:rotate(180deg)}.copilot-panel.expanding .panel-content{animation:expandPanelVertical .3s cubic-bezier(.4,0,.2,1) forwards}.copilot-panel.collapsing .panel-content{animation:collapsePanelVertical .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes expandPanel{0%{max-height:0;opacity:0;transform:scaleY(.8)}to{max-height:300px;opacity:1;transform:scaleY(1)}}@keyframes expandPanelVertical{0%{opacity:0;transform:scaleY(0);transform-origin:top}to{opacity:1;transform:scaleY(1);transform-origin:top}}@keyframes collapsePanelVertical{0%{opacity:1;transform:scaleY(1);transform-origin:top}to{opacity:0;transform:scaleY(0);transform-origin:top}}@keyframes collapsePanel{0%{max-height:300px;opacity:1;transform:scaleY(1)}to{max-height:0;opacity:0;transform:scaleY(.8)}}@keyframes expandPanelHorizontal{0%{max-height:0;opacity:0;transform:scaleY(.8)}to{max-height:100%;opacity:1;transform:scaleY(1)}}@keyframes collapsePanelHorizontal{0%{max-height:100%;opacity:1;transform:scaleY(1)}to{max-height:0;opacity:0;transform:scaleY(.8)}}.sell-body .red-flags-section{background:#ef4444f2;color:#fff;padding:12px 16px;margin:-1px -1px 0;border-radius:8px 8px 0 0;display:none;animation:slideDownFade .3s ease-out;position:relative;z-index:10}.sell-body .red-flags-section.red-flag-active{animation:redFlagPulse .5s ease-in-out}.sell-body .red-flag-content{display:flex;align-items:center;gap:8px}.sell-body .red-flag-message{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;line-height:1.4}.sell-body .red-flag-icon{font-size:16px;flex-shrink:0}.sell-body .red-flag-text{flex:1}.sell-body .problem-item{display:flex;align-items:flex-start;gap:8px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.sell-body .problem-item .problem-icon{font-size:14px;margin-top:2px;flex-shrink:0}.sell-body .problem-item .problem-text{flex:1;font-size:13px;line-height:1.4;color:var(--text-secondary)}@keyframes slideDownFade{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.icon-scripts{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.icon-strategy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.empty-state .icon-scripts{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");background-size:28px 28px;background-repeat:no-repeat;background-position:center}.scripts-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:visible}.scripts-header{margin-bottom:24px;text-align:left;flex-shrink:0;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.04)}.scripts-title{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.2;margin:0}.scripts-subtitle{font-size:14px;color:var(--text-muted);margin:0;font-weight:400}.scripts-content{flex:1;overflow-y:auto;overflow-x:hidden;background:transparent;border-radius:0;padding:10px;border:none;display:flex;flex-direction:column;gap:32px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.active-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.active-badge svg{width:12px;height:12px}.library-actions{display:flex;gap:12px}.filter-btn,.add-script-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn{background:transparent;border:1px solid rgba(0,0,0,.15);color:var(--text-secondary)}.filter-btn:hover{background:#0000000d;color:var(--text-primary)}.add-script-btn{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none}.add-script-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.filter-btn svg,.add-script-btn svg{width:14px;height:14px}.current-script-section{background:#fff6;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.current-script-card,.script-card{background:#fff9;border-radius:12px;padding:20px;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.current-script-card{border-left:4px solid var(--accent-yellow)}.script-card:hover{background:#fffc;transform:translateY(-1px);box-shadow:0 4px 20px #00000014}.script-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.script-info{flex:1}.script-name{font-size:12px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.script-version{font-size:12px;color:var(--text-muted);font-family:Fira Code,monospace;background:#0000000d;padding:2px 6px;border-radius:4px}.script-status{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.script-status svg{width:12px;height:12px}.script-status.current{background:#22c55e1a;color:#16a34a}.script-status.archived{background:#6b72801a;color:#6b7280}.script-status:not(.current):not(.archived){background:#3b82f61a;color:#3b82f6}.script-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.script-meta{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:var(--text-muted)}.script-author,.script-date,.script-usage{display:flex;align-items:center;gap:4px}.script-actions{display:flex;gap:8px}.script-action-btn{width:32px;height:32px;border-radius:6px;border:none;background:#0000000d;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.script-action-btn:hover{background:#0000001a;color:var(--text-primary);transform:translateY(-1px)}.script-action-btn svg{width:14px;height:14px}.script-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.script-btn.secondary{background:transparent;border:1px solid rgba(0,0,0,.15);color:var(--text-secondary)}.script-btn.secondary:hover{background:#0000000d;color:var(--text-primary)}.script-btn.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none}.script-btn.primary:hover{transform:translateY(-1px);box-shadow:0 2px 8px #fbbf244d}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.script-library-section{flex:1}@media (max-width: 768px){.scripts-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.library-actions{width:100%;justify-content:flex-end}.script-meta{flex-direction:column;gap:4px}.script-actions{flex-wrap:wrap}}.view.active .script-card{opacity:0;transform:translateY(15px);animation:slideInUp .5s cubic-bezier(.4,0,.2,1) forwards}.view.active .script-card:nth-child(1){animation-delay:.1s}.view.active .script-card:nth-child(2){animation-delay:.2s}.view.active .script-card:nth-child(3){animation-delay:.3s}.view.active .current-script-card{opacity:0;transform:translateY(15px);animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .1s forwards}.script-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px 16px;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;border-left:4px solid #10b981;min-width:250px}.script-notification .notification-content{display:flex;align-items:center;gap:8px}.script-notification .notification-icon{font-size:16px;color:#10b981;font-weight:700}.script-notification .notification-text{color:#1f2937;font-size:14px;font-weight:500}.script-card{background:#ffffff4d;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.script-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-yellow) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.script-card:hover{background:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 32px #0000000f,0 2px 8px #fbbf241a}.performance-metric{text-align:center;position:relative}.metric-value{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px;font-variant-numeric:tabular-nums;transition:color .2s ease}.metric-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.performance-metric.calls .metric-value{color:var(--text-primary)}.performance-metric.closed .metric-value{color:#16a34a}.performance-metric.revenue .metric-value{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.performance-metric:not(:last-child):after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#0000000f}.script-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.script-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:transparent;position:relative;overflow:hidden}.script-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 ease}.script-btn:hover:before{left:100%}.script-btn.secondary{color:var(--text-secondary);border:1px solid rgba(0,0,0,.1)}.script-btn.secondary:hover{background:#00000008;color:var(--text-primary);transform:translateY(-1px)}.script-btn.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;box-shadow:0 2px 8px #fbbf2433}.script-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #fbbf244d}.current-script-card{background:linear-gradient(135deg,#fbbf2414,#f59e0b0d);border:1px solid rgba(251,191,36,.2);position:relative}.current-script-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%)}.current-script-card .script-performance{background:#ffffff4d;border-radius:8px;padding:16px 12px;margin:16px 0;border:none}@media (max-width: 768px){.script-performance{grid-template-columns:repeat(2,1fr);gap:8px}.metric-value{font-size:16px}.metric-label{font-size:9px}.performance-metric:nth-child(2):after,.performance-metric:nth-child(4):after{display:none}}.metric-value{transition:all .3s cubic-bezier(.4,0,.2,1)}.script-card:hover .metric-value{transform:scale(1.05)}.performance-metric{transition:transform .2s ease}.performance-metric:hover{transform:translateY(-1px)}.performance-metric:hover .metric-value{transform:scale(1.1)}.script-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;z-index:10030;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.script-modal-overlay.active{display:flex;opacity:1}.script-modal-overlay.closing{opacity:0;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:all .3s ease-out}.script-modal{background:#fffffffa;border-radius:20px;width:90vw;max-width:600px;max-height:90vh;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d inset;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.script-modal-overlay.active .script-modal{transform:scale(1) translateY(0)}.script-modal-overlay.closing .script-modal{transform:scale(.85) translateY(40px) rotateX(-8deg);opacity:0;transition:all .35s cubic-bezier(.4,0,.6,1)}.script-modal-header{padding:28px 32px 20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.script-modal-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.2}.script-modal-close{width:40px;height:40px;border-radius:50%;border:none;background:#0000000a;color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:300}.script-modal-close:hover{background:#00000014;color:var(--text-primary);transform:scale(1.05)}.script-modal-close svg{width:18px;height:18px;transition:transform .2s ease}.script-modal-close:hover svg{transform:rotate(90deg)}.script-modal-content{flex:1;overflow-y:auto;padding:32px;min-height:0}.script-form label{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:2px}.script-form input,.script-form textarea,.script-form select{padding:16px 20px;border-radius:12px;border:1.5px solid rgba(0,0,0,.08);background:#ffffffe6;font-size:16px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:400;line-height:1.5}.script-form textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:1.6}.form-help{font-size:13px;color:var(--text-muted);margin-top:4px;line-height:1.4}.version-section{background:#fbbf240a;border:1px solid rgba(251,191,36,.1);border-radius:12px;padding:20px;margin-top:8px}.version-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.01em}.version-section .version-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.version-detail{display:flex;flex-direction:column}.version-detail label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.status-section{background:#00000005;border-radius:12px;padding:20px;margin-top:8px}.status-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.01em}.status-options{display:flex;gap:12px}.status-option{flex:1;position:relative;border:2px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffc}.status-option:hover{border-color:#0000001f;background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.status-option.selected{border-color:var(--accent-yellow);background:#fbbf2414;box-shadow:0 0 0 1px #fbbf2433}.status-option-content{display:block;padding:16px;cursor:pointer;width:100%;text-align:center}.status-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.status-description{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.3}.script-modal-footer{padding:24px 32px 32px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#00000003}.footer-left,.footer-right{display:flex;gap:12px}.script-modal-btn{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:-.01em;position:relative;overflow:hidden}.script-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.script-modal-btn.secondary{background:#0000000a;color:var(--text-secondary);border:1px solid rgba(0,0,0,.08)}.script-modal-btn.secondary:hover:not(:disabled){background:#00000014;color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.script-modal-btn.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;box-shadow:0 4px 16px #fbbf244d}.script-modal-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef44444d}.script-modal-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 16px #f59e0b4d}.version-history-btn{margin-left:12px;padding:6px 12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:var(--accent-yellow-warm);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.version-history-btn:hover{background:#fbbf2433;border-color:var(--accent-yellow);transform:translateY(-1px)}.version-history-sidebar{position:absolute;right:0;top:0;width:350px;height:100%;background:#f9fafbfa;border-left:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;z-index:10;box-shadow:-4px 0 20px #0000001a;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.version-history-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;background:#fff}.version-history-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.close-version-history{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.close-version-history:hover{background:#0000000d;color:var(--text-primary)}.version-history-content{flex:1;overflow-y:auto;padding:16px}.version-item{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s ease}.version-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.version-item.version-latest{border:2px solid var(--accent-yellow);background:linear-gradient(135deg,#fbbf240d,#f59e0b0d)}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-number{font-size:15px;font-weight:600;color:var(--text-primary)}.version-badge{background:var(--accent-yellow);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.version-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.version-author,.version-date{font-size:12px;color:var(--text-secondary)}.version-description{font-size:13px;color:var(--text-secondary);margin:8px 0;line-height:1.4}.version-actions{display:flex;gap:8px;margin-top:12px}.version-action-btn{flex:1;padding:6px 12px;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.version-action-btn.view{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.version-action-btn.view:hover{background:#3b82f633;transform:translateY(-1px)}.version-action-btn.activate{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.version-action-btn.activate:hover{background:#22c55e33;transform:translateY(-1px)}.script-modal:has(.version-history-sidebar[style*="display: block"]){margin-right:350px}.versions-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffb3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;justify-content:center;align-items:center;z-index:100000;opacity:0;transition:opacity .3s ease}.versions-modal-overlay.active{opacity:1}.versions-modal-overlay.closing{opacity:0}.versions-modal{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000001a;transform:scale(.9);transition:transform .3s ease;position:relative}.versions-modal-overlay.active .versions-modal{transform:scale(1)}.versions-modal-close-btn{position:absolute;top:20px;right:20px;width:34px;height:34px;padding:0;background:transparent;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.versions-modal-close-btn:hover{background:#f3f4f6;color:#374151}.versions-modal-close-btn svg{width:18px;height:18px}.versions-modal-header{padding:20px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;position:relative}.versions-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.versions-modal-header .close-button{position:absolute;top:20px;right:20px;width:34px;height:34px;padding:0;background:transparent;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:24px;line-height:1}.versions-modal-header .close-button:hover{background:#f3f4f6;color:#374151}.versions-modal-content{padding:0 20px 20px;overflow-y:auto;flex:1}.versions-table{width:100%}.versions-table-header{display:none}.versions-table-body{display:flex;flex-direction:column;gap:12px}.version-row{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;border-radius:24px;border:1px solid #e5e7eb;transition:all .2s ease}.version-row:hover{border-color:#d1d5db}.version-row-latest{border:1px solid #9ca3af;background:#fafafa}.version-row-line1{display:flex;align-items:center;justify-content:space-between;gap:8px}.version-info-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.version-row-line2{font-size:12px;color:#6b7280}.version-row-line3{display:flex;gap:8px}.version-col{display:flex;align-items:center;font-size:14px;color:#6b7280}.version-col-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.version-number{font-weight:600;color:#1f2937;font-size:16px;flex-shrink:0}.version-latest-pill{display:inline-block;background:#1f2937;color:#fff;padding:4px 12px;border-radius:24px;font-size:11px;font-weight:600;flex-shrink:0}.version-latest-text{color:#6b7280;font-size:14px}.version-date{color:#6b7280}.versions-modal .version-author{color:#6b7280!important;font-size:14px!important;font-style:normal!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;flex-shrink:1!important;min-width:0!important;max-width:none!important}.versions-modal .version-author{color:#6b7280;font-size:14px;font-style:normal}.version-status,.version-status-draft,.version-status-active,.version-status-archived{display:none}.version-btn{width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#1f2937}.version-btn:hover{background:#f9fafb;border-color:#d1d5db}.empty-state-text,.error-state-text{text-align:center;padding:32px;color:#6b7280;font-size:14px}.error-state-text{color:#1f2937}.hierarchical-script-selector{position:relative;width:100%;max-width:100%;font-size:12px;font-family:Lexend,-apple-system,BlinkMacSystemFont,sans-serif}.selected-script-display{padding:8px 32px 8px 10px;background:var(--gray-50);border:none;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #0000000d;position:relative;max-width:100%;overflow:hidden}.selected-script-display:hover{background:var(--gray-100)}.selected-script-display .selected-text{flex:1;color:var(--gray-900);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px)}.selected-script-display .dropdown-arrow{position:absolute;right:10px;color:var(--gray-500);font-size:10px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.script-dropdown{position:fixed;background:var(--white);border:none;border-radius:24px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:10010;padding:8px}.script-none-option{padding:10px 14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:24px;margin-bottom:8px;border-bottom:1px solid var(--gray-200)}.script-none-option:hover{background:var(--gray-50)}.script-none-option.selected{background:var(--gray-900);color:var(--white)}.script-none-option .none-text{font-weight:500;color:var(--gray-700);flex:1}.script-none-option.selected .none-text{color:var(--white)}.script-none-option .checkmark{font-size:14px;color:var(--white);margin-left:8px}.script-group{border-bottom:none;min-width:0;margin-bottom:4px}.script-group:last-child{margin-bottom:0}.script-header{padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;background:transparent;transition:background .15s cubic-bezier(.4,0,.2,1);border-radius:999px;min-width:0}.script-header:hover{background:var(--gray-50)}.script-group.expanded .script-header{background:var(--gray-100)}.expand-arrow{color:var(--gray-500);font-size:10px;min-width:12px;transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.script-name{font-weight:500;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.script-versions{background:transparent;border-top:none;overflow-x:hidden;padding-left:8px;margin-top:4px}.version-item{padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:24px;min-width:0;overflow:hidden;margin-bottom:4px}.version-item:hover{background:var(--gray-50)}.version-item.selected{background:var(--gray-900);color:var(--white)}.version-item.selected .version-info,.version-item.selected .version-badge,.version-item.selected .version-number,.version-item.selected .version-meta,.version-item.selected .version-date,.version-item.selected .version-author{color:var(--white)}.version-item.latest{background:transparent}.version-item.latest:hover{background:var(--gray-50)}.version-info{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:0;color:var(--gray-900)}.version-number{font-weight:600;color:var(--gray-900);font-family:Courier New,monospace;white-space:nowrap;font-size:11px}.version-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--gray-600);min-width:0;overflow:hidden;flex-shrink:1}.version-date{font-weight:500;white-space:nowrap}.version-author{font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versions-loading,.no-versions,.error-message,.no-scripts-message{padding:12px;text-align:center;color:#6b7280;font-size:12px}.error-message{color:#ef4444}.no-scripts-message{padding:20px;color:#9ca3af}.filter-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;z-index:1001;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.filter-modal-overlay.active{display:flex;opacity:1}.filter-modal{background:#fffffffa;border-radius:20px;width:90vw;max-width:500px;max-height:85vh;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d inset;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.filter-modal-overlay.active .filter-modal{transform:scale(1) translateY(0)}.filter-modal-header{padding:28px 32px 20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.filter-modal-header h3{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.filter-modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#0000000a;color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-modal-close:hover{background:#00000014;color:var(--text-primary);transform:scale(1.05)}.filter-modal-close svg{width:16px;height:16px;transition:transform .2s ease}.filter-modal-close:hover svg{transform:rotate(90deg)}.filter-modal-content{flex:1;overflow-y:auto;padding:32px;min-height:0}.filter-group{margin-bottom:32px}.filter-group:last-child{margin-bottom:0}.filter-group>label{display:block;font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em}.filter-options{display:flex;flex-direction:column;gap:12px}.filter-checkbox{display:flex;align-items:center;padding:12px 16px;border-radius:10px;background:#fff9;border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.filter-checkbox:hover{background:#ffffffe6;border-color:#0000001f;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.filter-checkbox input{position:absolute;opacity:0;pointer-events:none}.filter-checkbox .checkmark{width:20px;height:20px;border:2px solid rgba(0,0,0,.15);border-radius:6px;margin-right:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;flex-shrink:0}.filter-checkbox input:checked+.checkmark{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);border-color:var(--accent-yellow);transform:scale(1.05)}.filter-checkbox input:checked+.checkmark:after{content:"✓";position:absolute;top:-1px;left:3px;color:#fff;font-size:14px;font-weight:700}.filter-checkbox span{font-size:15px;font-weight:500;color:var(--text-primary);flex:1}.filter-range{background:#00000005;border-radius:12px;padding:20px}.filter-range label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.01em}.range-inputs{display:flex;align-items:center;gap:12px}.range-inputs input{flex:1;padding:12px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:14px;color:var(--text-primary);transition:all .2s ease}.range-inputs input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf2426}.range-inputs span{font-size:14px;color:var(--text-secondary);font-weight:500}.filter-modal-footer{padding:24px 32px 32px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#00000003}.filter-count{font-size:14px;color:var(--text-secondary);font-weight:500}.filter-actions{display:flex;gap:12px}.filter-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:-.01em}.filter-btn.secondary{background:#0000000a;color:var(--text-secondary);border:1px solid rgba(0,0,0,.08)}.filter-btn.secondary:hover{background:#00000014;color:var(--text-primary);transform:translateY(-1px)}.filter-btn.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;box-shadow:0 4px 16px #fbbf244d}.filter-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.confirmation-modal{max-width:450px}.confirmation-content{text-align:center;padding:20px 0}.confirmation-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.confirmation-icon.danger{background:#ef44441a;color:#ef4444}.confirmation-icon.warning{background:#f59e0b1a;color:#f59e0b}.confirmation-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.01em}.confirmation-message{font-size:15px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.confirmation-warning{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:16px;margin-top:16px;font-size:14px;color:#92400e;font-weight:500;line-height:1.4}@media (max-width: 768px){.script-modal,.filter-modal{width:95vw;max-height:95vh;border-radius:16px}.script-modal-header,.filter-modal-header{padding:20px 24px 16px}.script-modal-title,.filter-modal-header h3{font-size:20px}.script-modal-content,.filter-modal-content{padding:24px}.script-modal-footer,.filter-modal-footer{padding:16px 24px 24px;flex-direction:column;gap:12px;align-items:stretch}.footer-left,.footer-right,.filter-actions{width:100%;justify-content:center}.script-form .form-row{grid-template-columns:1fr;gap:16px}.status-options{flex-direction:column}.version-section .version-info{grid-template-columns:1fr;gap:12px}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.script-modal-overlay:not(.hidden) .script-modal,.filter-modal-overlay:not(.hidden) .filter-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.script-form .form-group.error input,.script-form .form-group.error textarea,.script-form .form-group.error select{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.script-form .error-message{font-size:13px;color:#ef4444;margin-top:6px;font-weight:500}.script-modal-btn.loading{opacity:.7;cursor:not-allowed;position:relative}.script-modal-btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.script-modal-btn.loading span{opacity:0}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.library-actions{display:flex;align-items:center;gap:12px;margin-bottom:24px}.filter-btn,.sort-btn,.add-script-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.filter-btn,.sort-btn{background:#fff9;border:1px solid rgba(0,0,0,.1);color:var(--text-secondary)}.filter-btn:hover,.sort-btn:hover{background:#fffc;border-color:#0003;color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-btn.active,.sort-btn.active{background:#fbbf241a;border-color:var(--accent-yellow);color:var(--accent-yellow-warm)}.add-script-btn{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;box-shadow:0 2px 8px #fbbf244d}.add-script-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fbbf2466}.filter-btn svg,.sort-btn svg,.add-script-btn svg{width:16px;height:16px;transition:transform .2s ease}.filter-btn:hover svg,.sort-btn:hover svg,.add-script-btn:hover svg{transform:scale(1.1)}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff9;border:1px solid rgba(0,0,0,.1);color:var(--text-secondary)}.filter-toggle-btn:hover{background:#fffc;border-color:#0003;color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-toggle-btn.active{background:#fbbf241a;border-color:var(--accent-yellow);color:var(--accent-yellow-warm)}.filter-toggle-btn svg{width:16px;height:16px;transition:transform .2s ease}.filter-toggle-btn:hover svg{transform:scale(1.1)}.inline-filters{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:12px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.inline-filters.hidden{display:none}.inline-filters:not(.hidden){opacity:1;transform:translateY(0)}.filter-count{opacity:0;transform:translateY(-5px);transition:all .2s ease}.filter-count:not(:empty){opacity:1;transform:translateY(0)}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.filter-select{padding:8px 12px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#ffffffe6;font-size:14px;color:var(--text-primary);min-width:120px;transition:all .2s ease;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf2426;background:#fff}.filter-select:hover{border-color:#00000040;background:#fff}.filter-search{width:100%;padding:10px 12px 10px 36px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#ffffffe6;font-size:14px;color:var(--text-primary);transition:all .2s ease}.filter-search:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf2426;background:#fff}.filter-search::placeholder{color:var(--text-muted)}.search-group{position:relative;flex:1;min-width:250px;max-width:350px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none;z-index:1}.clear-filters-btn{padding:8px 16px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:34px;display:flex;align-items:center;justify-content:center}.clear-filters-btn:hover{background:#ef44441a;border-color:#dc2626;transform:translateY(-1px)}.script-modal{background:#fffffff2;border-radius:20px;width:90vw;max-width:800px;max-height:90vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.script-modal-content{flex:1;overflow-y:auto;padding:24px 32px}.script-form{display:flex;flex-direction:column;gap:24px}.script-form .form-group{display:flex;flex-direction:column;gap:8px}.script-form label{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.script-form input,.script-form textarea,.script-form select{padding:14px 16px;border:1.5px solid rgba(0,0,0,.12);border-radius:10px;background:#fffc;font-size:15px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;line-height:1.5}.script-form input:focus,.script-form textarea:focus,.script-form select:focus{outline:none;border-color:var(--accent-yellow);background:#fff;box-shadow:0 0 0 4px #fbbf2426;transform:translateY(-1px)}.script-form textarea{min-height:120px;resize:vertical;font-family:Inter,sans-serif;line-height:1.6}.script-form textarea#scriptContent{min-height:200px;font-family:Fira Code,monospace;font-size:14px;line-height:1.5;background:#f8fafccc}.script-form textarea#scriptDescription{min-height:100px;line-height:1.6}.script-form input::placeholder,.script-form textarea::placeholder{color:#0006;font-weight:400}.script-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-help{font-size:13px;color:var(--text-muted);margin-top:4px;font-style:italic}.version-section{background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:12px;padding:20px;margin:16px 0}.version-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.version-section .version-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.version-detail{display:flex;flex-direction:column;gap:4px}.version-detail label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.version-detail span{font-size:14px;color:var(--text-primary);font-weight:500}.status-section{background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:20px;margin:16px 0}.status-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.status-options{display:flex;flex-direction:column;gap:12px}.status-option{display:flex;align-items:center;padding:16px;border:2px solid rgba(0,0,0,.08);border-radius:10px;background:#fff9;cursor:pointer;transition:all .2s ease;position:relative}.status-option:hover{border-color:#fbbf244d;background:#fbbf240d;transform:translateY(-1px)}.status-option.selected{border-color:var(--accent-yellow);background:#fbbf241a;box-shadow:0 2px 8px #fbbf2433}.status-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.status-option-content{flex:1}.status-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.status-description{font-size:13px;color:var(--text-secondary);line-height:1.4}.script-performance{background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px;margin:16px 0}.script-performance h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.performance-metric{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px;background:#fffc;border-radius:10px;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.performance-metric:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-value{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px;font-variant-numeric:tabular-nums}.metric-label{font-size:7px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.performance-metric.calls .metric-value{color:#3b82f6}.performance-metric.closed .metric-value{color:#10b981}.performance-metric.rate .metric-value{color:var(--accent-yellow-warm)}.performance-metric.revenue .metric-value{color:#8b5cf6}.script-modal-footer{padding:20px 32px 24px;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-left,.footer-right{display:flex;align-items:center;gap:12px}.script-modal-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.script-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.script-modal-btn.secondary{background:#0000000f;color:var(--text-secondary)}.script-modal-btn.secondary:hover:not(:disabled){background:#0000001f;color:var(--text-primary);transform:translateY(-1px)}.script-modal-btn.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;box-shadow:0 4px 12px #fbbf244d}.script-modal-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.script-modal-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.script-modal-btn.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.script-modal-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.script-modal-btn.warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.script-modal-btn.loading{position:relative;color:transparent!important}.script-modal-btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.script-form .form-group.error input,.script-form .form-group.error textarea,.script-form .form-group.error select{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426}.script-form .error-message{color:#dc2626;font-size:13px;margin-top:4px;font-weight:500}@media (max-width: 768px){.inline-filters{flex-direction:column;align-items:stretch;gap:12px}.filter-group{justify-content:space-between}.search-group{order:-1}.script-form .form-row{grid-template-columns:1fr;gap:16px}.performance-metrics{grid-template-columns:repeat(2,1fr);gap:12px}.script-modal-footer{flex-direction:column;gap:12px}.footer-left,.footer-right{width:100%;justify-content:center}}.script-card{background:#fff9;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.script-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fbbf2405,#f59e0b03);opacity:0;transition:opacity .3s ease;pointer-events:none}.script-card:hover:before{opacity:1}.script-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#fbbf2433}.script-content-editor{width:100%}.script-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;padding:16px 20px;transform:translate(100%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;border-left:4px solid #10b981;min-width:300px;max-width:400px}.script-notification.error{border-left-color:#ef4444}.script-notification.show{transform:translate(0);opacity:1}.script-notification .notification-content{display:flex;align-items:center;gap:12px}.script-notification .notification-icon{font-size:18px;color:#10b981;font-weight:700;flex-shrink:0}.script-notification.error .notification-icon{color:#ef4444}.script-notification .notification-text{color:#1f2937;font-size:15px;font-weight:500;line-height:1.4}.filter-count{font-size:14px;color:var(--text-muted);margin-bottom:20px;font-weight:500;padding-left:4px;opacity:0;transform:translateY(-5px);transition:all .2s ease}.filter-count:empty{display:none}@media (max-width: 1200px){.inline-filters{gap:12px}.search-group{min-width:200px;max-width:280px}.filter-group{min-width:120px}}@media (max-width: 768px){.inline-filters{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.search-group{min-width:auto;max-width:none;order:-1}.filter-group{min-width:auto}.filter-group label{font-size:13px}.clear-filters-btn{align-self:center;min-width:140px}}@media (max-width: 480px){.inline-filters{padding:12px;gap:12px}.filter-search{padding:8px 10px 8px 32px;font-size:16px}.filter-select{padding:8px 10px;font-size:16px}}.script-modal .script-form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.06)}.script-modal .script-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.script-modal .script-form-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 20px;letter-spacing:-.01em}.script-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.script-modal .form-field{display:flex;flex-direction:column;gap:8px}.script-modal .form-field label{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.script-modal .form-field input,.script-modal .form-field textarea{padding:14px 16px;border:1.5px solid rgba(0,0,0,.12);border-radius:10px;background:#fffc;font-size:15px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;line-height:1.5}.script-modal .form-field input:focus,.script-modal .form-field textarea:focus{outline:none;border-color:var(--accent-yellow);background:#fff;box-shadow:0 0 0 4px #fbbf2426;transform:translateY(-1px)}.script-modal .form-field textarea{min-height:100px;resize:vertical;font-family:Inter,sans-serif;line-height:1.6}.script-modal .form-field textarea#script-content-input{min-height:200px;font-family:Fira Code,monospace;font-size:14px;line-height:1.5;background:#f8fafccc}.script-modal .form-field input::placeholder,.script-modal .form-field textarea::placeholder{color:#0006;font-weight:400}.script-editor-container{position:relative}.editor-toolbar{display:flex;gap:8px;margin-top:8px;padding:8px 0;border-top:1px solid rgba(0,0,0,.06)}.editor-btn{padding:6px 12px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fffc;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.editor-btn:hover{background:#0000000d;color:var(--text-primary);transform:translateY(-1px)}.script-performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.perf-metric{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;background:#fffc;border-radius:10px;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.perf-metric:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.perf-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px;font-variant-numeric:tabular-nums}.perf-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.perf-metric.calls .perf-value{color:#3b82f6}.perf-metric.closed .perf-value{color:#10b981}.perf-metric.rate .perf-value{color:var(--accent-yellow-warm)}.perf-metric.revenue .perf-value{color:#8b5cf6}.script-modal-version{display:inline-block;background:#fbbf241a;color:var(--accent-yellow-warm);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-left:12px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.script-modal .form-row{grid-template-columns:1fr;gap:16px}.script-performance-grid{grid-template-columns:repeat(2,1fr);gap:10px}.perf-value{font-size:20px}.perf-label{font-size:11px}.script-modal .script-form-section{margin-bottom:24px;padding-bottom:16px}.script-modal .form-field input,.script-modal .form-field textarea{padding:12px 14px;font-size:16px}}.script-modal .form-field input[readonly],.script-modal .form-field textarea[readonly]{background:#00000005;border-color:#00000014;color:var(--text-secondary);cursor:default}.script-modal .form-field input[readonly]:focus,.script-modal .form-field textarea[readonly]:focus{transform:none;box-shadow:none;border-color:#00000014}.team-performance-container{margin-top:16px;border:1px solid var(--border-color-light);border-radius:8px;overflow:hidden;background-color:var(--background-color-secondary)}.team-perf-header,.team-perf-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:12px 16px;gap:16px}.team-perf-header{background-color:var(--background-color-tertiary);color:var(--text-color-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color-light)}.team-perf-list{max-height:250px;overflow-y:auto}.team-perf-item{border-bottom:1px solid var(--border-color-light);font-size:.9rem}.team-perf-item:last-child{border-bottom:none}.team-perf-name{font-weight:500;color:var(--text-color-primary)}.team-perf-calls,.team-perf-rate,.team-perf-revenue{text-align:right;color:var(--text-color-secondary)}.team-perf-revenue{font-weight:600;color:var(--accent-color-success)}.session-script-info{display:flex;align-items:center;gap:8px;margin:8px 0;padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;font-size:13px}.session-script-info .script-icon{width:16px;height:16px;color:#3b82f6;flex-shrink:0}.session-script-info .script-name{font-weight:500;color:#1e40af}.session-script-info .script-version{color:#6b7280;font-size:12px}.transcript-script-info{display:flex;align-items:center;gap:12px;margin:8px 0;padding:12px 16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:8px}.transcript-script-info .script-info-icon{width:20px;height:20px;color:#3b82f6;flex-shrink:0}.script-details{display:flex;flex-direction:column;gap:2px}.script-name-large{font-weight:600;color:#1e40af;font-size:14px}.script-version-info{color:#6b7280;font-size:12px}@media (max-width: 768px){.session-script-info{padding:4px 8px;font-size:12px}.session-script-info .script-icon{width:14px;height:14px}.transcript-script-info{padding:8px 12px}.transcript-script-info .script-info-icon{width:18px;height:18px}}.relationships-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:visible;background:transparent}.relationships-header{display:flex;align-items:center;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.relationships-title-section{display:flex;flex-direction:column;gap:2px}.relationships-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.01em}.relationships-subtitle{font-size:12px;color:var(--text-muted);margin:0;font-weight:400}.relationships-toolbar{display:flex;align-items:center;gap:12px;overflow:visible}.relationships-toolbar .filters{display:flex;align-items:center;gap:12px}.search-bar{position:relative;min-width:220px;max-width:300px}.search-bar .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-muted);pointer-events:none;z-index:2}.search-bar input{width:100%;padding:8px 12px 8px 32px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#ffffffe6;font-size:14px;color:var(--text-primary);transition:all .2s ease;font-family:Inter,sans-serif}.search-bar input:focus{outline:none;border-color:var(--accent-yellow);background:#fff;box-shadow:0 0 0 3px #fbbf241a}.search-bar input::placeholder{color:var(--text-muted);font-weight:400}.filter-select{padding:8px 12px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#ffffffe6;font-size:14px;color:var(--text-primary);min-width:120px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.filter-select:focus{outline:none;border-color:var(--accent-yellow);background:#fff;box-shadow:0 0 0 3px #fbbf241a}.filter-select:hover{border-color:#0003;background:#fff}.filter-button{padding:8px 16px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#ffffffe6;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-button:hover{border-color:#0003;background:#fff;color:var(--text-primary)}.add-lead-button{display:flex;align-items:center;gap:6px;padding:6px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #fbbf2433;white-space:nowrap}.add-lead-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #fbbf244d}.relationships-grid-container{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;overflow:hidden}.relationships-grid-header{display:grid;grid-template-columns:2fr 3fr 1.5fr 1.5fr 2.5fr 1fr;gap:12px;padding:12px 16px;background:#f8fafccc;border-bottom:1px solid rgba(0,0,0,.08);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.relationships-grid-header .grid-cell{padding:0;display:flex;align-items:center}.relationships-grid-body{flex:1;overflow-y:auto;overflow-x:hidden}.grid-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 2fr 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:all .15s ease;align-items:center}.grid-row:hover{background:#fbbf240a;border-left:3px solid var(--accent-yellow);padding-left:13px}.grid-row .grid-cell{display:flex;align-items:center;min-width:0}.lead-name-cell{display:flex;align-items:center;gap:10px}.lead-avatar{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:#fff;flex-shrink:0;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%)}.lead-info{display:flex;flex-direction:column;gap:1px;min-width:0}.lead-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-email{font-size:12px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.stage-pill.stage-gray{background:#6b72801a;color:#6b7280}.stage-pill.stage-blue{background:#3b82f61a;color:#3b82f6}.stage-pill.stage-sky{background:#0ea5e91a;color:#0ea5e9}.stage-pill.stage-purple{background:#a855f71a;color:#a855f7}.stage-pill.stage-orange{background:#f59e0b1a;color:#f59e0b}.stage-pill.stage-green{background:#22c55e1a;color:#22c55e}.stage-pill.stage-green-dark{background:#16a34a1a;color:#16a34a}.stage-pill.stage-red{background:#ef44441a;color:#ef4444}.stage-pill.stage-red-dark{background:#ac15151a;color:#dc2626}.stage-pill.stage-amber{background:#f59e0b1a;color:#f59e0b}.owner-cell{display:flex;align-items:center;gap:6px}.owner-avatar{width:20px;height:20px;border-radius:4px;background:#6b7280;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;flex-shrink:0}.owner-cell span,.grid-cell{font-size:13px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1200px){.relationships-grid-header,.grid-row{grid-template-columns:2fr 1.2fr 1fr 1fr 1.8fr .8fr;gap:10px}.search-bar{min-width:180px;max-width:220px}}@media (max-width: 768px){.relationships-container{padding:12px 16px}.relationships-header{flex-direction:column;align-items:stretch;gap:12px}.relationships-toolbar,.relationships-toolbar .filters{flex-direction:column;align-items:stretch;gap:8px}.search-bar{min-width:auto;max-width:none}.relationships-grid-header{display:none}.grid-row{grid-template-columns:1fr;gap:8px;padding:12px;border-radius:8px;margin-bottom:6px;background:#fffc;border:1px solid rgba(0,0,0,.06)}.grid-row:hover{transform:none;background:#fbbf2414;border-left:1px solid rgba(0,0,0,.06);padding-left:12px}.lead-name-cell{grid-column:1;margin-bottom:6px}.grid-cell:not(.lead-name-cell){display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.04)}.grid-cell:not(.lead-name-cell):before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.grid-cell:last-child{border-bottom:none}}@media (max-width: 480px){.relationships-container{padding:12px}.relationships-title{font-size:16px}.relationships-subtitle{font-size:11px}.search-bar input,.filter-select,.filter-button,.add-lead-button{padding:8px 12px;font-size:14px}}.grid-row{opacity:0;transform:translateY(5px);animation:slideInUp .2s cubic-bezier(.4,0,.2,1) forwards}.grid-row:nth-child(1){animation-delay:.02s}.grid-row:nth-child(2){animation-delay:.04s}.grid-row:nth-child(3){animation-delay:.06s}.grid-row:nth-child(4){animation-delay:.08s}.grid-row:nth-child(5){animation-delay:.1s}@keyframes slideInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.relationships-grid-body::-webkit-scrollbar{width:6px}.relationships-grid-body::-webkit-scrollbar-track{background:#00000008;border-radius:3px}.relationships-grid-body::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.relationships-grid-body::-webkit-scrollbar-thumb:hover{background:#00000040}.relationships-grid-body{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) rgba(0,0,0,.03)}.lead-detail-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.lead-detail-modal-overlay.active{opacity:1;visibility:visible}.lead-detail-modal-overlay.closing{opacity:0;visibility:hidden}.lead-detail-modal{width:95vw;max-width:1400px;height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.lead-detail-modal-overlay.active .lead-detail-modal{transform:scale(1) translateY(0)}.lead-detail-header{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.lead-header-info{display:flex;align-items:center;gap:20px}.lead-avatar-large{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;text-transform:uppercase;box-shadow:0 4px 12px #00000026}.lead-basic-info h2{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2}.lead-title{margin:0;font-size:12px;color:var(--text-secondary);font-weight:500}.lead-contact-info{display:flex;gap:24px}.contact-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.contact-item svg{width:16px;height:16px}.lead-header-actions{display:flex;align-items:center;gap:12px}.quick-action-btn{display:flex;align-items:center;text-decoration:none;gap:8px;padding:8px 12px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fff;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:var(--accent-yellow);color:#fff;border-color:var(--accent-yellow);transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.quick-action-btn.call{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.quick-action-btn.call:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.quick-action-btn.call:disabled,.quick-action-btn.call.disabled{background:#e5e7eb!important;color:#9ca3af!important;border-color:#e5e7eb!important;cursor:not-allowed!important;opacity:.6}.quick-action-btn.call:disabled:hover,.quick-action-btn.call.disabled:hover{transform:none!important;box-shadow:none!important}.close-button{width:34px;height:34px;border:none;background:#0000000d;border-radius:10px;color:var(--text-muted);font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ef44441a;color:#ef4444}.lead-detail-content{display:flex;flex:1;min-height:0}.lead-sidebar{width:300px;background:#fafbfc;border-right:1px solid rgba(0,0,0,.08);padding:24px;overflow-y:auto;flex-shrink:0}.funnel-section{margin-bottom:32px}.funnel-section h3{margin:0 0 24px;font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.funnel-visualization{display:flex;flex-direction:column;gap:0;position:relative}.funnel-stage{display:flex;align-items:center;gap:16px;position:relative;padding:6px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.funnel-stage:hover{transform:translateY(-4px)}.stage-indicator{width:24px;height:24px;border-radius:50%;background:#e6e6e6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;border:3px solid transparent;position:relative;z-index:2}.funnel-stage.completed .stage-indicator{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border-color:#fbbf244d;box-shadow:0 0 20px #fbbf2466,0 0 40px #fbbf2433,0 4px 12px #fbbf244d;animation:pulseGlow 2s ease-in-out infinite alternate}.funnel-stage.completed .stage-indicator:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;background:linear-gradient(135deg,var(--accent-yellow),var(--accent-yellow-warm));border-radius:50%;opacity:.3;z-index:-1;animation:expandGlow 2s ease-in-out infinite alternate}.funnel-stage.current .stage-indicator{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:3px solid white;box-shadow:0 0 0 3px var(--accent-yellow),0 0 20px #fbbf2480,0 4px 15px #fbbf2466;transform:scale(1.05);animation:currentStagePulse 1.5s ease-in-out infinite alternate}.funnel-stage.current .stage-indicator:after{content:"";position:absolute;top:-9px;left:-9px;right:-9px;bottom:-9px;border:2px solid var(--accent-yellow);border-radius:50%;opacity:.4;animation:ripple 2s linear infinite}.stage-indicator svg{width:18px;height:18px}.stage-content{flex:1;display:flex;flex-direction:column;gap:4px}.stage-name{font-size:12px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;transition:color .3s ease}.funnel-stage.completed .stage-name{color:var(--accent-yellow-warm)}.funnel-stage.current .stage-name{color:var(--accent-yellow);font-weight:700}.stage-date{font-size:10px;color:var(--text-muted);font-weight:500;margin:0}.funnel-stage.completed .stage-date{color:var(--accent-yellow-warm);opacity:.8}.funnel-stage.current .stage-date{color:var(--accent-yellow);font-weight:600}.stage-connector{position:absolute;left:10px;top:28px;width:3px;height:32px;background:linear-gradient(180deg,#f8f8f8,#dcdcdc);z-index:0;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:2px}.funnel-stage.completed .stage-connector{background:linear-gradient(180deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);box-shadow:0 0 10px #fbbf2466;width:4px}.funnel-stage.current .stage-connector{background:linear-gradient(180deg,var(--accent-yellow) 0%,rgba(251,191,36,.3) 100%);box-shadow:0 0 8px #fbbf244d;animation:connectorFlow 2s ease-in-out infinite}.funnel-stage:last-child .stage-connector{display:none}@keyframes pulseGlow{0%{box-shadow:0 0 20px #fbbf2466,0 0 40px #fbbf2433,0 4px 12px #fbbf244d}to{box-shadow:0 0 30px #fbbf2499,0 0 60px #fbbf244d,0 6px 20px #fbbf2466}}@keyframes expandGlow{0%{transform:scale(1);opacity:.3}to{transform:scale(1.1);opacity:.1}}@keyframes currentStagePulse{0%{transform:scale(1.05);box-shadow:0 0 0 3px var(--accent-yellow),0 0 20px #fbbf2480,0 4px 15px #fbbf2466}to{transform:scale(1.08);box-shadow:0 0 0 3px var(--accent-yellow),0 0 30px #fbbf24b3,0 6px 25px #fbbf2480}}@keyframes ripple{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.2}to{transform:scale(1.4);opacity:0}}@keyframes connectorFlow{0%{background:linear-gradient(180deg,var(--accent-yellow) 0%,rgba(251,191,36,.3) 100%);box-shadow:0 0 8px #fbbf244d}50%{background:linear-gradient(180deg,var(--accent-yellow-warm) 0%,var(--accent-yellow) 100%);box-shadow:0 0 12px #fbbf2480}to{background:linear-gradient(180deg,var(--accent-yellow) 0%,rgba(251,191,36,.3) 100%);box-shadow:0 0 8px #fbbf244d}}.current-stage-info{margin-top:24px;padding:20px;background:linear-gradient(135deg,#fbbf240d,#f59e0b08);border:1px solid rgba(251,191,36,.15);border-radius:16px;position:relative;overflow:hidden}.current-stage-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%)}.stage-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:25px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;box-shadow:0 2px 8px #fbbf244d}.stage-badge:before{content:"●";animation:pulse 2s ease-in-out infinite}.stage-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5;font-weight:500}@media (max-width: 768px){.stage-indicator{width:40px;height:40px;font-size:14px}.stage-connector{left:19px;height:24px;top:56px}.funnel-stage.completed .stage-connector{left:18px}.funnel-stage{padding:12px 0}.current-stage-info{padding:16px;margin-top:20px}}.lead-stats{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);padding:20px}.lead-stats h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-item{text-align:center;padding:10px;background:#f8fafc;border-radius:8px}.stat-value{display:block;font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:10px;color:var(--text-muted);font-weight:500}.lead-main-content{flex:1;display:flex;flex-direction:column;min-width:0}.lead-tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.08);background:#fff;padding:0 32px;flex-shrink:0}.lead-tab{padding:12px 24px;border:none;background:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.lead-tab:hover{color:var(--text-secondary);background:#00000005}.lead-tab.active{color:var(--accent-yellow);border-bottom-color:var(--accent-yellow)}.lead-tab-content{flex:1;padding:32px;overflow-y:auto;display:none}.lead-tab-content.active{display:block}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:auto;min-height:auto;max-height:none;padding:0}.overview-section{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;height:fit-content;min-height:280px}.overview-section:hover{background:linear-gradient(135deg,#fff,#f8fafcf2);border-color:#fbbf2433;transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.overview-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.summary-content{display:flex;flex-direction:column;gap:12px;max-height:none;overflow:visible}.summary-item{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06);transition:all .2s ease}.summary-item:hover{background:#fbbf2405;border-radius:8px;padding:12px 8px;margin:0 4px}.summary-text{display:flex;justify-content:space-between;align-items:center}.summary-label{font-weight:500;color:var(--text-secondary);font-size:14px}.summary-value{color:var(--text-primary);font-weight:600;font-size:14px;text-align:right}.next-actions{display:flex;flex-direction:column;gap:12px;max-height:none;overflow:visible}.next-action-item{padding:12px 16px;background:#fffc;border-radius:10px;transition:all .2s ease}.next-action-item:hover{background:#fff;border-color:#fbbf2433;transform:translate(2px);box-shadow:0 2px 8px #0000000d}.action-content{display:flex;flex-direction:column;gap:4px}.action-text{font-weight:500;color:var(--text-primary);font-size:14px;line-height:1.4}.action-due{font-size:12px;color:var(--text-muted);font-weight:500}.activity-timeline{display:flex;flex-direction:column;gap:12px;max-height:none;overflow:visible}.activity-item{padding:12px 8px;border-bottom:1px solid rgba(0,0,0,.06);transition:all .2s ease}.activity-item:hover{background:#fbbf2405;border-radius:8px;padding:13px 9px}.activity-content{display:flex;flex-direction:column;gap:4px}.activity-description{font-weight:500;color:var(--text-primary);font-size:13px;line-height:1.4}.activity-date{font-size:12px;color:var(--text-muted);font-weight:500}@media (max-width: 768px){.next-action-item{padding:10px 12px}.activity-item{padding:10px 8px}.activity-item:hover{margin:0 -4px;padding:10px 8px}}.interactions-content{height:100%;display:flex;flex-direction:column;gap:20px}.interactions-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.interactions-header h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.interactions-filters{display:flex;gap:8px;align-items:center}.interactions-filter-btn{padding:6px 14px;border:1px solid rgba(0,0,0,.12);border-radius:20px;background:#fffc;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.interactions-filter-btn:hover{background:#fff;border-color:#0003;color:var(--text-primary);transform:translateY(-1px)}.interactions-filter-btn.active{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border-color:var(--accent-yellow);box-shadow:0 2px 8px #fbbf244d}.add-interaction-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #fbbf2433}.add-interaction-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fbbf2466}.add-interaction-btn svg{width:16px;height:16px}.interactions-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:4px;padding-top:4px}.interaction-item{display:flex;gap:16px;padding:20px;background:#fffc;border:1px solid rgba(0,0,0,.06);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.interaction-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-yellow);opacity:0;transition:opacity .3s ease}.interaction-item:hover{background:#fff;border-color:#fbbf2433;transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.interaction-item:hover:before{opacity:1}.interaction-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.interaction-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff1a);opacity:0;transition:opacity .3s ease}.interaction-item:hover .interaction-icon:before{opacity:1}.interaction-item.call .interaction-icon{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.interaction-item.email .interaction-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.interaction-item.message .interaction-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.interaction-item.meeting .interaction-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.interaction-item.note .interaction-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.interaction-icon svg{width:20px;height:20px;z-index:1;position:relative}.interaction-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.interaction-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.interaction-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.01em}.interaction-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted);flex-shrink:0}.interaction-date{font-weight:500}.interaction-duration{padding:2px 8px;background:#0000000d;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.interaction-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.interaction-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.interaction-tag{padding:2px 8px;background:#fbbf241a;color:var(--accent-yellow-warm);border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.interaction-actions{position:absolute;top:16px;right:16px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.interaction-item:hover .interaction-actions{opacity:1}.interaction-action-btn{width:28px;height:28px;border:none;background:#ffffffe6;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.interaction-action-btn:hover{background:#fff;color:var(--text-primary);transform:scale(1.05)}.interaction-action-btn svg{width:14px;height:14px}.interaction-chat-view{flex:1;display:flex;flex-direction:column;min-height:0;background-color:#f8fafc;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.chat-messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;max-width:75%}.chat-message.out{align-self:flex-end;flex-direction:row-reverse}.chat-message.in{align-self:flex-start}.chat-bubble{padding:12px 16px;border-radius:20px;position:relative;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease}.chat-message:hover .chat-bubble{transform:translateY(-2px)}.chat-message.in .chat-bubble{background:#fff;color:var(--text-primary);border-top-left-radius:4px}.chat-message.out .chat-bubble{background:linear-gradient(135deg,#25d366,#1cc359);color:#fff;border-top-right-radius:4px}.chat-content{font-size:15px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.chat-timestamp{font-size:11px;margin-top:8px;text-align:right;opacity:.7}.chat-input-container{display:flex;align-items:center;gap:12px;padding:16px 24px}.chat-input{flex:1;border:none;background:transparent;padding:10px;font-size:15px;font-family:Inter,sans-serif;resize:none;outline:none;color:var(--text-primary)}.chat-input::placeholder{color:var(--text-muted)}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--text-muted)}.chat-empty-state h4{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.chat-empty-state p{font-size:14px;max-width:300px;line-height:1.5;margin:0}.notes-section{background:#fff9;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:24px;margin-top:20px}.notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.notes-header h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.add-note-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fbbf241a;color:var(--accent-yellow-warm);border:1px solid rgba(251,191,36,.2);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-note-btn:hover{background:#fbbf2433;border-color:var(--accent-yellow);transform:translateY(-1px)}.add-note-btn svg{width:14px;height:14px}.notes-list{display:flex;flex-direction:column;gap:16px}.note-item{padding:16px;background:#fffc;border:1px solid rgba(0,0,0,.04);border-radius:12px;transition:all .2s ease;position:relative}.note-item:hover{background:#fff;border-color:#00000014;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.note-author{font-size:14px;font-weight:600;color:var(--text-primary)}.note-date{font-size:12px;color:var(--text-muted);font-weight:500}.note-content{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.note-actions{position:absolute;top:12px;right:12px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.note-action-btn{width:24px;height:24px;border:none;background:#ffffffe6;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.note-action-btn:hover{background:#fff;color:var(--text-primary)}.note-action-btn svg{width:12px;height:12px}.interactions-empty,.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-icon{width:64px;height:64px;margin-bottom:16px;opacity:.5}.empty-title{font-size:18px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.empty-description{font-size:14px;color:var(--text-muted);margin:0 0 20px;line-height:1.5}.empty-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fbbf244d}.empty-action-btn svg{width:16px;height:16px}.summary-content{display:grid;gap:12px;max-height:none;overflow:visible}.summary-item{padding:12px 0;border-bottom:1px solid #f0f0f0}.summary-item:last-child{border-bottom:none}.next-action-item{padding:10px 16px;border-bottom:1px solid #f0f0f0}.next-action-item:last-child{border-bottom:none}.activity-item:last-child{border-bottom:none}.activity-description{font-weight:500;margin-bottom:4px}.workflows-empty-state{text-align:center;padding:30px 20px;color:#666}.lead-workflow-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0}.lead-workflow-item:last-child{border-bottom:none}.workflow-item-details h6{margin:0 0 4px;font-weight:600}.workflow-item-details p{margin:0;color:#666;font-size:.9em}.workflow-item-status{display:flex;align-items:center;gap:10px}.workflow-status{padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:500;text-transform:capitalize;background:#f0f0f0;color:#666}@media (max-width: 768px){.overview-section{padding:16px}.summary-item{padding:8px 10px}.summary-icon{width:24px;height:24px;font-size:12px}.next-action-item{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:6px}.action-content{width:100%}.action-due{align-self:flex-end}.activity-item{padding:10px;gap:10px}.activity-icon{width:32px;height:32px}.activity-icon svg{width:14px;height:14px}.activity-timeline{max-height:220px}}.summary-item,.next-action-item,.activity-item{cursor:default}.summary-item:active,.next-action-item:active,.activity-item:active{transform:scale(.98)}.interaction-item.new-item,.note-item.new-item{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.automation-content{display:flex;flex-direction:column;gap:24px;padding:0}.automation-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.automation-title h4{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.automation-title p{margin:0;font-size:14px;color:var(--text-muted)}.automation-actions{display:flex;gap:12px}.automation-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.automation-btn.secondary{background:#0000000d;color:var(--text-secondary);border:1px solid rgba(0,0,0,.1)}.automation-btn.secondary:hover{background:#00000014;color:var(--text-primary)}.automation-btn.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff}.automation-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.lead-workflows-section{background:#ffffff80;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:20px}.lead-workflows-section h5{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.lead-workflows-list{display:flex;flex-direction:column;gap:12px}.lead-workflow-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;transition:all .2s ease}.lead-workflow-item:hover{border-color:var(--accent-yellow);box-shadow:0 2px 8px #fbbf2426}.workflow-item-info{display:flex;align-items:center;gap:12px}.workflow-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%)}.workflow-item-details h6{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary)}.workflow-item-details p{margin:0;font-size:12px;color:var(--text-muted)}.workflow-item-status{display:flex;align-items:center;gap:8px}.workflow-status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.workflow-status-badge.active{background:#22c55e1a;color:#16a34a}.workflow-status-badge.paused{background:#f59e0b1a;color:#d97706}.workflow-item-actions{display:flex;gap:4px}.workflow-builder-section{background:#ffffff80;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:20px}.workflow-builder-section h5{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.workflow-builder{display:flex;flex-direction:column;gap:16px}.workflow-canvas{position:relative;width:100%;height:100%;overflow:hidden;background:#f8fafc}.workflow-sidebar{width:200px;background:#f8fafc;border-right:1px solid rgba(0,0,0,.1);padding:16px;overflow-y:auto}.workflow-sidebar h6{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.component-list{display:flex;flex-direction:column;gap:8px}.workflow-component{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.workflow-component:hover{border-color:var(--accent-yellow);box-shadow:0 2px 8px #fbbf2426}.workflow-component:active{cursor:grabbing;transform:scale(.98)}.component-icon{font-size:16px;width:20px;text-align:center}.component-label{font-size:12px;font-weight:500;color:var(--text-primary)}.workflow-dropzone{flex:1;padding:20px;position:relative;overflow-y:auto}.dropzone-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.5}.placeholder-text{font-size:16px;font-weight:500;margin-bottom:8px}.placeholder-subtext{font-size:14px;opacity:.7}.workflow-step{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;margin-bottom:16px;position:relative;transition:all .2s ease}.workflow-step:hover{border-color:var(--accent-yellow);box-shadow:0 2px 8px #fbbf2426}.workflow-step-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.1);border-radius:10px 10px 0 0}.step-icon{font-size:16px;margin-right:8px}.step-title{font-size:14px;font-weight:600;color:var(--text-primary)}.delete-step-btn{width:24px;height:24px;border-radius:50%;border:none;background:#ef44441a;color:#dc2626;cursor:pointer;font-size:16px;line-height:1;transition:all .2s ease}.delete-step-btn:hover{background:#ef444433}.workflow-step-content{padding:16px}.step-field{margin-bottom:12px}.step-field:last-child{margin-bottom:0}.step-field label{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.step-input{width:100%;padding:8px 12px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;color:var(--text-primary);transition:all .2s ease}.step-input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a}.step-input.small{width:80px}.duration-inputs{display:flex;gap:8px;align-items:center}.workflow-step-connector{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:2px;height:16px;background:var(--accent-yellow)}.workflow-step:last-child .workflow-step-connector{display:none}.workflow-controls{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border:1px solid rgba(0,0,0,.1);border-radius:10px}.workflow-info{display:flex;gap:12px;flex:1}.workflow-name-input{flex:1;padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;color:var(--text-primary)}.workflow-trigger-select{padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;color:var(--text-primary);background:#fff;min-width:160px}.workflow-btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.workflow-btn.secondary{background:#0000000d;color:var(--text-secondary);border:1px solid rgba(0,0,0,.1)}.workflow-btn.secondary:hover{background:#00000014;color:var(--text-primary)}.workflow-btn.primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff}.workflow-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.workflows-empty-state{text-align:center;padding:40px;color:var(--text-muted)}.workflows-empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.workflows-empty-state h6{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-secondary)}.workflows-empty-state p{margin:0;font-size:14px}@media (max-width: 768px){.automation-header{flex-direction:column;align-items:stretch;gap:16px}.workflow-canvas{flex-direction:column;height:auto}.workflow-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.1)}.workflow-controls{flex-direction:column;align-items:stretch;gap:12px}.workflow-info{flex-direction:column}}.contact-link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;transition:all .2s ease;cursor:pointer}.contact-link:hover{background-color:#fbbf241a;color:var(--accent-yellow);transform:translate(2px)}.contact-link:active{transform:translate(1px) scale(.98)}.contact-link svg{width:16px;height:16px;transition:transform .2s ease}.contact-link:hover svg{transform:scale(1.1)}.contact-link[href^="mailto:"]:hover{background-color:#0596691a;color:#059669}.contact-link[href^="tel:"]:hover{background-color:#0284c71a;color:#0284c7}.lead-contact-info{display:flex;gap:4px;margin-top:2px}@keyframes contactPulse{0%{background-color:#fbbf2400}50%{background-color:#fbbf2426}to{background-color:#fbbf2400}}.contact-link:focus{outline:2px solid var(--accent-yellow);outline-offset:2px;animation:contactPulse .6s ease}@media (max-width: 768px){.contact-link{padding:8px 12px;font-size:14px}.contact-link svg{width:18px;height:18px}}.lead-edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;align-items:center;justify-content:center;z-index:10020;opacity:0;visibility:hidden;transition:opacity .2s ease,background-color .2s ease,backdrop-filter .2s ease,visibility .2s ease}.lead-edit-modal-overlay.active{opacity:1;visibility:visible;background-color:#ffffffb3;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.lead-edit-modal-overlay.closing{opacity:0;visibility:hidden;background-color:#fff0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.lead-edit-modal{background:#fff;border-radius:24px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000001a;transform:scale(.95);transition:transform .2s ease}.lead-edit-modal-overlay.active .lead-edit-modal{transform:scale(1)}.lead-edit-header{padding:24px 28px 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border:none}.lead-edit-title{margin:0;font-size:15px;font-weight:500;color:var(--gray-700, #404040);font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.lead-edit-header .close-button{width:32px;height:32px;border-radius:9999px;background:transparent;border:none;color:var(--gray-500, #737373);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;transition:all .15s ease;padding:0}.lead-edit-header .close-button:hover{background:var(--gray-100, #f5f5f5);color:var(--gray-700, #404040)}.lead-edit-content{padding:0 28px 28px;overflow-y:auto;flex:1}.lead-edit-content::-webkit-scrollbar{width:4px}.lead-edit-content::-webkit-scrollbar-track{background:transparent}.lead-edit-content::-webkit-scrollbar-thumb{background:var(--gray-300, #d4d4d4);border-radius:2px}.lead-edit-content::-webkit-scrollbar-thumb:hover{background:var(--gray-400, #a3a3a3)}.form-section{margin-bottom:20px}.form-section:last-child{margin-bottom:0}.section-title{margin:0 0 10px;font-size:11px;font-weight:600;color:var(--gray-500, #737373);text-transform:uppercase;letter-spacing:.05em;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.section-subtitle{display:block;font-size:12px;font-weight:400;color:var(--gray-500, #737373);text-transform:none;letter-spacing:0;margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full-width{grid-column:1 / -1}.form-field label{margin-bottom:0;font-size:13px;font-weight:500;color:var(--gray-700, #404040);font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.form-field input,.form-field select,.form-field textarea{padding:10px 14px;border:1px solid var(--gray-200, #e5e5e5);border-radius:12px;font-size:13px;color:var(--gray-900, #171717);transition:all .15s ease;background:#fff;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--gray-300, #d4d4d4);background:#fff}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--gray-400, #a3a3a3)}.form-field input[required]:invalid{border-color:#ef4444}.form-field textarea{resize:vertical;min-height:80px;border-radius:12px}.form-field .field-hint{font-size:12px;color:var(--gray-500, #737373);margin-top:0}.lead-edit-footer{padding:20px 28px;display:flex;gap:10px;justify-content:flex-end;background:#fff;border:none}.btn-lead-save{width:auto;padding:10px 20px;background:#1f2937;color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #0000001a;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.btn-lead-save:hover{background:#111827}.btn-lead-save:active{transform:scale(.98)}.lead-edit-footer .btn-secondary,.lead-edit-footer .btn-primary{padding:10px 20px;border-radius:9999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.lead-edit-footer .btn-secondary{background:var(--gray-100, #f5f5f5);color:var(--gray-700, #404040);border:1px solid var(--gray-200, #e5e5e5)}.lead-edit-footer .btn-secondary:hover{background:var(--gray-200, #e5e5e5);color:var(--gray-900, #171717)}.lead-edit-footer .btn-primary{background:var(--gray-900, #171717);color:#fff}.lead-edit-footer .btn-primary:hover{background:var(--gray-700, #404040)}.lead-edit-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-400, #a3a3a3)}.lead-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;padding:16px 20px;z-index:1100;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1);border-left:4px solid transparent}.lead-notification.show{opacity:1;transform:translate(0)}.lead-notification.success{border-left-color:#10b981}.lead-notification.error{border-left-color:#ef4444}.lead-notification.success .notification-icon{background:#10b981}.lead-notification.error .notification-icon{background:#ef4444}.quick-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;color:var(--text-primary);text-decoration:none}.quick-action-btn.call:hover{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.quick-action-btn.message:hover{background:#22c55e1a;border-color:#25d366;color:#128c7e}.quick-action-btn.edit:hover{background:#3b82f61a;border-color:#3b82f6;color:#2563eb}.quick-action-btn svg{width:18px;height:18px}@media (max-width: 768px){.lead-edit-modal{width:95%;max-width:95%;max-height:92vh;border-radius:20px}.lead-edit-header{padding:20px 20px 16px}.lead-edit-content{padding:0 20px 20px}.form-grid{grid-template-columns:1fr;gap:12px}.form-field-social-profiles{grid-column:1}.form-section{margin-bottom:16px}.lead-edit-footer{padding:16px 20px}}@media (max-width: 480px){.lead-edit-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0}.lead-edit-header{padding:16px}.lead-edit-content{padding:0 16px 16px}.lead-edit-footer{padding:12px 16px}.section-title{font-size:10px}.form-section{margin-bottom:14px}.form-grid{gap:10px}.form-field-social-profiles{grid-column:1}}.next-action-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;margin-bottom:8px}.next-action-item.high,.next-action-item.medium,.next-action-item.low{background:linear-gradient(135deg,#fbbf2414,#f59e0b0d);border:1px solid rgba(251,191,36,.15)}.action-automations{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--accent-yellow);border-radius:6px;background:#fff;color:var(--accent-yellow);font-size:12px;cursor:pointer;transition:all .2s ease}.action-btn svg{width:14px;height:14px}.action-btn:hover{background-color:var(--accent-yellow);color:#fff;border-color:var(--accent-yellow)}.action-btn.schedule{border-color:#3b82f6;color:#3b82f6}.action-btn.schedule:hover{background-color:#3b82f6;color:#fff}.action-btn.connect{border-color:#0077b5;color:#0077b5}.action-btn.connect:hover{background-color:#0077b5;color:#fff}.action-btn.send{border-color:#10b981;color:#10b981}.action-btn.send:hover{background-color:#10b981;color:#fff}.action-btn.call{border-color:#ef4444;color:#ef4444}.action-btn.call:hover{background-color:#ef4444;color:#fff}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:background-color .2s ease}.activity-item:hover{background-color:#f8fafc;padding:13px 9px}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.call{color:#3b82f6}.activity-icon.whatsapp{color:#25d366}.activity-icon.email{color:#8b5cf6}.activity-icon.sms{color:#ffb300}.activity-icon svg{width:16px;height:16px}.activity-content{flex:1}.activity-description{font-weight:500;color:var(--text-color);margin-bottom:4px}.activity-date{font-size:12px;color:var(--text-secondary)}.activity-preview{font-size:12px;color:var(--text-secondary);margin-top:4px;font-style:italic}.activity-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.activity-item:hover .activity-actions{opacity:1}.activity-action-btn{width:28px;height:28px;border:1px solid var(--border-color);border-radius:4px;background:#fff;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.activity-action-btn svg{width:14px;height:14px}.activity-action-btn:hover{background-color:var(--accent-yellow);color:#fff;border-color:var(--accent-yellow)}.activity-detail-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.activity-detail-modal-overlay.active{opacity:1}.activity-detail-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.activity-detail-modal-overlay.active .activity-detail-modal{transform:scale(1)}.activity-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.activity-detail-content{padding:20px;max-height:60vh;overflow-y:auto}.activity-meta{display:grid;gap:12px;margin-bottom:20px}.meta-item{display:flex;justify-content:space-between}.meta-label{font-weight:500;color:var(--text-secondary)}.meta-value{color:var(--text-color)}.activity-detail-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border-color)}.action-notification{position:fixed;top:20px;right:20px;background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #0000001a;z-index:1001;transform:translate(100%);transition:transform .3s ease}.action-notification.show{transform:translate(0)}.action-notification.success{border-left:4px solid #10b981}.action-notification.error{border-left:4px solid #ef4444}.action-notification.info{border-left:4px solid #3b82f6}.notification-content{display:flex;align-items:center;gap:8px}.notification-icon{font-weight:700}.advanced-filters-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.advanced-filters-modal-overlay.active{opacity:1}.advanced-filters-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.advanced-filters-modal-overlay.active .advanced-filters-modal{transform:scale(1)}.advanced-filters-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.advanced-filters-modal .modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.advanced-filters-modal .modal-body{padding:24px;max-height:50vh;overflow-y:auto}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.filter-section h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary)}.filter-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:#fff;transition:border-color .2s ease}.filter-input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a}.advanced-filters-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-color);background:#fafafa}.btn-secondary{padding:10px 20px;border:1px solid var(--border-color);border-radius:8px;background:#fff;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f5f5f5;border-color:#d1d5db}.btn-primary{padding:10px 20px;border:1px solid var(--accent-yellow);border-radius:8px;background:var(--accent-yellow);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--accent-yellow-warm);border-color:var(--accent-yellow-warm)}.relationships-toolbar .filter-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;background:#fff;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.relationships-toolbar .filter-button:hover{background:#f5f5f5;border-color:#d1d5db}.relationships-toolbar .filter-button.active{background:var(--accent-yellow);color:#fff;border-color:var(--accent-yellow)}.relationships-toolbar .filter-button svg{width:16px;height:16px}.relationships-results-count{padding:12px 0;font-size:14px;color:var(--text-muted);font-weight:500}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-results h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.no-results p{margin:0;font-size:14px;color:var(--text-muted)}.relationships-toolbar .search-bar{position:relative;display:flex;align-items:center}.relationships-toolbar .search-bar input{padding:10px 16px 10px 40px;border:1px solid var(--border-color);border-radius:10px 0 0 10px/10px 0px 0px 10px;font-size:14px;color:var(--text-primary);background:#fff;border:1px solid rgba(0,0,0,.1);width:280px;transition:all .2s ease}.relationships-toolbar .search-bar input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a}.relationships-toolbar .search-bar .search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--text-muted);z-index:2}.date-filter-container{position:relative}.date-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.date-filter-btn:hover{background:#f9fafb;border-color:var(--accent-yellow)}.date-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:12px;min-width:280px;z-index:1000;display:none}.date-filter-section{padding:8px 0}.date-filter-section-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 8px}.date-filter-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:6px;transition:background .2s}.date-filter-option:hover{background:#f9fafb}.date-filter-option input[type=radio]{cursor:pointer}.date-filter-option label{cursor:pointer;flex:1;font-size:14px;color:var(--text-primary)}.date-filter-preset{padding:10px 12px;cursor:pointer;border-radius:6px;transition:background .2s;font-size:14px;color:var(--text-primary)}.date-filter-preset:hover{background:#f9fafb;color:var(--accent-yellow)}.date-filter-divider{height:1px;background:#0000001a;margin:8px 0}.date-filter-custom{padding:8px}.date-filter-custom label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.date-input{padding:8px 12px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;color:var(--text-primary);flex:1}.date-input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a}.apply-custom-date-btn{width:100%;margin-top:12px;padding:10px 16px;background:var(--accent-yellow);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.apply-custom-date-btn:hover{background:var(--accent-yellow-warm);transform:translateY(-1px)}.relationships-toolbar .filter-select{padding:10px 16px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;color:var(--text-primary);border:1px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;transition:all .2s ease}.relationships-toolbar .filter-select:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a}.relationships-toolbar .add-lead-button{display:flex;align-items:center;gap:8px;padding:6px;background:var(--accent-yellow);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.relationships-toolbar .add-lead-button:hover{background:var(--accent-yellow-warm);transform:translateY(-1px)}.relationships-toolbar .add-lead-button svg{width:22px;height:22px}@media (max-width: 768px){.relationships-toolbar{flex-direction:column;align-items:stretch;gap:16px}.relationships-toolbar .filters{flex-direction:column;gap:12px}.relationships-toolbar .search-bar input{width:100%}.advanced-filters-modal{width:95%;margin:20px}.advanced-filters-modal .modal-footer{flex-direction:column}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.interaction-item{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;margin-bottom:12px}.interaction-item:hover{border-color:var(--accent-yellow, #fbbd23);box-shadow:0 8px 25px #00000012;transform:translateY(-3px)}.interaction-item:active{transform:translateY(-1px);box-shadow:0 4px 15px #0000000d}.interaction-item.call{border-left-color:#10b981}.interaction-item.message{border-left-color:#3b82f6}.interaction-item.email{border-left-color:#8b5cf6}.interaction-item.meeting{border-left-color:#f59e0b}.interaction-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:20px;transition:transform .2s ease}.interaction-item:hover .interaction-icon{transform:scale(1.05)}.interaction-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.interaction-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.interaction-title{font-weight:600;color:var(--text-primary, #1f2937);font-size:16px;line-height:1.4}.interaction-date{font-size:13px;color:var(--text-muted, #6b7280);flex-shrink:0;font-weight:500;white-space:nowrap}.interaction-description{color:var(--text-secondary, #4b5563);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.interaction-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:4px}.interaction-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #6b7280);font-weight:500;padding:3px 8px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px}.interaction-meta-item svg{width:14px;height:14px;opacity:.7}.interaction-meta-item.outcome-positive{color:#059669;background-color:#10b9810d;border-color:#10b9811a}.interaction-meta-item.outcome-objection{color:#ef4444;background-color:#ef44440d;border-color:#ef44441a}.click-indicator{width:28px;height:28px;color:var(--accent-yellow, #fbbd23);opacity:0;transform:translate(-10px) scale(.8);transition:all .25s cubic-bezier(.4,0,.2,1)}.interaction-item:hover .click-indicator{opacity:1;transform:translate(0) scale(1)}.interaction-indicator{display:flex;align-items:center;margin-left:auto;padding-left:16px}.click-indicator{width:24px;height:24px;color:var(--accent-yellow);opacity:0;transform:translate(-8px);transition:all .2s ease}.click-indicator svg{width:100%;height:100%}.interaction-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:18px}.interaction-item.call .interaction-icon{background:linear-gradient(135deg,#10b981,#059669)}.interaction-item.message .interaction-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.interaction-item.email .interaction-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.interaction-item.meeting .interaction-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.type-call{color:#3b82f6}.type-email{color:#8b5cf6}.type-whatsapp{color:#25d366}.type-sms{color:#ffb300}.type-page_visit{color:#10b981}.type-chat_widget{color:#06b6d4}.type-form_submission{color:#f59e0b}.type-booking{color:#ec4899}.interaction-content{flex:1;min-width:0}.interaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:16px}.interaction-title{font-weight:600;color:var(--text-primary);font-size:15px;line-height:1.4}.interaction-date{font-size:13px;color:var(--text-muted);flex-shrink:0;font-weight:500}.interaction-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:8px}.interaction-duration,.interaction-outcome{font-size:12px;color:var(--text-muted);margin-top:4px}.interaction-outcome{font-weight:500}.interactions-count{font-size:14px;color:var(--text-muted);margin-right:16px;font-weight:500}.interactions-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.interactions-empty-state .empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.interactions-empty-state h4{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.interactions-empty-state p{margin:0;font-size:14px;color:var(--text-muted);max-width:300px}.add-interaction-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity .3s ease}.add-interaction-modal-overlay.active{opacity:1}.add-interaction-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.add-interaction-modal-overlay.active .add-interaction-modal{transform:scale(1)}.add-interaction-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.add-interaction-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.add-interaction-content{padding:24px;max-height:60vh;overflow-y:auto}.type-icon{font-size:24px;line-height:1}.form-section{margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:16px}.form-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:#fff;transition:border-color .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a}.form-field textarea{resize:vertical;min-height:80px}.add-interaction-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-color);background:#fafafa}.interaction-detail-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10002;opacity:0;transition:opacity .3s ease}.interaction-detail-modal-overlay.active{opacity:1}.interaction-detail-modal{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.interaction-detail-modal-overlay.active .interaction-detail-modal{transform:scale(1)}.interaction-detail-header .close-button{position:absolute;top:16px;right:24px}.interaction-detail-header{padding:24px;border-bottom:1px solid var(--border-color);position:relative}.interaction-type-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;background:#0000000d;color:#6b7280;cursor:pointer;transition:all .2s ease}.interaction-type-badge:hover{background:#f9fafb}.interaction-type-badge.editing{background:#f3f4f6;color:#6b7280}.interaction-detail-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.interaction-detail-content{padding:24px;max-height:60vh;overflow-y:auto}.interaction-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.meta-item{display:flex;gap:8px}.meta-label{font-weight:500;color:var(--text-muted);font-size:14px}.meta-value{font-weight:500;color:var(--text-primary);font-size:14px}.meta-value.outcome-positive{color:#059669}.meta-value.outcome-neutral{color:#6b7280}.meta-value.outcome-objection{color:#dc2626}.interaction-details h4,.interaction-details h5{margin:0 0 12px;font-weight:600;color:var(--text-primary)}.interaction-details h4{font-size:16px}.interaction-details h5{font-size:14px}.interaction-details .editable-content{cursor:pointer;transition:background .2s ease;border-radius:9999px;padding:4px 8px}.interaction-details .editable-content:hover{background:#f9fafb;margin-top:20px}.interaction-details p{margin:0 0 16px;color:var(--text-secondary);line-height:1.6}.key-points-list,.actions-list{margin:0 0 16px;padding-left:20px}.key-points-list li,.actions-list li{margin-bottom:6px;color:var(--text-secondary);line-height:1.5}.attendees-list,.attachments-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.attendee-badge,.attachment-badge{padding:4px 12px;background:var(--accent-yellow);color:#fff;border-radius:20px;font-size:12px;font-weight:500}.attachment-badge{background:#e5e7eb;color:var(--text-primary)}.message-response{background:#fbbf240d;border-left:3px solid var(--accent-yellow)}.interaction-detail-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-color);background:#fafafa}.interaction-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 4px 20px #00000026;z-index:1003;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.interaction-notification.show{opacity:1;transform:translate(0)}.interaction-notification.success{border-left:4px solid #10b981}.interaction-notification.error{border-left:4px solid #ef4444}.interaction-notification.info{border-left:4px solid #3b82f6}.notification-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.interaction-notification.success .notification-icon{background:#10b981}.interaction-notification.error .notification-icon{background:#ef4444}.interaction-notification.info .notification-icon{background:#3b82f6}.notification-text{font-size:14px;font-weight:500;color:var(--text-primary)}@media (max-width: 768px){.type-options{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.interaction-meta{flex-direction:column;gap:8px}.add-interaction-modal,.interaction-detail-modal{width:95%;margin:20px}.interaction-detail-footer,.add-interaction-footer{flex-direction:column}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.stage-actions{margin-top:16px;display:flex;flex-direction:column;gap:12px}.stage-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;justify-content:center}.stage-action-btn.primary{background:var(--accent-yellow);color:#fff}.stage-action-btn.primary:hover{background:#f59e0b;transform:translateY(-1px)}.stage-action-btn.secondary{background:#f3f4f6;color:var(--text-primary);border:1px solid var(--border-color)}.stage-action-btn.secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.stage-action-btn svg{width:16px;height:16px}.meeting-info{display:flex;flex-direction:column;gap:12px;margin-top:16px}.meeting-date-display{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--accent-yellow)}.meeting-date-display svg{width:20px;height:20px;color:var(--accent-yellow);flex-shrink:0}.meeting-details{flex:1}.meeting-date{font-weight:600;color:var(--text-primary);margin-bottom:2px}.meeting-time{font-size:13px;color:var(--text-muted)}.meeting-btn{background:#10b981!important}.meeting-btn:hover{background:#059669!important}.proposal-info{display:flex;flex-direction:column;gap:12px;margin-top:16px}.proposal-status{display:flex;align-items:center;gap:12px;padding:12px;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.proposal-status svg{width:20px;height:20px;color:#d97706;flex-shrink:0}.proposal-details{flex:1}.proposal-sent{font-weight:600;color:var(--text-primary);margin-bottom:2px}.proposal-status-text{font-size:13px;color:#92400e}.proposal-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity .3s ease}.proposal-modal-overlay.active{opacity:1}.proposal-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.proposal-modal-overlay.active .proposal-modal{transform:scale(1)}.proposal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.proposal-modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.proposal-modal-content{padding:24px;max-height:60vh;overflow-y:auto}.proposal-summary{margin-bottom:24px}.proposal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.proposal-title h4{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.proposal-value{font-size:24px;font-weight:700;color:var(--accent-yellow)}.proposal-status-bar{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px}.status-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative}.status-item:not(:last-child):after{content:"";position:absolute;right:-8px;top:15px;width:16px;height:2px;background:#e5e7eb}.status-item.active:after{background:var(--accent-yellow)}.status-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;background:#e5e7eb;color:#6b7280}.status-item.active .status-icon,.status-item.viewed .status-icon{background:var(--accent-yellow);color:#fff}.status-item.pending .status-icon{background:#fef3c7;color:#d97706}.status-text{font-size:12px;font-weight:500;color:var(--text-primary)}.status-date{font-size:11px;color:var(--text-muted)}.proposal-details{display:flex;flex-direction:column;gap:2px}.proposal-section h5{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.proposal-items{list-style:none;padding:0;margin:0}.proposal-items li{padding:8px 0;border-bottom:1px solid #f3f4f6;color:var(--text-secondary)}.proposal-items li:last-child{border-bottom:none}.proposal-items li:before{content:"✓";color:var(--accent-yellow);font-weight:700;margin-right:8px}.timeline-item{color:var(--text-secondary);position:relative;padding:8px 0 8px 20px}.timeline-item:before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:var(--accent-yellow)}.pricing-table{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.pricing-row{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f3f4f6}.pricing-row:last-child{border-bottom:none}.pricing-row.total{background:#f8f9fa;font-weight:600;color:var(--text-primary)}.proposal-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-color);background:#fafafa}@media (max-width: 768px){.meeting-date-display,.proposal-status{flex-direction:column;align-items:flex-start;gap:8px}.stage-action-btn{width:100%}.proposal-status-bar{flex-direction:column;gap:12px}.status-item:after{display:none}}.proposal-modal-footer .btn-secondary svg,.proposal-modal-footer .btn-primary svg{width:16px;height:16px;margin-right:8px;flex-shrink:0}.proposal-modal-footer button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.proposal-modal-footer{display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:20px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.workflow-board-header{padding:20px 24px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:16px}.workflow-name-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:600;background:#fff;transition:border-color .2s ease}.workflow-name-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.workflow-board-controls{display:flex;align-items:center;gap:12px}.workflow-control-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:8px}.workflow-control-btn.secondary{background:#f1f5f9;color:#64748b}.workflow-control-btn.secondary:hover{background:#e2e8f0;color:#475569}.workflow-control-btn.primary{background:#3b82f6;color:#fff}.workflow-control-btn.close{width:40px;height:40px;padding:0;background:#fee2e2;color:#dc2626;font-size:20px;font-weight:700}.workflow-control-btn.close:hover{background:#fecaca}.workflow-board-main{flex:1;display:flex;overflow:hidden}.workflow-palette{width:280px;background:#f8fafc;border-right:1px solid #e5e7eb;padding:20px;overflow-y:auto}.workflow-palette h4{margin:0 0 16px;color:#1f2937;font-size:16px;font-weight:600}.workflow-components{display:flex;flex-direction:column;gap:8px}.workflow-component-item{padding:12px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:grab;transition:all .2s ease;display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.workflow-component-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.component-icon{font-size:20px;width:24px;text-align:center}.component-name{font-weight:600;color:#1f2937;margin-bottom:2px}.component-desc{font-size:12px;color:#6b7280}.workflow-canvas{flex:1;position:relative;background:#fff;overflow:auto;min-height:100%}.canvas-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#e5e7eb 1px,transparent 1px);background-size:20px 20px;opacity:.5;pointer-events:none}.canvas-help{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#6b7280;max-width:400px}.canvas-help h3{margin:0 0 12px;color:#374151;font-size:24px;font-weight:600}.test-email-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10050;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.test-email-modal-overlay.active{opacity:1;visibility:visible}.test-email-modal{background:#fff;border-radius:12px;padding:0;width:90%;max-width:600px;max-height:90vh;overflow:hidden;transform:scale(.95);transition:transform .3s ease;box-shadow:0 25px 50px -12px #00000040}.test-email-modal-overlay.active .test-email-modal{transform:scale(1)}.test-email-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.test-email-modal-title{font-size:20px;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:12px}.test-email-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.test-email-form-group{margin-bottom:20px}.test-email-form-group:last-child{margin-bottom:0}.test-email-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.test-email-form-group input,.test-email-form-group textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.test-email-form-group input:focus,.test-email-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.test-email-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.test-email-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.test-email-btn.primary{background:#3b82f6;color:#fff}.test-email-btn.primary:hover{background:#2563eb}.test-email-btn.primary:disabled{background:#9ca3af;cursor:not-allowed}.test-email-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.test-email-btn.secondary:hover{background:#e5e7eb}.test-email-results{margin-top:24px;border-top:1px solid #e5e7eb;padding-top:24px}.test-email-result-section{margin-bottom:20px}.test-email-result-section:last-child{margin-bottom:0}.test-email-result-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:block}.test-email-result-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;font-size:14px;color:#111827;white-space:pre-wrap;line-height:1.5}.test-email-result-content.subject{font-weight:500}.test-email-result-section.warning{background-color:#fef3c7;border-left:4px solid #f59e0b}.test-email-result-section.warning .test-email-result-label{color:#92400e}.test-email-result-section.warning .test-email-result-content{background-color:transparent;color:#92400e}.test-email-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#6b7280}.test-email-spinner{border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;width:20px;height:20px;animation:test-email-spin 1s linear infinite;margin-right:12px}@keyframes test-email-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.test-email-history-context{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:24px}.test-email-history-header h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.test-email-history-header p{margin:0 0 16px;font-size:13px;color:#64748b}.test-email-history-list{display:flex;flex-direction:column;gap:12px}.test-email-history-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.test-email-history-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}.email-sequence{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-weight:500}.email-timestamp{color:#64748b}.email-script{color:#059669;font-weight:500}.test-email-history-content{font-size:13px}.email-subject{margin-bottom:6px;color:#1e293b}.email-body-preview{color:#64748b;line-height:1.4}.test-email-btn.danger{background:#ef4444;color:#fff}.test-email-btn.danger:hover{background:#dc2626}.canvas-component-body{padding:16px;overflow:visible!important}.component-field{margin-bottom:10px!important;overflow:visible!important}.component-field:last-child{margin-bottom:0!important}.component-field label{display:block!important;margin-bottom:6px!important;font-size:11px!important;font-weight:600!important;color:var(--gray-700)!important;text-transform:uppercase!important;letter-spacing:.5px!important}.component-field input[type=text],.component-field input[type=number],.component-field input[type=email],.component-field input[type=url],.component-field textarea{width:100%!important;padding:8px 10px!important;border:none!important;border-radius:999px!important;font-size:12px!important;background:var(--gray-50)!important;color:var(--gray-900)!important;transition:background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:inset 0 1px 2px #0000000d!important;font-family:Lexend,-apple-system,BlinkMacSystemFont,sans-serif!important}.component-field input[type=text]:focus,.component-field input[type=number]:focus,.component-field input[type=email]:focus,.component-field input[type=url]:focus,.component-field textarea:focus{outline:none!important;background:var(--white)!important;box-shadow:inset 0 1px 2px #0000000d!important}.component-field input[type=text]::placeholder,.component-field input[type=number]::placeholder,.component-field input[type=email]::placeholder,.component-field input[type=url]::placeholder,.component-field textarea::placeholder{color:var(--gray-400)!important}.component-field select{width:100%!important;padding:8px 32px 8px 10px!important;border:none!important;border-radius:999px!important;font-size:12px!important;background-color:var(--gray-50)!important;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;color:var(--gray-900)!important;cursor:pointer!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:inset 0 1px 2px #0000000d!important;font-family:Lexend,-apple-system,BlinkMacSystemFont,sans-serif!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.component-field select:hover{background-color:var(--gray-100)!important}.component-field select:focus{outline:none!important;background-color:var(--white)!important;box-shadow:inset 0 1px 2px #0000000d!important}.component-field input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;border:2px solid var(--gray-300)!important;border-radius:6px!important;background:#fff!important;cursor:pointer!important;transition:all .15s ease!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;position:relative!important;margin:0!important;vertical-align:middle!important;flex-shrink:0!important}.component-field input[type=checkbox]:hover{border-color:var(--gray-400)!important;background:var(--gray-50)!important}.component-field input[type=checkbox]:checked{background:var(--gray-900)!important;border-color:var(--gray-900)!important}.component-field input[type=checkbox]:checked:after{content:""!important;position:absolute!important;left:6px!important;top:3.5px!important;width:5px!important;height:8px!important;border:solid white!important;border-width:0 2.5px 2.5px 0!important;border-radius:1px!important;transform:rotate(45deg)!important}.component-field textarea{min-height:60px!important;resize:vertical!important;border-radius:12px!important}.duration-input{display:flex!important;gap:8px!important}.duration-input input{flex:1!important}.duration-input select{flex:2!important}.custom-dropdown{position:relative!important;width:100%!important}.custom-dropdown-button{width:100%!important;padding:8px 32px 8px 10px!important;border:none!important;border-radius:999px!important;font-size:12px!important;background:var(--gray-50)!important;color:var(--gray-900)!important;cursor:pointer!important;transition:background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:inset 0 1px 2px #0000000d!important;font-family:Lexend,-apple-system,BlinkMacSystemFont,sans-serif!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.custom-dropdown-button:hover{background:var(--gray-100)!important}.custom-dropdown.open .custom-dropdown-button{background:var(--white)!important;box-shadow:inset 0 1px 2px #0000000d!important}.custom-dropdown-arrow{display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;color:var(--gray-500)!important;transition:transform .2s cubic-bezier(.4,0,.2,1)!important}.custom-dropdown-arrow svg{width:12px!important;height:8px!important}.custom-dropdown.open .custom-dropdown-arrow{transform:rotate(180deg)!important}.custom-dropdown-options{position:fixed!important;background:var(--white)!important;border-radius:24px!important;box-shadow:0 4px 12px #00000026!important;max-height:200px!important;overflow-y:auto!important;z-index:10010!important;opacity:0!important;visibility:hidden!important;transform:translateY(-8px)!important;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s!important;padding:8px!important}.custom-dropdown.open .custom-dropdown-options,.custom-dropdown-options.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.custom-dropdown-option{padding:10px 14px!important;font-size:12px!important;color:var(--gray-900)!important;cursor:pointer!important;border-radius:999px!important;transition:background .15s cubic-bezier(.4,0,.2,1)!important;font-family:Lexend,-apple-system,BlinkMacSystemFont,sans-serif!important}.custom-dropdown-option:hover{background:var(--gray-50)!important}.custom-dropdown-option.selected{background:var(--gray-900)!important;color:var(--white)!important}.custom-dropdown-option.selected:hover{background:var(--gray-800)!important}.custom-dropdown-options::-webkit-scrollbar{width:6px!important}.custom-dropdown-options::-webkit-scrollbar-track{background:transparent!important;margin:12px 0!important}.custom-dropdown-options::-webkit-scrollbar-thumb{background:var(--gray-300)!important;border-radius:3px!important}.custom-dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--gray-400)!important}.canvas-component-connectors{position:relative;height:0}.connector{position:absolute;width:12px;height:12px;background:#3b82f6;border:2px solid white;border-radius:50%;cursor:pointer;transition:all .2s ease}.connector:hover{background:#2563eb;transform:scale(1.2)}@media (max-width: 1024px){.workflow-board-container{width:98vw;height:95vh}.workflow-palette{width:240px}.workflow-component-item{padding:10px}.component-name{font-size:14px}.component-desc{font-size:11px}}@media (max-width: 768px){.workflow-board-header{flex-direction:column;gap:12px;padding:16px}.workflow-name-input{width:100%}.workflow-board-controls{width:100%;justify-content:space-between}.workflow-palette{width:200px}.canvas-component{min-width:160px;max-width:240px}}.workflow-notification{position:fixed;top:20px;right:20px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;border-left:4px solid #3b82f6;z-index:10001;opacity:0;transform:translate(100%);transition:all .3s ease;max-width:400px}.workflow-notification.success{border-left-color:#10b981}.workflow-notification.error{border-left-color:#ef4444}.workflow-notification .notification-content{display:flex;align-items:center;gap:12px}.workflow-notification .notification-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.workflow-notification.success .notification-icon{background:#10b981}.workflow-notification.error .notification-icon{background:#ef4444}.workflow-notification.info .notification-icon{background:#3b82f6}.workflow-notification .notification-text{font-size:14px;font-weight:500;color:#1f2937;line-height:1.4}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.automation-content{background:#fff;border-radius:8px;min-height:400px}.workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px}.workflow-tabs{display:flex;gap:8px}.workflow-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.workflow-tab svg{width:16px;height:16px}.workflow-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.workflow-tab:hover:not(.active){background:#f3f4f6;border-color:#d1d5db}.workflow-new-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fabd24;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.workflow-new-btn:hover{background:#e8a808;transform:translateY(-1px)}.workflow-new-btn svg{width:16px;height:16px}.workflow-tab-content{display:none;animation:fadeIn .3s ease}.workflow-tab-content.active{display:block}.active-workflows-list{display:flex;flex-direction:column;gap:16px}.workflows-empty-state{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.empty-state-icon{font-size:48px;margin-bottom:16px}.workflows-empty-state h4{color:#374151;margin-bottom:8px;font-size:18px}.workflows-empty-state p{color:#6b7280;font-size:14px;max-width:400px;margin:0 auto}.active-workflow-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease;cursor:pointer}.active-workflow-item:hover{border-color:#f59e0b;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.workflow-status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.workflow-status-indicator.active{background:#fabd24;box-shadow:0 0 0 2px #b9831033;animation:pulse 2s infinite}.workflow-status-indicator.paused{background:#cacaca}.workflow-status-indicator.stopped{background:#ef4444}.workflow-info{flex:1}.workflow-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.workflow-description{font-size:14px;color:#6b7280;margin:0 0 8px}.workflow-meta{display:flex;align-items:center;gap:16px;font-size:12px}.workflow-status-text{color:#10b981;font-weight:500;text-transform:capitalize}.workflow-last-run{color:#9ca3af}.workflow-actions{display:flex;gap:8px}.workflow-action-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.workflow-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:8px 0}.workflow-template-card{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.workflow-template-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.template-name{font-size:16px;font-weight:600;color:#111827;margin:0}.template-category{background:#eff6ff;color:#3b82f6;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.template-description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.4}.template-meta{display:flex;justify-content:space-between;align-items:center}.template-steps{font-size:12px;color:#9ca3af}.template-use-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#fabd24;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.template-use-btn:hover{background:#eaab0d}.template-use-btn svg{width:12px;height:12px}.workflow-board-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10005;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.workflow-board-overlay.active{opacity:1;visibility:visible}.workflow-board-container{width:95vw;height:90vh;max-width:1400px;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.workflow-board-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f9fafb}.workflow-name-input{font-size:18px;font-weight:600;color:#111827;border:none;background:transparent;padding:8px 12px;border-radius:6px;min-width:300px}.workflow-name-input:focus{outline:none;background:#fff;box-shadow:0 0 0 2px #3b82f6}.workflow-board-controls{display:flex;gap:8px;align-items:center}.workflow-control-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.workflow-control-btn svg{width:16px;height:16px}.workflow-control-btn.secondary:hover{background:#f3f4f6;border-color:#9ca3af}.workflow-control-btn.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.workflow-control-btn.primary:hover{background:#2563eb}.workflow-control-btn.close{width:32px;height:32px;padding:0;background:#ef4444;color:#fff;border-color:#ef4444;font-size:18px;font-weight:700}.workflow-control-btn.close:hover{background:#dc2626}.workflow-board-main{display:flex;flex:1;overflow:hidden}.workflow-palette{width:280px;background:#f9fafb;border-right:1px solid #e5e7eb;padding:20px;overflow-y:auto}.workflow-palette h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.workflow-components{display:flex;flex-direction:column;gap:8px;min-width:36px}.workflow-component-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:grab;transition:all .2s ease}.workflow-component-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000000d}.component-icon{font-size:20px;flex-shrink:0}.component-name{font-size:14px;font-weight:500;color:#111827;margin:0 0 2px}.component-desc{font-size:12px;color:#6b7280;margin:0}.workflow-canvas{flex:1;background:#fff;position:relative;overflow:auto}.canvas-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#d1d5db 1px,transparent 1px);background-size:20px 20px;opacity:.5}.canvas-help{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#9ca3af}.canvas-help h3{font-size:24px;margin:0 0 8px;color:#6b7280}.canvas-help p{font-size:16px;margin:4px 0}.canvas-component-body{padding:12px 14px!important;background:var(--white)!important;box-shadow:inset 0 1px 2px #0000000a!important}.component-field label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}.component-field select,.component-field input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff}.duration-input input{width:60px}.canvas-component-connectors{position:relative}.connector{position:absolute;width:12px;height:12px;background:#3b82f6;border:2px solid #ffffff;border-radius:50%;cursor:pointer}.connector.input{top:-6px;left:50%;transform:translate(-50%)}.connector:hover{background:#1d4ed8;transform:translate(-50%) scale(1.2)}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.workflow-notification{position:fixed;top:20px;right:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 10px 25px #0000001a;z-index:10005;opacity:0;transform:translate(100%);transition:all .3s ease;max-width:400px}.workflow-notification.show{opacity:1;transform:translate(0)}.workflow-notification.success{border-left:4px solid #10b981}.workflow-notification.error{border-left:4px solid #ef4444}.notification-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700}.notification-text{flex:1;font-size:14px;color:#111827}@media (max-width: 768px){.workflow-board-container{width:100vw;height:100vh;border-radius:0}.workflow-board-main{flex-direction:column}.workflow-palette{width:100%;max-height:200px;border-right:none;border-bottom:1px solid #e5e7eb}.workflow-components{flex-direction:row;overflow-x:auto;padding-bottom:8px}.workflow-component-item{min-width:180px;flex-shrink:0}.workflow-templates-grid{grid-template-columns:1fr}.workflow-header{flex-direction:column;gap:16px;align-items:stretch}.workflow-tabs{justify-content:center}}.workflow-action-btn.pause.resume-state{background:#10b981;color:#fff;border-color:#10b981}.workflow-action-btn.pause.resume-state:hover{background:#059669;border-color:#059669;transform:translateY(-1px)}.workflow-status-indicator.status-changing{animation:statusChange .6s ease}.workflow-status-text.paused{color:#d97706;font-weight:600}.workflow-status-text.active{color:#059669;font-weight:600}@keyframes statusChange{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.active-workflow-item{transition:all .3s ease}.active-workflow-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.workflow-action-btn{transition:all .2s ease;position:relative;overflow:hidden}.workflow-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.workflow-action-btn:disabled:hover{transform:none;background:inherit;border-color:inherit}.workflow-action-btn.pause.resume-state .resume-icon{filter:drop-shadow(0 0 2px rgba(16,185,129,.3))}.workflow-action-btn.resume-state:hover{background:#059669!important;border-color:#059669!important;transform:translateY(-1px)}.workflow-action-btn.pause:hover{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important}.workflow-action-btn.activate:hover{background:#059669;color:#fff;border-color:#059669;transform:translateY(-1px)}.workflow-status-text.paused{color:#d97706!important;font-weight:600}.workflow-status-text.active{color:#059669!important;font-weight:600}.btn-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.workflow-canvas{position:relative;width:100%;height:100%;background:#f8fafc;border-radius:8px;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none}.canvas-background-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden!important}.canvas-grid{position:absolute;top:0;left:0;width:200%;height:200%;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px;background-position:-10px -10px}.canvas-content-layer{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0}.canvas-ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden!important}.canvas-ui-layer .canvas-zoom-controls,.canvas-ui-layer .canvas-info{pointer-events:auto}.canvas-zoom-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.zoom-btn{width:40px;height:40px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.zoom-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.zoom-btn svg{width:20px;height:20px;color:#475569}.zoom-btn.fit-view{background:#3b82f6;border-color:#3b82f6}.zoom-btn.fit-view:hover{background:#2563eb;border-color:#2563eb}.zoom-btn.fit-view svg{color:#fff}.canvas-info{position:absolute;bottom:20px;left:20px;display:flex;gap:12px;pointer-events:auto}.zoom-level,.canvas-position{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;color:#64748b;box-shadow:0 2px 4px #0000001a}.canvas-help{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#64748b;max-width:400px}.canvas-help p{margin:8px 0;font-size:16px;line-height:1.5}.canvas-controls-hint{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a}.control-hint{display:flex;align-items:center;justify-content:space-between;font-size:14px}.control-key{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:4px;font-weight:600;font-size:12px;border:1px solid #e2e8f0}.canvas-component-body{padding:12px 14px!important;background:var(--white)!important;box-shadow:inset 0 1px 2px #0000000a!important;overflow:visible!important}.component-field input,.component-field select{width:100%;padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff}.component-field input:focus,.component-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.duration-input input{flex:1}.duration-input select{flex:1.5}.connector{position:absolute;width:12px;height:12px;background:#3b82f6;border:2px solid white;border-radius:50%;cursor:pointer;pointer-events:auto;transition:all .2s ease;opacity:0}.canvas-component:hover .connector,.canvas-component.selected .connector{opacity:1}.connector.input{left:-6px;top:50%;transform:translateY(-50%);background:#10b981}.connector:hover{transform:translateY(-50%) scale(1.3);box-shadow:0 2px 8px #0003}.canvas-content-layer{transition:none}.canvas-content-layer.smooth-transition{transition:transform .3s ease}.workflow-canvas.panning{cursor:grabbing!important}.workflow-canvas.pan-ready{cursor:grab!important}@media (max-width: 768px){.canvas-zoom-controls{bottom:10px;right:10px;gap:6px}.zoom-btn{width:36px;height:36px}.zoom-btn svg{width:18px;height:18px}.canvas-info{bottom:10px;left:10px;gap:8px}.zoom-level,.canvas-position{padding:4px 8px;font-size:11px}.canvas-component{min-width:180px;min-height:100px}}.canvas-component-connectors{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.connector{position:absolute;width:16px;height:16px;pointer-events:auto;transition:all .2s ease;cursor:pointer;z-index:10}.connector-dot{width:100%;height:100%;border-radius:50%;border:2px solid white;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.connector.input{left:-8px;top:50%;transform:translateY(-50%)}.connector.input .connector-dot{background:#10b981}.connector.output{right:-8px;top:50%;transform:translateY(-50%)}.connector.output .connector-dot{background:#3b82f6}.connector.output.true{right:-8px;top:30%;transform:translateY(-50%)}.connector.output.true .connector-dot{background:#10b981}.connector.output.false{right:-8px;top:70%;transform:translateY(-50%)}.connector.output.false .connector-dot{background:#ef4444}.connector.output.completed{right:-8px;top:30%;transform:translateY(-50%)}.connector.output.completed .connector-dot{background:#10b981}.connector.output.dismissed{right:-8px;top:70%;transform:translateY(-50%)}.connector.output.dismissed .connector-dot{background:#f97316}.connector-mini-label{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:#64748b;white-space:nowrap;pointer-events:none;opacity:.8}.connector.output.absence{top:43%;transform:translateY(-50%)}.connector.output.meeting_rejected{top:57%;transform:translateY(-50%)}.connector.output.absence .connector-dot{background-color:#f59e0b;border-color:#d97706}.connector.output.meeting_rejected .connector-dot{background-color:#8b5cf6;border-color:#7c3aed}.connector-label{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:#64748b;white-space:nowrap;pointer-events:none}.connector.true .connector-label{color:#10b981}.connector.false .connector-label{color:#ef4444}.connector:hover .connector-dot,.connector.hover .connector-dot{transform:scale(1.2);box-shadow:0 4px 8px #0003}.connector.connecting .connector-dot{animation:pulse 1s infinite;transform:scale(1.3)}.connector.drop-target .connector-dot{transform:scale(1.4);box-shadow:0 0 0 3px #3b82f64d}.connection-line{pointer-events:none}.connection-line path{pointer-events:stroke;stroke-width:8;stroke-linecap:round;cursor:pointer;transition:all .2s ease}.connection-line path:hover{stroke-width:4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.temp-connection-line{pointer-events:none}.temp-connection-line path{stroke:#3b82f6;stroke-width:2;stroke-dasharray:5,5;animation:dash 1s linear infinite}.canvas-component,.canvas-content-layer .canvas-component,#canvas-content-layer .canvas-component{background:#fff;border:2px solid #e2e8f0;border-radius:24px;min-width:220px!important;max-width:320px!important;width:max-content!important;box-sizing:border-box!important;min-height:120px;cursor:move;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;position:relative;overflow:visible!important}.canvas-component:hover,.canvas-component.hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633;transform:translateY(-2px)}.canvas-component.dragging{z-index:1000;transform:rotate(2deg) scale(1.05);box-shadow:0 8px 24px #0003}.canvas-component .connector{opacity:0;transition:opacity .2s ease}.canvas-component:hover .connector,.canvas-component.selected .connector,.canvas-component.dragging .connector{opacity:1}.component-icon{width:20px;height:20px;margin-right:8px;color:#64748b}.component-icon svg{width:100%;height:100%}.component-title{flex:1;font-weight:600;color:#334155;font-size:14px}.component-controls{display:flex;gap:4px}.workflow-remove-btn{width:20px;height:20px;border:none;background:transparent;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.component-move-btn,.component-delete-btn{width:32px;height:32px;border:none;background:transparent;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.component-move-btn:hover{background:#e2e8f0;color:#3b82f6}.workflow-remove-btn:hover{background:var(--gray-100)}.workflow-remove-btn svg{width:12px;height:12px}.canvas-component-body{padding:12px 14px!important;background:var(--white)!important;box-shadow:inset 0 1px 2px #0000000a!important;cursor:default!important;overflow:visible!important;border-radius:0 0 24px 24px!important}.component-field label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:4px}.component-field input,.component-field select,.component-field textarea{width:100%;padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;transition:border-color .2s ease}.component-field input:focus,.component-field select:focus,.component-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.duration-input{display:flex;gap:8px}.duration-input input{flex:1;min-width:60px}.duration-input select{flex:1.5;min-width:80px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dash{to{stroke-dashoffset:-10}}.canvas-component[data-component-type=trigger] .component-icon{color:#f59e0b}.canvas-component[data-component-type=condition] .component-icon{color:#8b5cf6}.canvas-component[data-component-type=end] .component-icon{color:#ef4444}.canvas-component[data-component-type=send-message] .component-icon,.canvas-component[data-component-type=send-email] .component-icon{color:#3b82f6}.canvas-component[data-component-type=wait] .component-icon{color:#64748b}.workflow-component-item{display:flex;align-items:center;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;cursor:grab;transition:all .2s ease}.workflow-component-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translate(4px)}.workflow-component-item:active{cursor:grabbing}.workflow-component-item .component-icon{width:24px;height:24px;margin-right:12px;color:#64748b}.workflow-component-item .component-icon svg{width:100%;height:100%}.component-info{flex:1}.component-name{font-weight:600;color:#334155;font-size:14px;margin-bottom:2px}.component-desc{font-size:12px;color:#64748b}.canvas-help h3{font-size:24px;font-weight:600;margin:0 0 16px;color:#334155}.lead-sidebar{scrollbar-width:thin;scrollbar-color:#c1c7d0 #f0f2f5}.lead-sidebar::-webkit-scrollbar{width:8px}.lead-sidebar::-webkit-scrollbar-track{background:#f0f2f5}.lead-sidebar::-webkit-scrollbar-thumb{background-color:#c1c7d0;border-radius:10px;border:2px solid #f0f2f5}.lead-sidebar::-webkit-scrollbar-thumb:hover{background-color:#a0a6ad}.scheduler-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity .3s ease}.scheduler-modal-overlay.active{opacity:1}.scheduler-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;width:90%;max-width:700px;display:flex;overflow:hidden;transform:scale(.95);transition:transform .3s ease}.scheduler-modal-overlay.active .scheduler-modal{transform:scale(1)}.scheduler-calendar-pane{width:55%;padding:24px;border-right:1px solid #e5e7eb}.scheduler-time-pane{width:45%;padding:24px;display:flex;flex-direction:column}.scheduler-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.scheduler-month-year{font-size:1.1rem;font-weight:600;color:#1f2937}.scheduler-nav-btn{background:none;border:1px solid #d1d5db;border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:background-color .2s,color .2s}.scheduler-nav-btn:hover{background-color:#f3f4f6;color:#1f2937}.scheduler-nav-btn svg{width:18px;height:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-header-cell{text-align:center;font-size:.8rem;font-weight:500;color:#6b7280;padding-bottom:8px}.calendar-day-cell{display:flex;align-items:center;justify-content:center;height:36px;border-radius:50%;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;border:2px solid transparent;font-size:.9rem}.calendar-day-cell.other-month{color:#d1d5db;cursor:default}.calendar-day-cell:not(.other-month):not(.selected):hover{background-color:#f3f4f6}.calendar-day-cell.today{border-color:#3b82f6;color:#3b82f6}.calendar-day-cell.selected{background-color:#3b82f6;color:#fff;font-weight:600}.scheduler-time-pane h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 12px}.time-slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-y:auto;max-height:280px;padding-right:8px}.time-slot{padding:10px;border:1px solid #d1d5db;border-radius:6px;text-align:center;cursor:pointer;transition:all .2s ease}.time-slot:hover{border-color:#3b82f6;background-color:#eff6ff}.time-slot.selected{background-color:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600}.scheduler-footer{margin-top:auto;padding-top:20px;display:flex;justify-content:flex-end;gap:12px}.add-note-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10002;opacity:0;transition:opacity .3s ease}.add-note-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;width:90%;max-width:500px;overflow:hidden;transform:scale(.95);transition:all .3s ease;display:flex;flex-direction:column}.add-note-modal-overlay.closing .add-note-modal{transform:scale(.95)}.add-note-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.add-note-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.add-note-content{padding:24px}.add-note-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background-color:#f8f9fa;border-top:1px solid var(--border-color)}.task-completion-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;align-items:center;justify-content:center;z-index:10003;opacity:0;transition:opacity .2s ease,background-color .2s ease,backdrop-filter .2s ease}.task-completion-modal-overlay.active{opacity:1;background-color:#ffffffb3;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.task-completion-modal{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000001a;width:90%;max-width:380px;overflow:hidden;transform:scale(.9);transition:transform .2s ease;display:flex;flex-direction:column;position:relative}.task-completion-modal-overlay.active .task-completion-modal{transform:scale(1)}.task-completion-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.task-completion-modal .modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#1f2937}.task-completion-modal .modal-body{padding:24px;display:flex;flex-direction:column;gap:4px;position:relative;min-height:120px}.task-completion-modal .form-group-checkbox{display:flex;align-items:center;gap:12px;padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.task-completion-modal .form-group-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.task-completion-modal .form-group-checkbox label{font-size:1rem;color:#374151;cursor:pointer}.task-completion-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background-color:#f8f9fa;border-top:1px solid #e5e7eb}.btn-toggle-group{display:flex;gap:8px;flex-wrap:wrap}.toggle-btn{padding:6px 10px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;color:#374151}.toggle-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.toggle-btn.danger{border-color:#f59e0b;color:#b45309}.toggle-btn.danger.active{background:#f59e0b;color:#111827}.note-item.new-note{animation:slideInUp .5s ease-out;opacity:0;animation-fill-mode:forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.canvas-component .connector.output{transition:all .3s ease}.canvas-component[data-component-type=conversation]{min-height:140px}.canvas-component[data-component-type=conversation] .connector.output.goal-reached{right:-8px;top:35%;transform:translateY(-50%)}.canvas-component[data-component-type=conversation] .connector.output.goal-reached .connector-dot{background-color:#10b981;border-color:#fff}.canvas-component[data-component-type=conversation] .connector.output.no-response{right:-8px;top:50%;transform:translateY(-50%)}.canvas-component[data-component-type=conversation] .connector.output.no-response .connector-dot{background-color:#ef4444;border-color:#fff}.canvas-component[data-component-type=conversation] .connector.output.meeting-scheduled{right:-8px;top:63%;transform:translateY(-50%)}.canvas-component[data-component-type=conversation] .connector.output.meeting-scheduled .connector-dot{background-color:#3b82f6;border-color:#fff}.canvas-component[data-component-type=conversation] .connector.output.not-interested{right:-8px;top:75%;transform:translateY(-50%)}.canvas-component[data-component-type=conversation] .connector.output.not-interested .connector-dot{background-color:#f59e0b;border-color:#fff}.canvas-component[data-component-type=conversation] .connector.output.goal-reached .connector-label:after{content:"Goal Reached";color:#10b981}.canvas-component[data-component-type=conversation] .connector.output.no-response .connector-label:after{content:"No Response";color:#ef4444}.canvas-component[data-component-type=conversation] .connector.output.meeting-scheduled .connector-label:after{content:"Meeting Scheduled";color:#3b82f6}.canvas-component[data-component-type=conversation] .connector.output.not-interested .connector-label:after{content:"Not Interested";color:#f59e0b}.connector:hover .connector-label{opacity:1}.canvas-component[data-component-type=conversation] .connector.output[data-output-type=goal-reached]:before{content:attr(data-label);position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:9px;background-color:#10b9811a;color:#10b981;padding:2px 6px;border-radius:3px;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;font-weight:600}.canvas-component[data-component-type=conversation] .connector.output[data-output-type=no-response]:before{content:attr(data-label);position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:9px;background-color:#ef44441a;color:#ef4444;padding:2px 6px;border-radius:3px;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;font-weight:600}.canvas-component[data-component-type=conversation] .connector.output[data-output-type=meeting-scheduled]:before{content:attr(data-label);position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:9px;background-color:#3b82f61a;color:#3b82f6;padding:2px 6px;border-radius:3px;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;font-weight:600}.canvas-component[data-component-type=conversation] .connector.output[data-output-type=not-interested]:before{content:attr(data-label);position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:9px;background-color:#f59e0b1a;color:#f59e0b;padding:2px 6px;border-radius:3px;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;font-weight:600}.canvas-component[data-component-type=conversation]:hover .connector.output:before{opacity:1}.canvas-component[data-component-type=conversation] .connector{z-index:15}.canvas-component[data-component-type=conversation] .connector:hover{z-index:20}.conditional-activators{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:12px;background:#f8fafccc;border:1px solid #e2e8f0;border-radius:6px}.condition-checkbox{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:13px;line-height:1.4}.condition-checkbox:hover{background:#f8fafc;border-color:#cbd5e1}.condition-checkbox input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer;accent-color:#3b82f6}.condition-checkbox span{flex-shrink:0;color:#374151;font-weight:500}.inline-duration-input{display:flex;align-items:center;gap:6px;margin-left:4px;transition:all .3s ease}.inline-duration-input input[type=number]{width:50px;padding:2px 6px;border:1px solid #d1d5db;border-radius:3px;font-size:12px;text-align:center}.inline-duration-input select{padding:2px 4px;border:1px solid #d1d5db;border-radius:3px;font-size:12px;background:#fff}.condition-checkbox:has(input:checked){background:#eff6ff;border-color:#3b82f6}.condition-checkbox:has(input:checked) span{color:#1e40af}.component-field{margin-bottom:12px}.component-field:last-child{margin-bottom:0}.component-field label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.component-field select{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;color:#374151}.component-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.agent-info-field{width:100%;min-height:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-family:inherit;resize:vertical;color:#374151}.agent-info-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.agent-info-field::placeholder{color:#9ca3af}.whatsapp-warning{display:flex;align-items:flex-start;gap:8px;padding:10px;background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;margin-top:8px;font-size:11px;line-height:1.4}.warning-icon{font-size:14px;flex-shrink:0}.warning-text{color:#92400e}.warning-text strong{color:#78350f}.duration-input{display:flex;gap:6px;align-items:center}.duration-input input[type=number]{width:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;text-align:center}.duration-input select{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;color:#374151}.workflow-palette.collapsed{width:60px;min-width:60px}.workflow-palette h4{padding:20px;margin:0;font-size:16px;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb;white-space:nowrap;transition:opacity .3s ease}.workflow-palette.collapsed .workflow-components{padding:0}.workflow-component-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:grab;transition:all .2s ease;background:#fff;min-height:48px}.workflow-component-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.workflow-component-item:active{cursor:grabbing;transform:scale(.98)}.workflow-component-item .component-icon{width:24px;height:24px;color:#6b7280;flex-shrink:0}.workflow-component-item .component-info{flex:1;min-width:0;transition:opacity .3s ease}.workflow-palette.collapsed .component-info{opacity:0;pointer-events:none}.workflow-component-item .component-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-component-item .component-desc{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-group{margin-bottom:14px}.palette-group-heading{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.65;margin:8px 4px 4px;font-weight:600;color:#4b5563}.workflow-component-item .component-icon,.workflow-component-item .component-icon-only{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:#f1f5f9;border-radius:6px}.workflow-component-item:hover .component-icon,.workflow-component-item:hover .component-icon-only{background:#e2e8f0}.workflow-component-item .component-icon-only{display:none;width:22px;height:22px;color:#6b7280;flex-shrink:0}.workflow-palette.collapsed .component-icon-only{display:block}.workflow-canvas{flex:1;transition:margin-left .3s ease}.workflow-canvas.palette-collapsed{margin-left:0}.workflow-palette .palette-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.workflow-palette.collapsed .palette-header{justify-content:center}.workflow-palette.collapsed .palette-header h4{display:none}.palette-toggle-btn{width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.palette-toggle-btn:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 8px #00000026}.palette-toggle-btn svg{width:20px;height:20px;color:#6b7280}.workflow-palette.collapsed .palette-toggle-btn svg{transform:rotate(180deg)}.component-context-menu{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:10009;min-width:180px;opacity:0;transition:opacity .2s ease;overflow:hidden}.context-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .15s ease;font-size:14px;color:#374151;border:none;background:none;width:100%;text-align:left}.context-menu-item:hover{background:#f8fafc;color:#1f2937}.context-menu-item.danger{color:#dc2626}.context-menu-item.danger:hover{background:#fef2f2;color:#dc2626}.context-menu-item.info-item{position:relative;color:#3b82f6}.context-menu-item.info-item:hover{background:#eff6ff;color:#1d4ed8}.context-menu-item svg{width:16px;height:16px;flex-shrink:0}.context-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.info-badge{margin-left:auto;width:18px;height:18px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.component-info-modal{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:10001;max-width:320px;opacity:0;transition:opacity .2s ease}.info-modal-header{padding:16px 16px 12px;border-bottom:1px solid #f3f4f6}.info-modal-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.info-modal-content{padding:16px}.info-description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.info-section{margin-bottom:16px}.info-section:last-child{margin-bottom:0}.info-section h5{font-size:13px;font-weight:600;color:#374151;margin:0 0 8px;display:flex;align-items:center;gap:6px}.info-list{list-style:none;padding:0;margin:0}.info-list li{font-size:13px;line-height:1.4;color:#4b5563;position:relative;padding:4px 0 4px 12px}.info-list li:before{content:"•";position:absolute;left:0;color:#9ca3af}.info-list.tips li:before{color:#10b981}.info-list.warnings li:before{color:#f59e0b}.canvas-component:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;z-index:9999!important}.canvas-component.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.canvas-component.dragging{transform:rotate(2deg);z-index:10000!important;box-shadow:0 8px 25px #0003}.workflow-palette h4{display:flex;align-items:center;justify-content:space-between;padding:0 20px 20px;margin:0;font-size:16px;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb;white-space:nowrap;transition:opacity .3s ease}.workflow-palette.collapsed h4{opacity:0;pointer-events:none}.palette-toggle-btn-inline{width:28px;height:28px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;margin-left:8px;flex-shrink:0}.palette-toggle-btn-inline:hover{background:#e2e8f0;border-color:#cbd5e1;transform:scale(1.05)}.palette-toggle-btn-inline:active{transform:scale(.95)}.palette-toggle-btn-inline svg{width:14px;height:14px;color:#64748b;transition:color .2s ease}.palette-toggle-btn-inline:hover svg{color:#475569}.workflow-palette.collapsed .palette-toggle-btn-inline{opacity:0;pointer-events:none}.component-context-menu{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:10009;min-width:180px;opacity:0;transition:opacity .2s ease;overflow:hidden;pointer-events:auto}.component-info-modal{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:10010;max-width:320px;opacity:0;transition:opacity .2s ease;pointer-events:auto}.component-context-menu.active,.component-info-modal.active{opacity:1}.workflow-palette.collapsed{width:60px;overflow-y:auto;overflow-x:hidden;padding:12px}.workflow-palette.collapsed{scrollbar-width:none;scrollbar-color:#cbd5e1 transparent}.workflow-palette.collapsed h4,.workflow-palette.collapsed .component-info{display:none}.workflow-palette.collapsed .workflow-component-item{justify-content:center;align-items:center;padding:6px;min-height:0}.workflow-palette.collapsed .component-icon{display:none}.workflow-palette.collapsed .component-icon-only{display:flex;margin:0}.palette-expand-btn{width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;margin-bottom:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .2s ease;opacity:1}.palette-expand-btn.hidden{display:none;pointer-events:none;transform:scale(.8)}.palette-expand-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:scale(1.05)}.palette-expand-btn svg{width:16px;height:16px;color:#475569}.relationships-container{padding:20px;max-width:100%;margin:0 auto}Z .relationships-title-section{flex:1}.zoom-controls{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.zoom-btn{width:28px;height:28px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.zoom-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.zoom-btn svg{width:16px;height:16px;color:#64748b}.zoom-level{font-size:12px;font-weight:600;color:#475569;min-width:36px;text-align:center}.add-lead-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-lead-button svg{width:16px;height:16px}.relationships-grid-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;transform-origin:top left;transition:transform .3s ease}.relationships-grid-wrapper{overflow-x:auto;overflow-y:auto;width:100%;position:relative}.relationships-grid-wrapper::-webkit-scrollbar{height:5px;width:5px}.relationships-grid-wrapper::-webkit-scrollbar-track{background:#f8fafc}.relationships-grid-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.relationships-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.relationships-grid-header{display:flex;background:#f8fafc;border-bottom:1px solid #e5e7eb}.relationships-grid-body{display:flex;flex-direction:column;min-width:1200px}.grid-cell{padding:10px 8px;font-size:13px;color:#374151;border-right:1px solid #f3f4f6;display:flex;align-items:center;flex-shrink:0;position:relative;overflow:hidden}.grid-row:hover{background:#f8fafc;border-left:3px solid #3b82f6}.lead-email{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-red-dark{background:#780c0c;color:#fff}.relationships-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280}@media (max-width: 768px){.relationships-container{padding:16px}.zoom-controls{order:-1}.grid-controls{flex-direction:column;gap:8px;width:100%}.add-lead-button{width:100%;justify-content:center}}.relationships-container{padding:0;max-width:100%;margin:0 auto}.relationships-header{display:flex;flex-direction:row;align-items:center;gap:18px}.relationships-title-section{flex:1;display:flex;flex-direction:row;align-items:center;gap:18px}.relationships-title{font-size:16px;font-weight:700;color:#1f2937;margin:0}.relationships-subtitle{font-size:12px;color:#6b7280;margin:0}.relationships-toolbar{display:flex;gap:16px;align-items:center}.filters,.grid-controls{display:flex;gap:12px;align-items:center}.search-bar{position:relative;display:flex;align-items:center}.search-bar .search-icon{position:absolute;left:10px;width:14px;height:14px;color:#9ca3af;z-index:2}.search-bar input{padding:8px 12px 8px 32px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;width:240px;background:#fff;transition:border-color .2s ease}.search-bar input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;color:#374151;cursor:pointer}.filter-button{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:#f8fafc;border-color:#cbd5e1}.add-lead-button{display:flex;align-items:center;gap:6px;padding:6px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-lead-button:hover{background:#2563eb;transform:translateY(-1px)}.add-lead-button svg{width:22px;height:22px}.relationships-grid-container-wrapper{padding:4px;display:flex;flex:1;height:80%}.relationships-grid-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;position:relative;height:100%}.grid-zoom-btn{width:28px;height:28px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.grid-zoom-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.grid-zoom-btn svg{width:14px;height:14px;color:#64748b}.relationships-grid-wrapper{overflow-x:auto;overflow-y:visible;width:100%;height:100%;position:relative;transition:transform .3s ease;transform-origin:top left}.relationships-grid-header{display:flex;background:#f8fafc;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5;min-width:1250px}.relationships-grid-body{display:flex;flex-direction:column;min-width:1250px;min-height:614px}.grid-cell{padding:10px 8px;font-size:13px;color:#374151;border-right:1px solid #f3f4f6;display:flex;align-items:center;flex-shrink:0;position:relative;overflow:hidden;background:inherit}.grid-cell:last-child{border-right:none}.relationships-grid-header .grid-cell{font-weight:600;color:#6b7280;text-transform:uppercase;font-size:11px;letter-spacing:.5px;background:#f8fafc}.grid-cell:nth-child(1){width:220px;min-width:220px}.grid-cell:nth-child(2){width:200px;min-width:200px}.grid-cell:nth-child(3){width:140px;min-width:140px}.grid-cell:nth-child(4){width:140px;min-width:140px}.grid-cell:nth-child(5){width:140px;min-width:140px}.grid-cell:nth-child(6){width:160px;min-width:160px}.grid-cell:nth-child(7){width:160px;min-width:160px}.grid-row{display:flex;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .15s ease;background:#fff;min-height:48px}.grid-row:hover{background:#f8fafc;border-left:3px solid #e8a808}.grid-row:last-child{border-bottom:none}.lead-name-cell{gap:8px}.lead-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:11px;flex-shrink:0}.lead-info{flex:1;min-width:0}.lead-name{font-weight:600;color:#111827;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.lead-phone,.lead-email{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-pill{padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.stage-gray{background:#f3f4f6;color:#6b7280}.stage-sky{background:#e0f2fe;color:#0284c7}.stage-blue{background:#dbeafe;color:#1e40af}.stage-purple{background:#e9d5ff;color:#7c3aed}.stage-orange{background:#fed7aa;color:#ea580c}.stage-green{background:#dcfce7;color:#16a34a}.stage-green-dark{background:#166534;color:#fff}.stage-red{background:#fecaca;color:#dc2626}.stage-red-dark{background:#fca5a5;color:#450a0a}.stage-amber{background:#fffbeb;color:#ca8a04}.status-pill{padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-gray{background:#f3f4f6;color:#6b7280}.status-blue{background:#dbeafe;color:#1e40af}.status-purple{background:#e9d5ff;color:#7c3aed}.status-orange{background:#fed7aa;color:#ea580c}.status-green{background:#dcfce7;color:#16a34a}.status-green-dark{background:#166534;color:#fff}.status-red{background:#fecaca;color:#dc2626}.priority-pill{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize;white-space:nowrap}.priority-low{background-color:#e5e7eb;color:#4b5563}.priority-medium,.priority-normal{background-color:#fef9c3;color:#854d0e}.priority-high{background-color:#fee2e2;color:#b91c1c}.priority-urgent{background-color:#e0b0ff;color:#581c87;font-weight:600}.owner-cell{gap:6px}.owner-avatar{width:20px;height:20px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;flex-shrink:0}.owner-cell span{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-pill,.industry-pill,.state-pill{background:#f1f5f9;color:#475569;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.budget-range,.company-size-text{color:#6b7280;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-cell{display:flex;gap:3px;flex-wrap:wrap;align-items:center;max-height:40px;overflow:hidden}.tag-pill{background:#eff6ff;color:#1e40af;padding:1px 4px;border-radius:4px;font-size:9px;font-weight:500;white-space:nowrap}.tags-more{color:#6b7280;font-size:10px;font-weight:500}.relationships-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280;width:1100px}.relationships-empty-state svg{width:48px;height:48px;margin-bottom:12px;color:#d1d5db}.relationships-empty-state h3{font-size:16px;font-weight:600;color:#374151;margin-bottom:6px}.relationships-empty-state p{font-size:14px;margin-bottom:16px}@media (max-width: 768px){.relationships-container{padding:16px}.grid-controls{flex-direction:column;gap:8px;width:100%}.add-lead-button{width:100%;justify-content:center}}.lead-detail-modal .loading-spinner{left:0;animation:spin2 1s linear infinite}.canvas-frame{position:absolute;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:box-shadow .2s ease,border-color .2s ease;background-color:var(--frame-bg-color, rgba(248, 250, 252, .8));border:2px solid var(--frame-border-color, #cbd5e1)}.canvas-frame:hover{box-shadow:0 4px 12px #0000001a}.canvas-frame-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-top-left-radius:10px;border-top-right-radius:10px;cursor:move;background-color:var(--frame-header-bg-color, rgba(241, 245, 249, .7));border-bottom:1px solid var(--frame-border-color, #e2e8f0)}.canvas-frame-title{font-weight:600;font-size:14px;padding:4px;border-radius:4px;color:var(--frame-text-color, #334155);outline:none;cursor:pointer}.canvas-frame-title:focus{background-color:#ffffff80;box-shadow:0 0 0 2px var(--frame-border-color)}.canvas-frame-controls{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease}.canvas-frame:hover .canvas-frame-controls{opacity:1}.frame-control-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.frame-control-btn svg{width:16px;height:16px}.frame-control-btn.settings{color:var(--frame-icon-color, #64748b)}.frame-control-btn.settings:hover{background-color:#0000001a}.frame-control-btn.delete{color:#ef4444}.frame-control-btn.delete:hover{background-color:#fee2e2}.workflow-component-item.tool.active{background-color:#eef2ff;border-color:#6366f1;color:#4338ca}.workflow-component-item.tool.active .component-icon svg{color:#3b82f6}.workflow-canvas.frame-creation-active{cursor:crosshair}.canvas-frame-temporary{position:absolute;border:2px dashed #4f46e5;background-color:#6366f11a;z-index:10000;pointer-events:none;border-radius:8px}.frame-context-menu{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:10009;min-width:180px;opacity:0;transition:opacity .2s ease;overflow:hidden;pointer-events:auto}.frame-context-menu.on-canvas{position:absolute}.frame-context-menu .context-menu-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.frame-context-menu .context-menu-item:hover{background-color:#f3f4f6}.frame-context-menu .context-menu-item.danger:hover{background-color:#fee2e2;color:#b91c1c}.frame-context-menu .context-menu-divider{height:1px;background-color:#e5e7eb;margin:6px 0}.frame-color-palette{display:flex;gap:8px;padding:4px}.frame-color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 0 0 1px #0003;transition:transform .1s ease}.frame-color-swatch:hover{transform:scale(1.15)}.strategy-container{height:100%;display:flex;flex-direction:column;padding-bottom:24px}.strategy-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#fff;margin:0;padding:0 20px}.strategy-tab{display:flex;align-items:center;gap:8px;padding:16px 20px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;position:relative}.strategy-tab:hover{color:#374151}.strategy-tab.active{color:#e8a808;border-bottom-color:#e8a808}.strategy-section{display:none;flex:1;overflow-y:auto}.workflow-sub-tabs{display:flex;gap:4px;margin-bottom:20px;background:#f8fafc;border-radius:8px;padding:4px}.workflow-sub-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;white-space:nowrap}.workflow-sub-tab svg{width:14px;height:14px}.workflow-sub-tab:hover{background:#f1f5f9;color:#374151}.workflow-sub-tab.active{background:#fff;color:#e8a808;box-shadow:0 1px 2px #0000000d}.workflow-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.workflow-search{position:relative;flex:1;max-width:320px}.workflow-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af}.workflow-search input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease}.workflow-search input:focus{outline:none;border-color:#e8a808;box-shadow:0 0 0 2px #e8a8081a}.new-workflow-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#e8a808;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.new-workflow-btn:hover{background:#d97706;transform:translateY(-1px)}.new-workflow-btn svg{width:16px;height:16px}.workflow-content-area{flex:1;overflow-y:auto;padding-top:1px}.workflow-sub-content{display:none}.workflow-sub-content.active{display:block}.workflow-stats{display:none}.workflow-item,.all-workflow{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:12px;transition:all .2s ease;cursor:pointer}.workflow-item:hover,.all-workflow:hover{border-color:#e8a808;box-shadow:0 4px 12px #e8a8081a;transform:translateY(-1px)}.workflow-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.workflow-name{font-size:16px;font-weight:600;color:#1f2937;margin:0}.workflow-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px}.workflow-status.active{background:#e8a8081a;color:#e8a808}.workflow-status.paused{background:#fef3c7;color:#92400e}.workflow-status.draft{background:#f3f4f6;color:#6b7280}.workflow-description{font-size:14px;color:#6b7280;margin-bottom:12px;line-height:1.5}.workflow-actions{display:flex;gap:8px;margin-top:16px}.workflow-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.workflow-action-btn svg{width:14px;height:14px}.script-category-tabs{display:flex;gap:4px;margin-bottom:20px;background:#f8fafc;border-radius:8px;padding:4px;min-height:48px;overflow-x:auto;flex-wrap:nowrap}.script-category-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content}.script-category-tab svg{width:16px;height:16px;flex-shrink:0}.script-category-tab:hover{background:#f1f5f9;color:#374151}.script-category-tab.active{background:#fff;color:#e8a808;box-shadow:0 1px 3px #0000001a}.current-copilot-section{background:linear-gradient(135deg,#e8a808,#d97706);border-radius:12px;padding:16px;color:#fff;position:relative;overflow:hidden;margin-bottom:20px}.current-copilot-section:before{content:"";position:absolute;top:-30px;right:-30px;width:60px;height:60px;background:#ffffff1a;border-radius:50%}.current-copilot-card{background:#ffffff26;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.current-copilot-card .copilot-name{font-size:16px;font-weight:600;margin-bottom:6px}.current-copilot-card .copilot-description{font-size:13px;opacity:.9;margin-bottom:12px;line-height:1.4}.current-copilot-card .copilot-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.current-copilot-card .stat{text-align:center}.current-copilot-card .stat-value{font-size:18px;font-weight:700;display:block;margin-bottom:2px}.current-copilot-card .stat-label{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.current-copilot-card .copilot-actions{display:flex;gap:8px;justify-content:center}.current-copilot-card .copilot-action-btn{padding:6px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.current-copilot-card .copilot-action-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.copilot-library-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.add-script-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fabd24;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #fabd244d}.add-script-btn:hover{background:#f59e0b;transform:translateY(-1px);box-shadow:0 2px 6px #fabd2466}.scripts-grid,.copilot-scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;min-height:200px}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:#6b7280;min-height:200px}.empty-state p{font-size:14px;margin:0 0 24px;line-height:1.5;max-width:300px}.empty-state-btn{background:#fabd24;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-state-btn:hover{background:#f59e0b;transform:translateY(-1px)}.script-category-content:not(#copilot-scripts-content) .copilot-section{display:none}.script-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}@media (max-width: 768px){.script-category-tabs{padding:2px;gap:2px}.script-category-tab{padding:8px 12px;font-size:13px}.script-category-tab svg{width:14px;height:14px}.current-copilot-section,.current-copilot-card{padding:12px}.current-copilot-card .copilot-stats{grid-template-columns:1fr;gap:8px}}.script-category-tabs::-webkit-scrollbar{height:4px}.script-category-tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.script-category-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.script-category-tabs::-webkit-scrollbar-thumb:hover{background:#94a3b8}.script-category-tabs{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.script-category-content{display:none;padding:24px}.script-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.script-category-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.workflow-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin-bottom:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.workflow-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.workflow-info{flex:1;min-width:0}.workflow-header{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}.workflow-name{font-size:16px;font-weight:600;color:#111827;margin:0;line-height:1.4}.workflow-description{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5}.workflow-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize;margin-top:12px}.workflow-status.active{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.workflow-status.paused{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.workflow-status.draft{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.workflow-stats{display:flex;gap:20px;font-size:13px;color:#6b7280;margin-top:8px}.workflow-stats .stat strong{color:#374151;font-weight:600}.workflow-actions{display:flex;gap:8px;flex-shrink:0;margin-left:24px}.workflow-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s ease;padding:0}.workflow-action-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.workflow-action-btn.pause:hover,.workflow-action-btn.resume:hover{background:#fef3c7;border-color:#f59e0b;color:#d97706}.workflow-action-btn.delete:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626}.workflow-template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;position:relative}.workflow-template-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.template-name{font-size:16px;font-weight:600;color:#111827;margin:0;line-height:1.4;flex:1}.template-status-badges{display:flex;gap:6px;flex-shrink:0}.status-badge{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.draft{background-color:#f3f4f6;color:#374151}.default-badge{background-color:#dbeafe;color:#1d4ed8;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.template-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0 0 16px}.template-meta{display:flex;gap:16px;font-size:12px;color:#9ca3af;margin-bottom:16px}.template-usage,.template-status{display:flex;align-items:center;gap:4px}.template-actions{position:absolute;bottom:16px;right:16px;display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.workflow-template-card:hover .template-actions{opacity:1}.template-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s ease;padding:0;box-shadow:0 1px 2px #0000000d}.template-action-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;box-shadow:0 2px 4px #0000001a}.template-action-btn.use:hover{background:#dcfce7;border-color:#22c55e;color:#16a34a}.template-action-btn.activate:hover{background:#dbeafe;border-color:#3b82f6;color:#2563eb}.template-action-btn svg{width:14px;height:14px}#workflow-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}@media (max-width: 768px){.workflow-item{flex-direction:column;align-items:stretch;gap:16px}.workflow-actions{margin-left:0;justify-content:flex-end}.workflow-header{flex-direction:column;gap:8px;align-items:flex-start}.workflow-stats{flex-wrap:wrap;gap:12px}#workflow-templates-grid{grid-template-columns:1fr}.template-actions{position:static;opacity:1;justify-content:flex-end;margin-top:12px}}.empty-state{text-align:center;padding:48px 24px;color:#6b7280}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h4{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;margin:0 0 24px;line-height:1.5}.empty-state-btn{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.empty-state-btn:hover{background:#2563eb}.current-copilot-section{background:#fffc;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:12px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.current-copilot-card{background:transparent;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.current-copilot-card .copilot-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.current-copilot-card .copilot-description{font-size:12px;color:#6b7280;margin-bottom:8px;line-height:1.3;opacity:.8}.current-copilot-card .copilot-stats{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;padding:6px 0;border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.04)}.current-copilot-card .stat{text-align:center;flex:1}.current-copilot-card .stat-value{font-size:14px;font-weight:600;color:#1f2937;display:block;margin-bottom:1px}.current-copilot-card .stat-label{font-size:9px;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.current-copilot-card .copilot-actions{display:flex;gap:4px;justify-content:flex-end}.current-copilot-card .copilot-action-btn{padding:4px 8px;background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:4px;color:#6b7280;font-size:10px;font-weight:500;cursor:pointer;transition:all .15s ease}.current-copilot-card .copilot-action-btn:hover{background:#0000000f;color:#374151;border-color:#0000001a;transform:none}.copilot-library-section{background:transparent;border-radius:0;padding:0;border:none;margin-top:16px}.script-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.04)}.script-category-header h3{font-size:14px;font-weight:600;color:#1f2937;margin:0}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;color:#9ca3af;min-height:120px}.empty-state-icon{font-size:32px;margin-bottom:8px;opacity:.4}.empty-state h4{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 4px}.empty-state p{font-size:12px;margin:0 0 12px;line-height:1.4;max-width:200px;opacity:.8}.empty-state-btn{background:#00000008;color:#6b7280;border:1px solid rgba(0,0,0,.06);border-radius:4px;padding:6px 12px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.empty-state-btn:hover{background:#0000000f;color:#374151;transform:none}@media (max-width: 768px){.current-copilot-section{padding:10px;margin-bottom:12px}.current-copilot-card .copilot-stats{gap:6px;padding:4px 0}.current-copilot-card .stat-value{font-size:13px}.current-copilot-card .stat-label{font-size:8px}}.current-copilot-card .copilot-action-btn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;overflow:hidden}.current-copilot-card .copilot-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.current-copilot-card .copilot-action-btn:hover:before{left:100%}.current-copilot-card .copilot-action-btn:hover{background:#ffffffe6;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#0003}.current-copilot-card .copilot-action-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.current-copilot-card .copilot-action-btn svg{width:18px;height:18px;transition:transform .2s ease}.current-copilot-card .copilot-action-btn:hover svg{transform:scale(1.1)}.current-copilot-card .copilot-action-btn.edit:hover{color:var(--accent-yellow-warm);border-color:var(--accent-yellow);background:#fbbf241a}.current-copilot-card .copilot-action-btn.activate:hover{color:#22c55e;border-color:#22c55e;background:#22c55e1a}.current-copilot-card .copilot-action-btn.deactivate:hover{color:#ef4444;border-color:#ef4444;background:#ef44441a}.current-copilot-card .copilot-action-btn.view:hover{color:#3b82f6;border-color:#3b82f6;background:#3b82f61a}.current-copilot-section{margin-bottom:2rem}.current-copilot-section .section-header{display:none}.copilot-card.active{background:#ffffffe6;border:2px solid var(--accent-yellow);border-radius:12px;padding:1.5rem;position:relative;box-shadow:0 4px 12px #fabd2426;transition:all .3s ease}.copilot-card.active:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fabd2440}.active-badge{background:linear-gradient(135deg,var(--accent-yellow),var(--accent-yellow-warm));color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.375rem;box-shadow:0 2px 8px #fabd2466;flex-shrink:0}.copilot-version{background:#fabd241a;color:var(--accent-yellow-warm);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;margin-right:.5rem;border:1px solid rgba(250,189,36,.2)}.copilot-stats .stat{text-align:center;padding:.75rem;background:#fff;border-radius:8px;border:1px solid rgba(250,189,36,.2);box-shadow:0 1px 3px #fabd241a}.current-copilot-section{background:#ffffffe6;border-radius:12px;padding:16px;color:#fff;position:relative;overflow:hidden;margin-bottom:0}.script-card{background:#fff;border:1px solid rgba(250,189,36,.2);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #fabd241a}.script-card:hover{border-color:var(--accent-yellow);box-shadow:0 4px 12px #fabd2426;transform:translateY(-1px)}.script-card.active{border-color:var(--accent-yellow);background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 4px 12px #fabd2433}.script-action-btn{background:#fff;border:1px solid rgba(250,189,36,.3);border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.script-action-btn:hover{background:#fabd241a;border-color:var(--accent-yellow);color:var(--accent-yellow-warm);transform:translateY(-1px)}.script-action-btn svg{width:14px;height:14px;transition:color .2s ease}.script-action-btn:hover svg{color:var(--accent-yellow-warm)}.script-action-btn.activate{color:var(--accent-yellow-warm)}.script-action-btn.activate:hover{background:#f59e0b1a;border-color:var(--accent-yellow-warm);color:var(--accent-yellow-warm)}.copilot-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;color:#64748b;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.copilot-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.copilot-action-btn svg{width:16px;height:16px}.copilot-action-btn:nth-child(1){color:#3b82f6}.copilot-action-btn:nth-child(1):hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.copilot-action-btn:nth-child(2){color:#f59e0b}.copilot-action-btn:nth-child(2):hover{background:#fffbeb;border-color:#f59e0b;color:#f59e0b}.copilot-action-btn:nth-child(3){color:#8b5cf6}.copilot-action-btn:nth-child(3):hover{background:#faf5ff;border-color:#8b5cf6;color:#8b5cf6}.activation-modal{background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000026;max-width:520px;width:90vw;max-height:85vh;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay.active .activation-modal{transform:scale(1) translateY(0);opacity:1;z-index:10010}.activation-modal-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid #f1f5f9}.activation-modal-header .modal-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.activation-modal-header .modal-icon svg{width:24px;height:24px;color:#fff}.activation-modal-header h2{font-size:24px;font-weight:600;color:#0f172a;margin:0 0 8px;letter-spacing:-.01em}.activation-modal-header p{color:#64748b;font-size:16px;margin:0;line-height:1.5}.activation-modal-body{padding:24px 32px}.activation-options{display:flex;flex-direction:column;gap:16px}.activation-option{border:2px solid #e2e8f0;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative;background:#fff}.activation-option:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.activation-option.selected{border-color:#3b82f6;background:#f8fafc;box-shadow:0 4px 12px #3b82f61a}.activation-option .option-radio{position:absolute;top:20px;right:20px}.activation-option input[type=radio]{display:none}.activation-option label{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;display:block;position:relative;cursor:pointer;transition:all .2s ease}.activation-option input[type=radio]:checked+label{border-color:#3b82f6;background:#3b82f6}.activation-option input[type=radio]:checked+label:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.option-content{padding-right:40px}.option-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.option-header h3{font-size:18px;font-weight:600;color:#0f172a;margin:0}.option-badge{background:#10b981;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.025em}.option-badge.recommended{background:#10b981}.option-content p{color:#64748b;font-size:14px;margin:0;line-height:1.4}.option-details{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.percentage-input-group{display:flex;align-items:center;gap:16px;margin-bottom:8px}.percentage-input-group input[type=range]{flex:1;height:6px;background:#e2e8f0;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.percentage-input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#3b82f6;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a}.percentage-input-group input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000001a}.percentage-display{background:#f1f5f9;padding:8px 12px;border-radius:8px;min-width:60px;text-align:center;font-weight:600;color:#0f172a}.percentage-labels{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8}.tags-input-container input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease}.tags-input-container input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tags-suggestions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tag-suggestion{background:#f1f5f9;color:#475569;padding:6px 12px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.tag-suggestion:hover{background:#e2e8f0;border-color:#cbd5e1}.activation-modal-footer{padding:24px 32px 32px;display:flex;justify-content:flex-end;gap:16px;border-top:1px solid #f1f5f9}.btn-ghost{background-color:transparent;border:1px solid transparent;color:#64748b;padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background-color:#f1f5f9;color:#1e293b}.activation-confirm-btn{display:flex;align-items:center;gap:8px}.activation-confirm-btn svg{width:16px;height:16px;transition:transform .2s ease}.activation-confirm-btn:hover svg{transform:translate(2px)}@media (max-width: 640px){.activation-modal{width:95vw;margin:20px}.activation-modal-header,.activation-modal-body,.activation-modal-footer{padding-left:24px;padding-right:24px}.activation-modal-footer{flex-direction:column}.activation-modal-footer button{width:100%}}.script-performance .performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.whatsapp-template-modal-overlay.active{opacity:1}.whatsapp-template-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #0000001a,0 0 0 1px #0000000d;width:90vw;max-width:1360px;height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95) translateY(20px);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative}.whatsapp-template-modal-overlay.active .whatsapp-template-modal{transform:scale(1) translateY(0)}.whatsapp-template-modal-overlay.closing .whatsapp-template-modal{transform:scale(.85) translateY(40px) rotateX(-8deg);opacity:0;transition:all .35s cubic-bezier(.4,0,.6,1)}.whatsapp-template-header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.template-title-section{display:flex;align-items:center;gap:16px}.header-mode-text{font-size:14px;font-weight:500;color:#4b5563}.whatsapp-template-header h3{display:none}.whatsapp-template-body{flex-grow:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;padding:28px;overflow:hidden;background-color:#f9fafb}.template-editor-column,.template-preview-column{overflow-y:auto;padding-right:12px}.template-editor-column::-webkit-scrollbar,.template-preview-column::-webkit-scrollbar{width:6px}.template-editor-column::-webkit-scrollbar-track,.template-preview-column::-webkit-scrollbar-track{background:transparent}.template-editor-column::-webkit-scrollbar-thumb,.template-preview-column::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.template-editor-column::-webkit-scrollbar-thumb:hover,.template-preview-column::-webkit-scrollbar-thumb:hover{background:#9ca3af}.template-form-section{padding:24px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;margin-bottom:24px}.template-form-section:last-child{margin-bottom:0}.template-form-section h4{display:none}.required{color:#f97316;font-weight:600}.form-field input,.form-field select,.form-field textarea{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#111827;transition:all .2s ease;outline:none;font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.component-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.add-component-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fabd241a;color:var(--accent-yellow-warm);border:1px solid rgba(250,189,36,.3);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-component-btn:hover{background:var(--accent-yellow);color:#fff;border-color:var(--accent-yellow);transform:translateY(-1px)}.template-component{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:16px}.component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.component-type-label{font-size:10px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;background:#f3f4f6;padding:4px 8px;border-radius:6px}.remove-component-btn{width:24px;height:24px;background:#f3f4f6;color:#6b7280;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.remove-component-btn:hover{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.template-preview-wrapper,.integration-status-wrapper{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:24px;margin-bottom:24px}.preview-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.template-preview{background:#e5e5e5;border-radius:12px;padding:20px}.whatsapp-preview{max-width:380px;margin:0 auto}.whatsapp-message{background:#dcf8c6;border-radius:12px 12px 12px 4px;padding:12px 16px;box-shadow:0 1px 2px #0000000d;font-size:14px;line-height:1.5;color:#111827;word-wrap:break-word}.integration-status{padding:0;margin-top:0;border:none;background:none}.whatsapp-template-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-top:1px solid rgba(250,189,36,.2);flex-shrink:0}.footer-left{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.footer-right{display:flex;gap:8px}.template-modal-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;outline:none}.template-modal-btn svg{width:16px;height:16px}.template-modal-btn.secondary{background:#fff;color:var(--text-secondary);border-color:#e2e8f0}.template-modal-btn.secondary:hover{background:#f8fafc;color:var(--text-primary);border-color:#cbd5e1}.template-modal-btn.primary{background:var(--accent-yellow);color:#fff;border-color:var(--accent-yellow)}.template-modal-btn.primary:hover{background:var(--accent-yellow-warm);border-color:var(--accent-yellow-warm);transform:translateY(-1px);box-shadow:0 4px 12px #fabd244d}.template-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.template-modal-btn.loading{position:relative;color:transparent}.template-modal-btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent-yellow)}@media (max-width: 980px){.whatsapp-template-body{grid-template-columns:1fr;padding:16px}.template-editor-column,.template-preview-column{overflow-y:visible;padding-right:0}}@media (max-width: 768px){.whatsapp-template-modal{height:95vh;width:95vw}.form-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.whatsapp-template-footer{padding:16px}}.template-status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.template-status-indicator.approved{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.template-status-indicator.pending{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.template-status-indicator.rejected{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.template-status-indicator.draft{background-color:#f1f5f9;color:#475569;border-color:#e2e8f0}.template-status-indicator svg{width:12px;height:12px}.template-preview-wrapper{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.preview-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.template-preview{background:#f3f4f6;border-radius:8px;padding:16px;min-height:200px;display:flex;align-items:center;justify-content:center}.whatsapp-preview{max-width:320px;width:100%;background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.whatsapp-message{background:#dcf8c6;border-radius:12px 12px 12px 4px;padding:12px 16px;margin-bottom:8px;font-size:14px;line-height:1.5;color:#1f2937;word-wrap:break-word;position:relative;box-shadow:0 1px 2px #0000001a}.whatsapp-message:last-child{margin-bottom:0}.message-header{font-weight:600;color:#374151;margin-bottom:8px;font-size:15px}.message-body{color:#1f2937;line-height:1.4;margin-bottom:8px}.message-footer{color:#6b7280;font-size:13px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.1)}.message-buttons{display:flex;flex-direction:column;gap:6px;margin-top:10px}.message-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;text-align:center;font-size:13px;font-weight:500;color:#374151}.preview-empty{text-align:center;color:#9ca3af;font-size:14px;padding:40px 20px}.preview-empty-icon{font-size:32px;margin-bottom:8px;opacity:.5}.integration-status-wrapper{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.integration-status{padding:0;margin:0;border:none;background:none}.connection-status{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.connection-status.connected{background:#f0fdf4;border-color:#bbf7d0}.connection-status.disconnected{background:#fef2f2;border-color:#fecaca}.connection-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.connection-indicator.connected{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.connection-indicator.disconnected{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.connection-text{font-size:14px;font-weight:500;color:#374151}.connection-text.connected{color:#166534}.connection-text.disconnected{color:#991b1b}.form-field{margin-bottom:0}.form-field label{display:block;font-size:14px;font-weight:600;color:#374151}.form-field-hint{display:block;font-size:12px;color:#6b7280;margin-top:4px;padding:8px 12px;background:#f8fafc;border-radius:6px;border-left:3px solid #e2e8f0;font-style:italic}.form-field-hint.warning{background:#fffbeb;border-left-color:#f59e0b;color:#92400e}.form-field-hint.info{background:#eff6ff;border-left-color:#3b82f6;color:#1e40af}.character-counter{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px}.character-count{color:#6b7280}.character-count.warning{color:#f59e0b;font-weight:600}.character-count.error{color:#ef4444;font-weight:600}.character-limit-text{color:#9ca3af}.template-component{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:0;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.component-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb;margin-bottom:0}.component-body{padding:20px}.component-type-label{font-size:11px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#e2e8f0;padding:4px 8px;border-radius:4px}.remove-component-btn{width:28px;height:28px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px;display:flex;align-items:center;justify-content:center}.remove-component-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca;transform:scale(1.05)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-row.single{grid-template-columns:1fr}.component-actions{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6;flex-wrap:wrap}.add-component-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-component-btn:hover{background:var(--accent-yellow);color:#fff;border-color:var(--accent-yellow);transform:translateY(-1px);box-shadow:0 2px 8px #fabd244d}.add-component-btn svg{width:14px;height:14px}@media (max-width: 768px){.whatsapp-preview{max-width:280px}.template-preview{padding:12px}.form-row{grid-template-columns:1fr;gap:16px}.component-header{padding:12px 16px}.component-body{padding:16px}}.status-connected,.status-not-connected,.status-error,.status-checking{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;border:1px solid;background:#fff}.status-connected{border-color:#22c55e;background:#f0fdf4}.status-not-connected{border-color:#f59e0b;background:#fffbeb}.status-error{border-color:#ef4444;background:#fef2f2}.status-checking{border-color:#6b7280;background:#f9fafb}.status-icon{font-size:20px;flex-shrink:0;margin-top:2px}.status-info{flex:1;min-width:0}.status-title{font-size:14px;font-weight:600;margin-bottom:4px;color:#111827}.status-connected .status-title{color:#166534}.status-not-connected .status-title{color:#92400e}.status-error .status-title{color:#991b1b}.status-details{font-size:13px;line-height:1.4;color:#6b7280}.status-connected .status-details{color:#16a34a}.status-not-connected .status-details{color:#d97706}.status-error .status-details{color:#dc2626}.setup-whatsapp-btn{margin-top:8px;padding:6px 12px;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.setup-whatsapp-btn:hover{background:#d97706;transform:translateY(-1px)}.template-status-indicator{display:inline-flex;align-items:center;gap:6px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid;line-height:1}.status-badge.approved{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.status-badge.pending{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.status-badge.rejected{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.status-badge.draft{background-color:#f1f5f9;color:#475569;border-color:#e2e8f0}.status-badge.submitted{background-color:#e0f2fe;color:#0369a1;border-color:#bae6fd}.status-badge.in_appeal{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.status-badge.paused{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.status-badge.disabled{background-color:#fef2f2;color:#991b1b;border-color:#fecaca}.status-checking .loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #6b7280;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0;margin-top:2px}.integration-status-wrapper .preview-title{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.status-connected,.status-not-connected,.status-error,.status-checking{padding:12px;gap:8px}.status-icon{font-size:18px}.status-title{font-size:13px}.status-details{font-size:12px}.setup-whatsapp-btn{font-size:11px;padding:5px 10px}}.form-field{padding:12px}.whatsapp-preview-header{font-size:15px;font-weight:600;color:#111827;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.05);word-wrap:break-word}.whatsapp-preview-body{font-size:14px;line-height:1.5;color:#1f2937;word-wrap:break-word}.preview-variable{font-weight:600;color:#1d4ed8}.whatsapp-preview-footer{font-size:12px;color:#6b7280;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05);word-wrap:break-word;font-style:italic}.whatsapp-preview-buttons{margin-top:8px;display:flex;flex-direction:column;gap:4px}.whatsapp-preview-button{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;text-align:center;font-size:14px;font-weight:500;color:#3b82f6;box-shadow:0 1px 2px #0000000d;cursor:pointer}.add-component-btn:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9;color:#9ca3af;border-color:#e2e8f0;transform:none;box-shadow:none}.add-component-btn:disabled:hover{background:#f1f5f9;color:#9ca3af;border-color:#e2e8f0}.add-new-button-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-size:13px;font-weight:500;color:#3b82f6;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer;transition:all .2s ease}.add-new-button-btn:hover{background-color:#dbeafe;border-color:#93c5fd;color:#2563eb}.add-new-button-btn svg{width:16px;height:16px}.whatsapp-setup-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10010;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.whatsapp-setup-modal-overlay.active{opacity:1}.whatsapp-setup-modal-overlay.closing{opacity:0}.whatsapp-setup-modal{background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000026;max-width:800px;width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.whatsapp-setup-modal-overlay.active .whatsapp-setup-modal{transform:scale(1);opacity:1}.whatsapp-setup-modal-overlay.closing .whatsapp-setup-modal{transform:scale(.95);opacity:0}.setup-modal-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.setup-modal-header .setup-icon{width:36px;height:36px;background:#f0fdf4;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#22c55e}.setup-modal-header .setup-icon svg{width:20px;height:20px}.setup-modal-header h3{font-size:18px;font-weight:600;color:#0f172a;margin:0;flex-grow:1}.setup-modal-content{padding:24px;overflow-y:auto;flex-grow:1}.setup-intro p{font-size:14px;color:#475569;line-height:1.5;margin:0 0 24px;padding:16px;background:#f8fafc;border-radius:8px;border-left:3px solid #22c55e}#whatsapp-setup-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.setup-section h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.setup-section .form-field{margin-bottom:16px;padding:0}.setup-section .form-field:last-child{margin-bottom:0}.field-hint{font-size:12px;color:#64748b;margin-top:6px}.setup-steps{display:flex;flex-direction:column;gap:16px}.setup-step{display:flex;gap:12px}.step-number{width:24px;height:24px;border-radius:50%;background:#f1f5f9;color:#475569;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.step-content h5{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px}.step-content p{font-size:13px;color:#475569;margin:0;line-height:1.4}.step-content a{color:#2563eb;text-decoration:none;font-weight:500}.step-content a:hover{text-decoration:underline}.setup-security-note{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-top:16px;font-size:13px;color:#475569}.setup-security-note .security-icon{font-size:18px}.setup-modal-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.setup-modal-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.setup-modal-btn.secondary{background:#fff;color:#475569;border-color:#cbd5e1}.setup-modal-btn.secondary:hover{background:#f1f5f9;border-color:#94a3b8}.setup-modal-btn.primary{background:#22c55e;color:#fff}.setup-modal-btn.primary:hover{background:#16a34a}.status-info-box{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.status-info-box .status-icon{font-size:20px;margin-top:2px}.status-info-box .status-title{font-weight:600;color:#0c4a6e;font-size:14px;margin-bottom:4px}.status-info-box .status-details{font-size:13px;color:#075985;line-height:1.5}.status-info-box .status-details a{color:#0284c7;font-weight:500;text-decoration:none;display:inline-block;margin-top:4px}.status-info-box .status-details a:hover{text-decoration:underline}.whatsapp-instructions-container{padding:16px 24px;animation:fadeIn .5s ease-out;max-height:calc(90vh - 140px);overflow-y:auto}.instructions-header{text-align:center;margin-bottom:24px;border-bottom:1px solid #e2e8f0;padding-bottom:24px}.instructions-header .instructions-icon{font-size:48px;line-height:1;margin-bottom:12px}.instructions-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.instructions-header p{font-size:14px;color:#475569;max-width:450px;margin:0 auto;line-height:1.5}.instructions-steps{display:flex;flex-direction:column;gap:24px}.instruction-step{display:flex;gap:16px}.instruction-step .step-number{width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:#475569;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;margin-top:4px}.instruction-step .step-content>p{font-size:16px;font-weight:500;color:#334155;margin:0 0 12px}.external-link-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:background-color .2s ease}.external-link-btn svg{width:16px;height:16px}.copyable-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:12px}.copyable-field label{font-size:12px;font-weight:500;color:#64748b;margin-bottom:4px;display:block}.copy-wrapper{position:relative}.copy-wrapper input,.copy-wrapper textarea{width:100%;padding:8px 40px 8px 12px;border:1px solid #cbd5e1;border-radius:6px;background-color:#fdfdfe;font-family:inherit;font-size:14px;color:#0f172a;box-shadow:inset 0 1px 2px #0000000d}.copy-wrapper textarea{resize:vertical;min-height:40px}.copy-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.copy-btn:hover{background-color:#e2e8f0;color:#1e293b}.copy-btn.copied{background-color:#22c55e;color:#fff;font-size:12px;font-weight:600}.copy-btn.copied svg{display:none}.copy-btn svg{width:16px;height:16px}.copyable-components{margin-top:16px;display:flex;flex-direction:column;gap:16px}.component-to-copy{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.component-to-copy h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.copyable-field .sub-field{margin-top:8px}@media (max-width: 768px){#whatsapp-setup-form{grid-template-columns:1fr}.setup-modal-footer{flex-direction:column-reverse}.setup-modal-btn{width:100%;justify-content:center}}.after-save{grid-template-columns:1fr;justify-content:center}.workflow-filters{display:flex;align-items:center}#workflow-instance-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 32px 8px 12px;min-width:180px;font-size:14px;font-family:inherit;color:#374151;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;cursor:pointer;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}#workflow-instance-filter:hover{border-color:#9ca3af}#workflow-instance-filter:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.workflow-instances-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.workflow-instance-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease-in-out}.workflow-instance-item:hover{background-color:var(--hover-bg, #f9fafb);border-color:#d1d5db;box-shadow:var(--shadow-md, 0 2px 4px rgba(0,0,0,.05));transform:translateY(-1px)}.instance-status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.instance-status-indicator.running{background-color:#22c55e}.instance-status-indicator.paused{background-color:var(--accent-yellow-warm, #f59e0b)}.instance-status-indicator.completed{background-color:#3b82f6}.instance-status-indicator.error{background-color:#ef4444}.instance-status-indicator.unknown{background-color:var(--text-muted, #9ca3af)}.instance-details{flex-grow:1;min-width:0}.instance-name{font-size:14px;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instance-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-secondary, #6b7280)}.meta-item{display:inline-flex;align-items:center}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:capitalize;margin-left:4px}.status-badge.running{background-color:#dcfce7;color:#166534}.status-badge.paused{background-color:#fef3c7;color:#92400e}.status-badge.completed{background-color:#dbeafe;color:#1e40af}.status-badge.error{background-color:#fee2e2;color:#991b1b}.status-badge.unknown{background-color:#f3f4f6;color:#374151}.instance-actions{display:flex;gap:6px;flex-shrink:0}.instance-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.instance-action-btn:hover{background-color:var(--accent-yellow, #fabd24);color:#fff;border-color:var(--accent-yellow, #fabd24);transform:translateY(-1px);box-shadow:0 2px 4px #fabd244d}.instance-action-btn svg{width:16px;height:16px}#train-container{position:relative;width:100%;height:100%;overflow:visible}#train-dashboard-grid,#train-session-active-view{backface-visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}#train-dashboard-grid{opacity:1;transform:translate(0);z-index:2}#train-session-active-view{opacity:0;display:none;transform:translate(30px);z-index:1;pointer-events:none}#train-container.session-active #train-dashboard-grid{opacity:0;display:none;transform:translate(-30px);pointer-events:none;z-index:1}#train-container.session-active #train-session-active-view{opacity:1;transform:translate(0);display:flex;pointer-events:auto;max-height:100%;z-index:2}#compact-call-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--background-secondary);border-bottom:1px solid var(--border-color);width:100%;box-sizing:border-box;flex-shrink:0;margin-top:12px}.compact-call-center{display:flex;align-items:center;gap:24px;flex:1;justify-content:center}.compact-participant{display:flex;flex-direction:column;align-items:center;gap:8px}.compact-participant .participant-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff;background-color:var(--text-muted);overflow:hidden}.compact-participant.user .participant-avatar{background-color:var(--accent-blue)}.compact-participant.ai .participant-avatar{background-color:var(--accent-yellow-warm)}.compact-participant-name{font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-call-status{text-align:center;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}.compact-call-status .call-timer{font-size:24px;font-weight:600;color:var(--text-primary);font-family:SF Mono,Consolas,Fira Code,monospace;letter-spacing:.5px}.compact-call-status .call-stage{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.compact-call-actions{display:flex;align-items:center;flex-shrink:0}.call-control-button.end-call{background-color:#ef4444;color:#fff;width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px;flex-shrink:0}.call-control-button.end-call:hover{background-color:#dc2626;transform:scale(1.05);box-shadow:0 4px 15px #ef44444d}.workflows-empty-state{text-align:center;padding:32px 16px;border:2px dashed #e5e7eb;border-radius:12px;margin-top:16px}.workflows-empty-state h4{font-size:16px;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 4px}.workflows-empty-state p{font-size:14px;color:var(--text-secondary, #6b7280);margin:0}.workflow-id-display{display:block;font-size:.75rem;color:#8a94a6;margin-top:-4px;margin-bottom:8px;font-family:monospace}.direction-icon{width:16px;height:16px;display:block;margin:auto}.direction-icon.outbound{color:#28a745}.direction-icon.inbound{color:#007bff}.train-dashboard-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.train-dashboard-header .train-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 2px}.train-dashboard-header .train-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.train-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:24px;height:calc(100% - 60px)}.train-card{background:var(--background-primary);border-radius:16px;border:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000000a;transition:all .3s ease;animation:card-appear .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(20px)}@keyframes card-appear{to{opacity:1;transform:translateY(0)}}.start-call-card{animation-delay:.1s}.progress-graph-card{animation-delay:.2s}.training-history-card{animation-delay:.3s}.start-call-card{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.start-call-card .card-icon-container{width:48px;height:48px;background:linear-gradient(135deg,#fbbf241a,#fbbf2433);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:0;flex-shrink:0}.start-call-card .card-icon-container i{font-size:22px;color:var(--accent-yellow-warm)}.start-call-card .start-call-info{text-align:left;flex-grow:1}.start-call-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.start-call-card p{font-size:13px;color:var(--text-secondary);line-height:1.4;margin-bottom:0}.start-practice-button{padding:10px 16px;font-size:14px;font-weight:600;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.start-practice-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf244d}.progress-graph-card{gap:16px}.progress-card-header{display:flex;justify-content:space-between;align-items:center}.progress-card-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}#progress-timespan-filter{padding:4px 8px;border-radius:6px;border:1px solid var(--border-color);background:var(--background-secondary);font-size:12px}.progress-chart-container{flex:1;position:relative}.progress-chart{width:100%;height:100%}.progress-chart .grid-line{stroke:#00000012;stroke-width:1;stroke-dasharray:2,3}.progress-chart .graph-line{fill:none;stroke:var(--accent-yellow);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.progress-chart .graph-point{fill:var(--accent-yellow);stroke:#fff;stroke-width:2;r:4;transition:r .2s ease;cursor:pointer;z-index:10010}.progress-chart .graph-point:hover{r:6}.training-history-card{grid-column:1 / -1;gap:16px;overflow-y:auto}.history-card-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.history-card-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.history-controls{display:flex;align-items:center;gap:12px}.history-upload-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text-secondary);background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.history-upload-btn:hover{background-color:var(--background-primary);color:var(--accent-yellow-warm);border-color:var(--accent-yellow);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.history-upload-btn i{font-size:14px}.history-search-bar{position:relative}.history-search-bar i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px}#training-history-search{padding:8px 12px 8px 34px;border-radius:8px;border:1px solid var(--border-color);background:var(--background-secondary);width:250px;transition:all .2s ease}#training-history-search:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a;background:#fff}.history-list-container{flex:1;overflow-y:auto;padding-right:8px}.history-list-container::-webkit-scrollbar{width:6px}.history-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.history-list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.history-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-history-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.empty-history-state i{font-size:48px;margin-bottom:16px;color:#0000001a}.empty-history-state p{font-size:16px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.training-simulation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.training-simulation-overlay.active{display:flex;opacity:1}.training-simulation-overlay .training-simulation{width:90vw;max-width:1200px;height:90vh;max-height:800px;transform:scale(.95);opacity:0;transition:all .3s ease}.training-simulation-overlay.active .training-simulation{transform:scale(1);opacity:1}@media (max-width: 1200px){.train-dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.training-history-card{grid-column:1}}.history-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--background-secondary);border:1px solid transparent;border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.history-item:hover{transform:translateY(-2px);background:var(--background-primary);border-color:var(--border-color);box-shadow:0 4px 12px #0000000d}.history-item-main{display:flex;align-items:center;gap:16px;flex-grow:1;min-width:0}.history-item-score{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;font-weight:700;color:#fff;background:var(--text-muted);border:3px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 2px #0000001a}.history-item-score.excellent{background-color:#22c55e}.history-item-score.good{background-color:#84cc16}.history-item-score.average{background-color:#f59e0b}.history-item-score.poor{background-color:#ef4444}.history-item-score.critical{background-color:#b91c1c}.history-item-details{display:flex;flex-direction:column;gap:2px;min-width:0}.history-item-title{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-subtitle{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.history-item-subtitle span:nth-child(2){color:var(--text-muted);opacity:.5}.history-item-action{color:var(--text-muted);font-size:14px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.history-item:hover .history-item-action{transform:translate(3px);color:var(--accent-yellow-warm)}.history-search-bar.date-range{display:flex;align-items:center;gap:8px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:4px 12px;transition:all .2s ease}.history-search-bar.date-range:hover{border-color:var(--border-color-hover)}.history-search-bar.date-range:focus-within{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf241a;background:var(--background-primary)}.date-range input[type=date]{background:transparent;border:none;outline:none;color:var(--text-secondary);font-size:13px;font-family:inherit;padding:4px;width:130px}.date-range input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s ease}.date-range input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.date-range-separator{color:var(--text-muted);font-size:14px;font-weight:500}.progress-chart-container{position:relative;width:100%;height:100%}.progress-chart .graph-point{r:4;fill:var(--accent-yellow);stroke:var(--background-primary);stroke-width:2;cursor:pointer;transition:all .2s ease}.progress-chart .graph-point:hover{r:6;fill:var(--accent-yellow-warm)}.chart-tooltip{position:absolute;display:none;background-color:#fff;color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:13px;box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color);white-space:nowrap;pointer-events:none;z-index:10020;transform:translate(-50%,-100%);transition:opacity .2s ease}#train-session-active-view{flex-direction:column;height:100vh;width:100%;background:var(--background-primary)}#compact-call-controls{flex-shrink:0}#training-copilot-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible}.training-copilot-content{display:flex;flex-direction:column;height:100%}#training-copilot-body.sell-body{flex:1;display:flex;min-height:0;overflow:auto}#training-copilot-body .copilot-panel{flex:1;display:flex;flex-direction:column;min-height:0;opacity:1;transform:translateY(0)}#training-copilot-body .panel-content{flex:1;overflow-y:auto}.performance-container{width:100%;height:100%;margin:0 auto;padding:24px;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);animation:fadeInSlideUp .6s ease-out forwards;overflow:hidden}.performance-header{padding-bottom:20px;background:#fff;border-bottom:1px solid rgba(226,232,240,.8);display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0;position:relative}.performance-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 20%,#e2e8f0 80%,transparent 100%)}.performance-title-section{flex:1}.performance-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.025em;line-height:1.2}.performance-subtitle{font-size:12px;color:#64748b;margin:0;font-weight:400;line-height:1.4}.performance-controls{display:flex;align-items:center;gap:16px}.time-range-selector{padding:8px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:13px;color:#475569;font-weight:500;min-width:130px;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.time-range-selector:focus{outline:none;border-color:#fabd24;box-shadow:0 0 0 3px #fabd241a,0 1px 2px #0000000a}.view-toggle{display:flex;background:#f1f5f9;border-radius:10px;padding:4px;border:1px solid #e2e8f0}.view-toggle-btn{padding:8px 18px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.view-toggle-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 4px #00000012,0 1px 2px #0000000d;transform:translateY(0)}#performance-analytics-view{flex-direction:column;overflow:hidden}#performance-analytics-view.active{display:flex}.performance-content{flex-grow:1;overflow-y:auto;padding:14px}.performance-content::-webkit-scrollbar{width:8px}.performance-content::-webkit-scrollbar-track{background:#f1f5f9cc;border-radius:4px}.performance-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px;border:1px solid rgba(226,232,240,.6);transition:background .2s ease}.performance-content::-webkit-scrollbar-thumb:hover{background:#9ca3af;border-color:#94a3b8cc}.performance-content::-webkit-scrollbar-thumb:active{background:#9ca3af}.performance-content::-webkit-scrollbar-corner{background:#f1f5f9cc}.detailed-view-layout{display:grid;grid-template-columns:minmax(0,3.5fr) minmax(200px,1fr);gap:14px;align-items:flex-start}.velocity-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:20px}.velocity-metric-card{background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.velocity-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0);transition:all .3s ease}.velocity-metric-card:hover{border-color:#fabd244d;box-shadow:0 6px 24px #00000012,0 3px 12px #0000000a;transform:translateY(-2px)}.velocity-metric-card:hover:before{background:linear-gradient(90deg,#fabd24,#f59e0b)}.velocity-metric-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.velocity-metric-card.critical:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.metric-header h3{font-size:13px;font-weight:600;color:#475569;margin:0;line-height:1.3}.metric-trend{font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px;letter-spacing:.025em}.metric-trend.positive{background:#fabd2426;color:#d97706}.metric-comparison{font-size:12px;color:#64748b;font-weight:500}.metric-drill-hint{font-size:10px;color:#94a3b8;margin-top:10px;font-weight:500;opacity:0;transition:opacity .3s ease}.velocity-metric-card:hover .metric-drill-hint{opacity:1}.performance-breakdown-section{background:#fff;border-radius:16px;border:1px solid rgba(226,232,240,.6);overflow:hidden;box-shadow:0 2px 6px #0000000a;margin-bottom:20px}.breakdown-tabs{display:flex;background:#f8fafc;border-bottom:1px solid rgba(226,232,240,.6);padding:6px;gap:4px}.breakdown-tab{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.breakdown-tab.active{background:#fff;color:#fabd24;box-shadow:0 1px 3px #fabd2426}.breakdown-content{padding:24px}.breakdown-view{display:none}.breakdown-view.active{display:block}.pod-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.pod-card{background:#fafbfc;border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pod-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;transition:all .3s ease}.pod-card.critical:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.pod-card.warning:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.pod-card.good:before{background:linear-gradient(180deg,#fabd24,#f59e0b)}.pod-card:hover{background:#fff;box-shadow:0 6px 24px #00000012;transform:translateY(-2px)}.pod-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pod-header h4{font-size:16px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.025em}.pod-status{padding:5px 10px;border-radius:16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pod-status.critical{background:#ef44441a;color:#dc2626}.pod-status.warning{background:#f59e0b1a;color:#d97706}.pod-status.good{background:#fabd2426;color:#f59e0b}.pod-metrics{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.pod-metric{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid rgba(226,232,240,.4)}.pod-metric:last-child{border-bottom:none}.pod-metric .metric-value{font-weight:600;color:#0f172a;font-size:13px;text-align:right}.pod-metric .metric-value.negative{color:#dc2626}.pod-metric .metric-value.positive{color:#fabd24}.investigate-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#fabd2414,#fabd241f);color:#d97706;border:1px solid rgba(250,189,36,.2);border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}.investigate-btn:hover{background:linear-gradient(135deg,#fabd24,#f59e0b);color:#fff;border-color:#fabd24;transform:translateY(-1px);box-shadow:0 4px 12px #fabd244d}.coaching-section{background:#fff;border-radius:16px;border:1px solid rgba(226,232,240,.6);padding:24px;box-shadow:0 2px 6px #0000000a}.coaching-section h3{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 20px;letter-spacing:-.025em}.coaching-insights{display:flex;flex-direction:column;gap:12px}.insight-card{background:#fafbfc;border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;transition:all .3s ease}.insight-card.urgent:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.insight-card.opportunity:before{background:linear-gradient(180deg,#22c55e,#16a34a)}.insight-card.warning:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.insight-card:hover{background:#fff;box-shadow:0 6px 24px #00000012;transform:translateY(-1px)}.insight-icon{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.insight-card.urgent .insight-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.insight-card.opportunity .insight-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.insight-card.warning .insight-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.insight-content{flex:1}.insight-content h4{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 6px;letter-spacing:-.025em}.insight-content p{font-size:13px;color:#64748b;margin:0 0 12px;line-height:1.5;font-weight:400}.insight-actions{display:flex;gap:10px;flex-wrap:wrap}.insight-action-btn{padding:7px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.025em}.insight-action-btn.primary{background:linear-gradient(135deg,#fabd24,#f59e0b);color:#fff}.insight-action-btn.primary:hover{box-shadow:0 3px 12px #fabd244d;transform:translateY(-1px)}.insight-action-btn.secondary{background:#fabd2414;color:#d97706;border:1px solid rgba(250,189,36,.2)}.insight-action-btn.secondary:hover{background:#fabd2426;border-color:#fabd244d;color:#b45309}.detailed-analytics-grid{display:grid;grid-template-columns:minmax(0,3.5fr) minmax(200px,1fr);gap:14px;align-items:flex-start}.rep-performance-table-container{background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #0000000a}.rep-performance-table-wrapper{overflow-x:auto}.rep-performance-table-wrapper::-webkit-scrollbar{height:5px;width:5px}.rep-performance-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.rep-performance-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.rep-performance-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-header{padding:20px 24px 16px;border-bottom:1px solid rgba(226,232,240,.6);background:#fafbfc;min-width:1160px}.table-header h3{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 12px;letter-spacing:-.025em}.table-controls{display:flex;gap:12px;align-items:center}.rep-search{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;min-width:180px;transition:all .2s ease;font-weight:400}.rep-search:focus{outline:none;border-color:#fabd24;box-shadow:0 0 0 3px #fabd241a}.rep-sort{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;min-width:160px;font-weight:400}.rep-performance-table{display:flex;flex-direction:column;min-width:1180px}.table-row{display:grid;grid-template-columns:200px 80px 140px 100px 110px 130px 100px 140px;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(226,232,240,.4);transition:all .2s ease}.table-header-row{background:#f8fafc;font-weight:600;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:12px 24px;border-bottom:1px solid rgba(226,232,240,.6)}.rep-row:hover{background:#fafbfc;border-left:3px solid #fabd24}.rep-row:last-child{border-bottom:none}.rep-row.critical{border-left:4px solid #ef4444}.rep-row.good{border-left:4px solid #fabd24}.rep-row.warning{border-left:4px solid #f59e0b}.rep-info{display:flex;align-items:center;gap:12px}.rep-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fabd24,#f59e0b);background-size:cover;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0;box-shadow:0 2px 6px #fabd244d}.rep-details{min-width:0}.rep-name{font-size:13px;font-weight:600;color:#0f172a;margin-bottom:2px;letter-spacing:-.025em}.rep-tenure{font-size:11px;color:#64748b;font-weight:400}.table-cell{font-size:13px;color:#475569;font-weight:500}.table-cell.negative{color:#dc2626;font-weight:600}.table-cell.positive{color:#fabd24;font-weight:600}.performance-indicator{padding:5px 10px;border-radius:16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center}.performance-indicator.critical{background:#ef44441a;color:#dc2626}.performance-indicator.excellent{background:#fabd2426;color:#d97706}.performance-indicator.good{background:#fabd241a;color:#d97706}.performance-indicator.warning{background:#f59e0b1a;color:#d97706}.action-btn{padding:7px 14px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid;text-transform:uppercase;letter-spacing:.05em}.action-btn.coaching{background:#ef444414;color:#dc2626;border-color:#ef444433}.action-btn.coaching:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 12px #ef44444d}.action-btn.recognition{background:#fabd2414;color:#d97706;border-color:#fabd2433}.action-btn.recognition:hover{background:linear-gradient(135deg,#fabd24,#f59e0b);color:#fff;border-color:#fabd24;transform:translateY(-1px);box-shadow:0 3px 12px #fabd244d}.advanced-analytics-panel{background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:24px;box-shadow:0 2px 6px #0000000a}.advanced-analytics-panel h3{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 20px;letter-spacing:-.025em}.analytics-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.filter-section{display:flex;flex-direction:column;gap:8px}.filter-section label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.analytics-filter{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;font-weight:400;transition:all .2s ease}.analytics-filter:focus{outline:none;border-color:#fabd24;box-shadow:0 0 0 3px #fabd241a}.analytics-insights{display:flex;flex-direction:column;gap:12px}.insight-metric{padding:14px;background:#fafbfc;border-radius:10px;border:1px solid rgba(226,232,240,.6)}.insight-label{font-size:11px;color:#64748b;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.insight-value{font-size:14px;font-weight:600;color:#0f172a;letter-spacing:-.025em}.insight-value.positive{color:#fabd24}@media (max-width: 1400px){.table-row{grid-template-columns:200px 80px 140px 100px 110px 130px 100px 140px;gap:12px;padding:14px 20px}.table-header{min-width:1180px}.rep-performance-table{min-width:1160px}}@media (max-width: 1200px){.velocity-metrics-grid{grid-template-columns:repeat(2,1fr)}.pod-performance-grid{grid-template-columns:1fr}.performance-content{padding:20px 14px}}@media (max-width: 768px){.performance-header{padding:16px 20px;flex-direction:column;gap:16px;align-items:flex-start}.performance-content{padding:14px;gap:20px}.velocity-metrics-grid{grid-template-columns:1fr}.breakdown-tabs{flex-direction:column;gap:4px}.breakdown-content{padding:20px}.table-row{grid-template-columns:1fr;gap:10px}.table-header-row{display:none}.rep-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:16px;border-radius:10px;margin-bottom:10px;background:#fff;border:1px solid rgba(226,232,240,.6)}}#detailed-performance-view{display:none}@keyframes fadeInSlideUp{to{opacity:1;transform:translateY(0)}}.performance-content{position:relative}.performance-view-content{opacity:0;transform:translateY(15px);transition:opacity .4s ease-out,transform .4s ease-out;display:none}.performance-view-content.active{opacity:1;transform:translateY(0);display:block}.performance-view-content.exiting{opacity:0;transform:translateY(-15px);position:absolute;top:0;left:0;width:100%}.region-performance-grid,.vertical-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.region-card,.vertical-card{background:#fafbfc;border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.region-card:before,.vertical-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#2563eb);transition:all .3s ease}.region-card:hover,.vertical-card:hover{background:#fff;border-color:#fabd244d;box-shadow:0 6px 24px #00000012;transform:translateY(-2px)}.region-header,.vertical-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.region-header h4,.vertical-header h4{font-size:16px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.025em}.region-score{padding:5px 10px;border-radius:16px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.region-score.excellent,.region-score.good{background:#22c55e1a;color:#16a34a}.region-score.average{background:#f59e0b1a;color:#d97706}.region-score.poor,.region-score.critical{background:#ef44441a;color:#dc2626}.vertical-score{padding:5px 10px;border-radius:16px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.region-score.excellent,.region-score.good,.vertical-score.excellent,.vertical-score.good{background:#fabd2426;color:#d97706}.region-score.average,.vertical-score.average{background:#f59e0b1a;color:#d97706}.region-score.poor,.region-score.critical,.vertical-score.poor,.vertical-score.critical{background:#ef44441a;color:#dc2626}.region-metrics,.vertical-metrics{display:flex;flex-direction:column;gap:10px}.region-metric,.vertical-metric{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid rgba(226,232,240,.4)}.region-metric:last-child,.vertical-metric:last-child{border-bottom:none}.region-metric .metric-label,.vertical-metric .metric-label{color:#64748b;font-weight:500;font-size:12px}.region-metric .metric-value,.vertical-metric .metric-value{font-weight:600;color:#0f172a;font-size:13px;text-align:right}.vertical-progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#e2e8f066;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.progress-fill.excellent,.progress-fill.good{background:linear-gradient(90deg,#fabd24,#f59e0b)}.progress-fill.average{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.poor,.progress-fill.critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-value{font-weight:600;font-size:14px;color:#0f172a;min-width:40px}.breakdown-loading,.breakdown-error{text-align:center;padding:40px;color:#64748b;font-style:italic;background:#fafbfc;border:1px solid rgba(226,232,240,.8);border-radius:12px}.breakdown-error{color:#dc2626;background:#ef444405;border-color:#ef444433}.drill-down-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}.drill-down-modal-overlay.active{opacity:1}.drill-down-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;width:90%;max-width:700px;overflow:hidden;transform:scale(.95);transition:transform .3s ease}.drill-down-modal-overlay.active .drill-down-modal{transform:scale(1)}.drill-down-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.drill-down-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.drill-down-content{display:flex;padding:24px;gap:24px}.drill-down-chart{flex:2;display:flex;flex-direction:column;gap:12px}.drill-down-item{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:12px;border-radius:8px;background-color:#f9fafb;border:1px solid #e5e7eb}.item-label{font-weight:500;color:#374151}.item-value{font-weight:600;color:#1f2937;text-align:right}.item-change{font-weight:500;text-align:right;padding:2px 6px;border-radius:4px;justify-self:end}.item-change.positive{color:#059669;background-color:#d1fae5}.item-change.negative{color:#dc2626;background-color:#fee2e2}.drill-down-item.excellent{border-left:4px solid #10b981}.drill-down-item.good{border-left:4px solid #3b82f6}.drill-down-item.warning{border-left:4px solid #f59e0b}.drill-down-item.critical{border-left:4px solid #ef4444}.drill-down-insights{flex:1;background-color:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.drill-down-insights h4{margin-top:0;margin-bottom:12px;color:#1f2937;font-size:16px}.drill-down-insights ul{margin:0;padding-left:20px;color:#4b5563;font-size:14px}.drill-down-insights li{margin-bottom:8px}.drill-down-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.business-container{margin:0 auto;padding:16px;background:#f8fafc;height:100%;overflow:hidden;display:flex;flex-direction:column}.business-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 0;border-bottom:2px solid #e2e8f0;flex-shrink:0}.business-title-section{flex:1}.business-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 6px;display:flex;align-items:center;gap:12px}.business-title:before{content:"";width:4px;height:28px;background:linear-gradient(135deg,#fabd24,#f59e0b);border-radius:2px}.business-subtitle{font-size:14px;color:#64748b;margin:0}.business-controls{display:flex;align-items:center;gap:12px}.business-period-selector{padding:8px 14px;border:2px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.business-period-selector:hover{border-color:#fabd24;box-shadow:0 0 0 3px #fabd241a}.business-period-selector:focus{outline:none;border-color:#fabd24;box-shadow:0 0 0 3px #fabd241a}.export-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#fabd24,#f59e0b);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fabd244d}.export-icon{width:14px;height:14px}.business-content{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:20px}.business-content::-webkit-scrollbar{width:6px}.business-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.business-content::-webkit-scrollbar-thumb{background:#fabd24;border-radius:3px}.business-content::-webkit-scrollbar-thumb:hover{background:#f59e0b}.business-charts-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:16px;height:400px}.chart-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;position:relative;transition:all .2s ease;overflow:hidden;display:flex;flex-direction:column}.chart-container:hover{border-color:#fabd24;box-shadow:0 4px 12px #fabd2426;transform:translateY(-1px)}.chart-container.large-chart{grid-column:span 2;grid-row:span 1}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-shrink:0}.chart-header h3{font-size:14px;font-weight:600;color:#1e293b;margin:0}.chart-value{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:#1e293b}.chart-container.large-chart .chart-value{font-size:18px}.chart-trend{font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:3px}.chart-trend.positive{color:#059669;background:#10b9811a}.chart-trend.negative{color:#dc2626;background:#dc26261a}.chart-canvas{flex:1;position:relative;min-height:80px}.intelligent-dashboard-grid{display:grid;width:100%;height:100%;padding:20px;align-items:start;justify-items:stretch;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000a}.intelligent-dashboard-grid[data-layout-type=single-large]{justify-content:flex-start;align-content:flex-start;padding:24px}.intelligent-dashboard-grid[data-layout-type=single-large] .dashboard-chart-item{justify-self:start;margin-bottom:0}.intelligent-dashboard-grid[data-layout-type=dual-horizontal]{align-items:stretch}.intelligent-dashboard-grid[data-layout-type=dual-horizontal] .dashboard-chart-item{display:flex;justify-content:center;align-items:flex-start}.intelligent-dashboard-grid[data-layout-type=triple-mixed] .dashboard-chart-item:last-child{justify-self:center}.intelligent-dashboard-grid[data-layout-type=quad-grid]{align-items:stretch}.intelligent-dashboard-grid[data-layout-type=quad-grid] .dashboard-chart-item{display:flex;justify-content:center;align-items:flex-start;height:100%}.intelligent-dashboard-grid[data-layout-type=responsive-auto]{align-items:start;justify-items:stretch}.dashboard-chart-item svg{width:100%;height:auto;display:block;border-radius:8px}@media (max-width: 1024px){.intelligent-dashboard-grid{max-width:100%;padding:16px;gap:16px}.intelligent-dashboard-grid[data-layout-type=dual-horizontal]{grid-template-areas:"chart-0" "chart-1"!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important}.intelligent-dashboard-grid[data-layout-type=quad-grid]{grid-template-areas:"chart-0" "chart-1" "chart-2" "chart-3"!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important}.intelligent-dashboard-grid[data-layout-type=responsive-auto]{grid-template-columns:1fr!important}}@media (max-width: 768px){.intelligent-dashboard-grid{padding:12px;gap:12px}.intelligent-dashboard-grid[data-layout-type=triple-mixed]{grid-template-areas:"chart-0" "chart-1" "chart-2"!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.dashboard-chart-item{border-radius:8px}}.simple-inline-chart.single-chart{max-width:600px;margin:0 auto;padding:20px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000f}.simple-inline-chart.single-chart:hover{border-color:#fabd24;box-shadow:0 8px 20px #fabd241f;transform:translateY(-1px);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-chart-container .intelligent-dashboard-grid{background:transparent;box-shadow:none;border-radius:0}.intelligent-dashboard-grid.dashboard-12col-grid{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:24px 16px 16px!important;justify-items:stretch!important;align-items:stretch!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}#dashboard-charts-area.intelligent-dashboard-grid{width:100%;height:100%;max-width:none;margin:0;background:transparent;border:none}.dashboard-chart-direct{width:100%!important;height:100%!important;max-height:320px!important;border:1px solid #f1f5f9;border-radius:16px;background:#fefefe;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.dashboard-chart-direct:hover{border-color:#e2e8f0;box-shadow:0 6px 20px #0000001f}.dashboard-chart-direct:focus{outline:2px solid #3b82f6;outline-offset:2px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280;text-align:center;width:100%;max-width:300px;margin:0 auto}.dashboard-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#fabd24;border-radius:50%;left:0%;animation:spin 1s linear infinite;margin-bottom:20px;flex-shrink:0}.dashboard-loading-overlay,.dashboard-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;min-height:400px}#dashboard-charts-area{position:relative;min-height:400px}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.dashboard-error .error-icon{width:48px;height:48px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#dc2626;margin-bottom:16px}.chart-hover-tooltip{opacity:0;animation:tooltipFadeIn .2s ease-out forwards}.chart-hover-tooltip .tooltip-content{text-align:center}.chart-hover-tooltip .tooltip-details{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:11px;opacity:.9}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.dashboard-chart-item.mobile-chart svg{max-height:250px}.dashboard-chart-item.mobile-chart text{font-size:10px!important}.dashboard-chart-item.tablet-chart svg{max-height:300px}.dashboard-chart-item:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){.dashboard-chart-item{transition:none}.dashboard-chart-item:hover{transform:none}.loading-spinner{animation:none}}@media print{.intelligent-dashboard-grid{background:#fff!important;box-shadow:none!important;border:1px solid #000000!important;page-break-inside:avoid}.chart-hover-tooltip{display:none!important}}.chart-container.large-chart .chart-canvas{min-height:140px}.chart-labels{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;font-size:11px;color:#64748b;flex-shrink:0}.chart-labels .label-start{text-align:left}.chart-labels .label-end{text-align:right}.chart-labels .label-current{text-align:center;font-weight:600;color:#fabd24}.chart-canvas svg{width:100%;height:100%;border-radius:6px}.chart-canvas svg circle{cursor:pointer;transition:all .2s ease}.chart-canvas svg circle:hover{r:6;filter:drop-shadow(0 2px 4px rgba(250,189,36,.4))}.chart-canvas svg path{transition:all .2s ease}.chart-canvas svg rect:hover{opacity:1!important;filter:brightness(110%)}.ai-recommendations-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.section-header{margin-bottom:16px;text-align:center}.section-header h2{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 6px}.section-header p{font-size:14px;color:#64748b;margin:0}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px}.recommendation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;position:relative;transition:all .2s ease}.recommendation-card:hover{border-color:#fabd24;box-shadow:0 4px 12px #fabd2426;transform:translateY(-1px)}.recommendation-card.high{border-left:3px solid #dc2626}.recommendation-card.medium{border-left:3px solid #fabd24}.recommendation-card.low{border-left:3px solid #10b981}.recommendation-card.action-approve{background:linear-gradient(135deg,#10b9810d,#10b98105);border-color:#10b981}.recommendation-card.action-reject{background:linear-gradient(135deg,#6b72800d,#6b728005);border-color:#6b7280;opacity:.7}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.recommendation-priority{display:flex;align-items:center;gap:6px}.priority-label{font-size:10px;font-weight:700;padding:3px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.add-task-modal-overlay,.edit-task-modal-overlay,.snooze-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.add-task-modal-overlay.active,.edit-task-modal-overlay.active,.snooze-modal-overlay.active{opacity:1;visibility:visible}.add-task-modal,.edit-task-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;overflow-y:auto;transform:scale(.9);transition:transform .3s ease;box-shadow:0 20px 40px #00000026}.add-task-modal-overlay.active .add-task-modal,.edit-task-modal-overlay.active .edit-task-modal{transform:scale(1)}.add-task-header,.edit-task-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.add-task-header h3,.edit-task-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.add-task-modal form,.edit-task-modal form{padding:24px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.cancel-btn,.submit-btn{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:14px}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:#fbbf24;color:#fff}.submit-btn:hover{background:#f59e0b}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.add-task-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fbbf24;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #fbbf2440}.add-task-btn:hover{background:#f59e0b;transform:translateY(-1px) scale(1.03);box-shadow:0 8px 16px #fbbf244d}.add-task-btn svg{width:20px;height:20px}.task-action-btn-small{padding:4px;border:none;background:#0000001a;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.task-action-btn-small:hover{background:#0003}.task-action-btn-small svg{width:12px;height:12px;color:#6b7280}.task-action-btn-small.snooze:hover{background:#f59e0b33}.task-action-btn-small.snooze:hover svg{color:#f59e0b}.task-action-btn-small.edit:hover{background:#3b82f633}.task-action-btn-small.edit:hover svg{color:#3b82f6}.task-card.snoozed{opacity:.6;background:#f8f9fa;border-color:#dee2e6}.task-card.snoozed .task-title{color:#6c757d}.task-card.snoozed .task-description{color:#868e96}.task-snoozed-tag{background:#6c757d;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.task-card.snoozed .task-priority,.task-card.snoozed .task-time{opacity:.7}.task-card.snoozed .task-icon-btn{opacity:.8}.task-card .task-icon-btn:disabled{opacity:.5;cursor:not-allowed}.task-card.snoozed .task-icon-btn:hover{opacity:1}.snooze-modal{background:#fff;border-radius:12px;width:90%;max-width:360px;transform:scale(.9);transition:transform .3s ease;box-shadow:0 20px 40px #00000026}.snooze-modal-overlay.active .snooze-modal{transform:scale(1)}.snooze-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.snooze-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.snooze-options{padding:20px;display:flex;flex-direction:column;gap:12px}.snooze-option-btn{padding:12px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;color:#374151}.snooze-option-btn:hover{background:#f9fafb;border-color:#d1d5db}.snooze-option-btn:active{transform:translateY(1px)}.task-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;padding:16px;box-shadow:0 10px 25px #00000026;z-index:10001;transform:translate(100%);opacity:0;transition:all .3s ease;min-width:300px}.task-notification.show{transform:translate(0);opacity:1}.task-notification.success{border-left:4px solid #10b981}.task-notification.error{border-left:4px solid #ef4444}.notification-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff}.task-notification.success .notification-icon{background:#10b981}.task-notification.error .notification-icon{background:#ef4444}.notification-text{flex:1;font-size:14px;color:#374151}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;line-height:1;transition:color .2s}.close-button:hover{color:#374151}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.add-task-modal,.edit-task-modal{width:95%;margin:20px}.add-task-btn{font-size:11px;padding:6px 10px}.add-task-btn svg{width:12px;height:12px}}.recommendation-priority.high .priority-label{background:#fee2e2;color:#dc2626}.recommendation-priority.medium .priority-label{background:#fef3c7;color:#f59e0b}.recommendation-priority.low .priority-label{background:#d1fae5;color:#10b981}.impact-badge{font-size:10px;font-weight:500;padding:2px 5px;border-radius:3px;background:#e2e8f0;color:#475569;text-transform:capitalize}.recommendation-actions{display:flex;gap:6px}.action-btn{width:28px;height:28px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.action-btn.approve{border-color:#10b981;color:#10b981}.action-btn.approve:hover{background:#10b981;color:#fff}.action-btn.reject{border-color:#6b7280;color:#6b7280}.action-btn.reject:hover{background:#6b7280;color:#fff}.action-icon{width:14px;height:14px}.recommendation-content{padding-top:6px}.recommendation-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 6px;line-height:1.4}.recommendation-reasoning{font-size:13px;color:#64748b;margin:0;line-height:1.4}.strategic-insights{border-top:1px solid #e2e8f0;padding-top:16px}.strategic-insights h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px}.insights-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.insight-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.insight-item:hover{border-color:#fabd24;box-shadow:0 2px 8px #fabd2426}.insight-item.positive{background:linear-gradient(135deg,#10b9810d,#10b98105);border-color:#10b981}.insight-item.warning{background:linear-gradient(135deg,#fabd240d,#fabd2405);border-color:#fabd24}.insight-item.negative{background:linear-gradient(135deg,#dc26260d,#dc262605);border-color:#dc2626}.insight-item.neutral{background:linear-gradient(135deg,#6b72800d,#6b728005);border-color:#6b7280}.insight-icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.insight-icon.positive{color:#10b981}.insight-icon.warning{color:#fabd24}.insight-icon.negative{color:#dc2626}.insight-icon.neutral{color:#6b7280}.insight-text{font-size:13px;color:#374151;line-height:1.4;flex:1}.business-summary-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:18px;transition:all .2s ease}.summary-card:hover{border-color:#fabd24;box-shadow:0 4px 12px #fabd2426;transform:translateY(-1px)}.summary-card.rule-of-40.excellent{background:linear-gradient(135deg,#10b9810d,#10b98105);border-color:#10b981}.summary-card.rule-of-40.good{background:linear-gradient(135deg,#fabd240d,#fabd2405);border-color:#fabd24}.summary-card.rule-of-40.average{background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border-color:#f59e0b}.summary-card.rule-of-40.poor{background:linear-gradient(135deg,#dc26260d,#dc262605);border-color:#dc2626}.rule-40-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.breakdown-item{display:flex;justify-content:space-between;font-size:13px;color:#64748b}.breakdown-item span:last-child{font-weight:600;color:#374151}.benchmark-indicator{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;text-align:center}.benchmark-indicator.excellent{background:#d1fae5;color:#10b981}.benchmark-indicator.good{background:#fef3c7;color:#fabd24}.benchmark-indicator.average{background:#fed7aa;color:#f59e0b}.benchmark-indicator.poor{background:#fee2e2;color:#dc2626}.unit-economics-grid,.financial-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-item{display:flex;flex-direction:column;gap:3px}@media (max-width: 1200px){.charts-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:480px}.chart-container.large-chart{grid-column:span 2}}@media (max-width: 768px){.business-header{flex-direction:column;align-items:flex-start;gap:12px}.business-controls{width:100%;justify-content:space-between}.charts-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,1fr);height:600px}.chart-container.large-chart{grid-column:span 1}.recommendations-grid,.summary-grid{grid-template-columns:1fr}}@media (max-width: 480px){.business-container{padding:12px}.business-charts-section,.ai-recommendations-section,.business-summary-section{padding:16px}.chart-container,.recommendation-card{padding:12px}}.velocity-metric-card.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.velocity-metric-card.chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#fabd24}.velocity-metric-card.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fabd24,#f59e0b);opacity:0;transition:opacity .3s ease}.velocity-metric-card.chart-card:hover:before{opacity:1}.metric-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.metric-title-section{display:flex;justify-content:space-between;align-items:flex-start}.metric-header h3{font-size:14px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.5px}.metric-trend{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;white-space:nowrap}.metric-trend.positive{background:#10b9811a;color:#059669}.metric-trend.negative{background:#ef44441a;color:#dc2626}.metric-chart-container{height:80px;width:100%;margin:16px 0;position:relative}.metric-chart{width:100%;height:100%;overflow:visible}.metric-chart path{transition:all .3s ease}.velocity-metric-card.chart-card:hover .metric-chart path{filter:brightness(1.1)}.metric-comparison{font-size:12px;color:#9ca3af;margin:0;text-align:center}.velocity-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}@media (max-width: 480px){.metric-title-section{flex-direction:column;gap:8px;align-items:flex-start}.metric-trend{align-self:flex-end}}.metric-chart-loading{display:flex;align-items:center;justify-content:center;height:80px;color:#9ca3af;font-size:12px}.metric-chart-loading:before{content:"";width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #fabd24;border-radius:50%;margin-right:8px;animation:spin 1s linear infinite}.chart-point:hover{filter:brightness(1.2)}.metric-chart-container{position:relative;height:80px;width:100%;margin:16px 0}.velocity-metric-card.chart-card:hover .chart-point{opacity:1!important}.velocity-metric-card.chart-card:hover .current-point{r:6;filter:drop-shadow(0 0 4px rgba(251,189,36,.6))}.metric-chart circle{transition:all .2s ease}.velocity-metric-card.chart-card:hover .metric-chart circle{r:4;opacity:1!important}.velocity-metric-card.chart-card[id*=opportunities]{background:linear-gradient(135deg,#fefbf3,#fff)}.velocity-metric-card.chart-card[id*=winrate]{background:linear-gradient(135deg,#f0fdf9,#fff)}.velocity-metric-card.chart-card[id*=dealsize]{background:linear-gradient(135deg,#eff6ff,#fff)}.velocity-metric-card.chart-card[id*=salescycle]{background:linear-gradient(135deg,#fdf2f8,#fff)}@media (max-width: 1200px){.financial-metrics-hero{grid-template-columns:1fr;gap:24px}.financial-summary-grid{grid-template-columns:1fr}.forecast-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.business-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.business-content{padding:20px}.intelligence-grid,.gtm-metrics-grid{grid-template-columns:1fr}.gtm-metric-card{flex-direction:column;text-align:center;gap:16px}}.pod-select-container{display:flex;gap:8px;align-items:center}.pod-select-container select{flex:1}.create-pod-btn{background:var(--accent-yellow);border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.create-pod-btn:hover{background:var(--accent-yellow-warm);transform:scale(1.05)}.create-pod-btn svg{width:14px;height:14px}.create-pod-input{margin-top:8px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e1e5e9}.create-pod-input input{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;margin-bottom:8px}.create-pod-actions{display:flex;gap:8px;justify-content:flex-end}.cancel-pod-btn,.save-pod-btn{padding:6px 12px;border-radius:4px;border:none;font-size:12px;cursor:pointer;transition:all .2s ease}.cancel-pod-btn{background:#f3f4f6;color:#6b7280}.cancel-pod-btn:hover{background:#e5e7eb}.save-pod-btn{background:var(--accent-yellow);color:#fff}.save-pod-btn:hover{background:var(--accent-yellow-warm)}.member-pod{font-size:12px;color:#6b7280;margin-top:2px}.edit-pod-modal{width:90%;max-width:480px}.edit-pod-info{margin-bottom:20px}.pod-selection{margin-bottom:16px}.pod-selection .form-label{display:block;margin-bottom:8px;font-weight:500;color:#374151}#edit-member-pod{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#374151;transition:border-color .2s ease,box-shadow .2s ease}#edit-member-pod:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbd241a}#edit-member-pod:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.pod-metric .metric-label{font-size:12px;font-weight:500;color:#374151}.edit-pod-modal .pod-select-container{display:flex;gap:8px;align-items:center}#edit-pod-message{margin-top:12px;padding:8px 12px;border-radius:4px;font-size:14px;display:none}#edit-pod-message.success{display:block;background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}#edit-pod-message.error{display:block;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.targeting-section{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px;background:#f8fafc}.targeting-header{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.targeting-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.targeting-header p{font-size:12px;color:#6b7280;margin:0;max-width:600px}.targeting-content{flex:1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%}.icp-section-header h4{font-size:14px;font-weight:600;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.5px}.icp-fields-grid{display:flex;flex-direction:column;gap:16px}.icp-field{display:flex;flex-direction:column;gap:6px}.icp-field.full-width{grid-column:1 / -1}.icp-field label{font-size:13px;font-weight:500;color:#1f2937}.icp-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:13px;color:#1f2937;transition:border-color .2s}.icp-input:hover{border-color:#9ca3af}.icp-input:focus{outline:none;border-color:#fabd24;box-shadow:0 0 0 2px #fbbd2426}textarea.icp-input{resize:vertical;min-height:60px;line-height:1.4}.range-inputs{display:flex;align-items:center;gap:8px}.range-inputs .icp-input{flex:1}.range-inputs span{color:#6b7280;font-weight:500}.icp-footer{margin-top:20px;padding:16px 20px;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.icp-footer .btn-secondary{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.icp-footer .btn-secondary:hover{background:#f8fafc;border-color:#9ca3af;color:#1f2937}.icp-footer .btn-primary{padding:8px 24px;background:#fabd24;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.icp-footer .btn-primary:hover{background:#f59e0b;transform:translateY(-1px)}.icp-footer .btn-primary:active{transform:translateY(0)}#icp-save-btn .btn-spinner{position:relative;left:50%;top:40%}@media (max-width: 1024px){.icp-form-container{grid-template-columns:1fr}.icp-form-section{padding:16px}}@media (max-width: 768px){.targeting-section{padding:16px}.icp-footer{flex-direction:column}.icp-footer button{width:100%}}.chart-canvas{position:relative;width:100%;min-height:100px;overflow:visible}.chart-tooltip{position:absolute;background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;pointer-events:none;z-index:10010;opacity:0;transition:opacity .2s ease;white-space:nowrap;transform:translateY(-100%)}.chart-tooltip.show{opacity:1}.chart-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;fill:#666;text-anchor:middle}.chart-point{cursor:pointer;transition:all .2s ease}.chart-point:hover{r:4;opacity:1!important}.chart-bar{cursor:pointer;transition:opacity .2s ease}.chart-bar:hover{opacity:1!important}.chart-container{position:relative;width:100%;min-width:200px}.chart-container .chart-canvas{width:100%;height:auto}.chart-canvas svg{width:100%;height:auto;max-width:100%}@media (max-width: 768px){.chart-label{font-size:8px}.chart-tooltip{font-size:11px;padding:6px 10px}}.revenue-jamboard-container{height:100%;display:flex;flex-direction:column;border-radius:12px;position:relative;overflow:hidden}.revenue-section{border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:visible}.revenue-jamboard-header{position:absolute;top:0;left:0;right:0;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:10;background:transparent;pointer-events:none}.jamboard-title-section,.jamboard-controls{pointer-events:auto}.jamboard-title-section h2{margin:0;font-size:16px;font-weight:600;color:#111827;text-shadow:0 1px 2px rgba(255,255,255,.8)}.jamboard-title-section p{margin:4px 0 0;font-size:12px;color:#6b7280;text-shadow:0 1px 2px rgba(255,255,255,.8)}.jamboard-controls{display:flex;align-items:center;gap:16px}.jamboard-search .search-icon{position:absolute;left:12px;width:16px;height:16px;color:#6b7280;pointer-events:none}.jamboard-search input{padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:8px;background:#fffffff2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:14px;width:200px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.jamboard-search input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #00000026;background:#fff}.jamboard-zoom-btn,.jamboard-add-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000001a}.jamboard-zoom-btn svg,.jamboard-add-btn svg{width:16px;height:16px}.jamboard-zoom-btn:hover,.jamboard-add-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.jamboard-add-btn{background:#fabd24f2;color:#fff;border-color:#fabd24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.jamboard-add-btn:hover{background:#f59e0b;border-color:#f59e0b}@media (max-width: 768px){.revenue-jamboard-header{flex-direction:column;gap:12px;align-items:flex-start;padding:12px 16px}.jamboard-controls{width:100%;justify-content:space-between;gap:12px}.jamboard-search input{width:150px}.jamboard-zoom-btn,.jamboard-add-btn{padding:6px 12px;font-size:13px}.jamboard-zoom-btn svg,.jamboard-add-btn svg{width:14px;height:14px}}.revenue-jamboard{flex:1;position:relative;overflow:hidden;background:#f8fafc;cursor:grab;width:100%;height:100%}.revenue-jamboard:active{cursor:grabbing}.jamboard-background-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#e5e7eb 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.jamboard-content-layer{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;transition:transform .2s ease;pointer-events:none}.jamboard-content-layer>*{pointer-events:auto}.jamboard-help-card{background:#fff;border-radius:24px;padding:32px 40px;box-shadow:0 0 0 1px #0000000a,0 4px 12px #0000000a,0 16px 48px #0000000f;max-width:580px}.jamboard-help-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;flex-shrink:0;overflow:visible}.jamboard-help-icon svg{width:36px;height:36px;color:#6b7280;stroke:currentColor;stroke-width:1.5;fill:none;display:block}.jamboard-help h3{margin:0 0 10px;font-size:20px;font-weight:600;color:#1f2937;letter-spacing:-.01em}.jamboard-help p{margin:0 0 28px;font-size:14px;color:#6b7280;line-height:1.5}.jamboard-controls-hint{display:flex;justify-content:center;gap:24px;margin-top:0;flex-wrap:wrap}.control-hint{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:#6b7280}.control-key{background:#f9fafb;padding:12px 16px;border-radius:12px;font-weight:500;border:1px solid #e5e7eb;display:flex;align-items:center;gap:6px;transition:all .2s ease;font-size:12px;color:#4b5563}.control-key svg{width:16px;height:16px;color:#9ca3af}.control-desc{font-size:12px;color:#9ca3af;font-weight:500}.workflow-jamboard-card{position:absolute;width:280px;background:#fff;border:1px solid #f8fafc;border-radius:24px;padding:1rem;transition:all .2s ease;cursor:default;box-shadow:inset -2px -2px 4px #00000014,inset 2px 2px 4px #f8f8f8cc}.workflow-jamboard-card:hover{border-color:#f1f5f9;box-shadow:inset -3px -3px 6px #00000014,inset 2px 2px 4px #ffffffe6,0 4px 12px #0000000a;transform:translateY(-1px)}.workflow-jamboard-card.dragging{z-index:1000;box-shadow:inset -3px -3px 6px #0000001f,inset 2px 2px 4px #ffffffe6,0 8px 24px #00000014;transform:scale(1.02)}.workflow-card-body{padding:0 0 12px;display:flex;align-items:center;justify-content:space-between;cursor:move;background:transparent;border:none}.workflow-card-body:active{cursor:grabbing}.workflow-info{display:flex;align-items:center;gap:12px;flex:1}.workflow-icon{width:32px;height:32px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.workflow-icon svg{width:16px;height:16px}.workflow-details{flex:1;min-width:0}.workflow-name{margin:0;font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-version{font-size:12px;color:#6b7280;font-weight:400}.workflow-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.workflow-status-badge{padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.workflow-status-badge.active{background:#dcfce7;color:#16a34a}.workflow-status-badge.paused{background:#fef3c7;color:#d97706}.workflow-status-badge.draft{background:#f3f4f6;color:#6b7280}.workflow-status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.workflow-status-indicator.active{background:#22c55e}.workflow-status-indicator.paused{background:#f59e0b}.workflow-status-indicator.draft{background:#6b7280}.workflow-card-stats{padding:16px;background:#fff}.stat-row{display:flex;justify-content:space-between;margin-bottom:12px}.stat-row:last-child{margin-bottom:0}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.stat-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.compact-metric-card .metric-info{flex:1;min-width:0}.compact-metric-card .metric-value{font-size:16px;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:2px}.compact-metric-card .metric-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:16px;font-weight:600;color:#111827}.stat-value.revenue{color:#059669}.stat-value.conversion{color:#2563eb}.stat-value.leads{color:#7c3aed}.stat-value.active{color:#dc2626}.workflow-card-actions{padding:0;background:transparent;border-top:none;display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:0}.workflow-action-btn{width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.workflow-action-btn:hover{background:#f3f4f6;color:#374151}.workflow-action-btn svg{width:16px;height:16px}@media (max-width: 768px){.revenue-jamboard-header{flex-direction:column;gap:16px;align-items:flex-start}.jamboard-controls{width:100%;justify-content:space-between}.jamboard-search input{width:150px}.workflow-jamboard-card{width:240px}.jamboard-controls-hint{flex-direction:column;gap:8px}}@keyframes cardAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.workflow-jamboard-card{animation:cardAppear .3s ease-out}.workflow-jamboard-card.dragging{transition:none}.workflow-jamboard-card.dragging .workflow-card-body{opacity:.9}.workflow-jamboard-card[style*="opacity: 0.3"]{transition:opacity .3s ease}.workflow-action-btn:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}:is() .inline-workflow-canvas .inline-workflow-fullscreen-btn{pointer-events:auto!important;z-index:3}.workflow-action-btn:hover:after{opacity:1}.jamboard-background-grid{background-image:radial-gradient(circle,#e5e7eb 1px,transparent 1px),radial-gradient(circle,#f3f4f6 1px,transparent 1px);background-size:20px 20px,100px 100px}*{transition:all .2s ease}.workflow-jamboard-card.dragging,.workflow-jamboard-card.dragging *{transition:none!important}.tool-separator{width:1px;height:24px;background:#d1d5db;margin:0 4px}.jamboard-text-element{position:relative;box-sizing:border-box;transition:font-size .1s ease}.jamboard-text-element.selected{position:relative}.resize-handle{position:absolute;background-color:#3b82f6;border:1px solid white;border-radius:50%;width:8px;height:8px;z-index:15;transition:all .2s ease}.resize-handle:hover{background-color:#2563eb;transform:scale(1.2)}.text-remove-btn{position:absolute;background-color:#ef4444;border:1px solid white;border-radius:50%;width:20px;height:20px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:16;line-height:1;transition:all .2s ease}.text-remove-btn:hover{background-color:#dc2626;transform:scale(1.1)}.jamboard-text-element [contenteditable=true]{outline:none;border:none;background:transparent;width:100%;height:100%;padding:0;margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;word-wrap:break-word;overflow:visible;-webkit-user-select:text;user-select:text;cursor:text;white-space:pre-wrap}.jamboard-text-element [contenteditable=true]:focus{outline:2px solid #f6ea3b;outline-offset:2px}.resize-nw,.resize-se{cursor:nw-resize}.resize-ne,.resize-sw{cursor:ne-resize}.jamboard-text-element:not([data-editing=true]){cursor:move}.jamboard-text-element[data-editing=true]{cursor:text}.jamboard-text-element:not([contenteditable]){white-space:nowrap}.jamboard-text-element:not(.selected) .resize-handle,.jamboard-text-element:not(.selected) .text-remove-btn{display:none}#jamboard-drawings-svg path{pointer-events:stroke!important;stroke-opacity:1!important;fill:none!important;vector-effect:non-scaling-stroke}#jamboard-drawings-svg path:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));stroke-width:4!important}#jamboard-svg-layer{pointer-events:none!important;z-index:5!important}#jamboard-svg-layer svg{pointer-events:auto!important}#jamboard-drawings-svg path{cursor:move;transition:filter .2s ease}#jamboard-drawings-svg path:hover{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}#jamboard-drawings-svg path.dragging{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));opacity:.8}#revenue-jamboard.pen-active{cursor:crosshair!important}#jamboard-drawings-svg{pointer-events:auto!important;overflow:visible!important}.pen-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42" /></svg>') 2 22,crosshair!important}.compact-dashboard-overlay{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:0 0 16px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:700px}.compact-dashboard-overlay.expanded{transform:translate(-50%) translateY(0);box-shadow:0 4px 20px #0000001a}.compact-dashboard-overlay.collapsed{transform:translate(-50%) translateY(-100%)}.dashboard-toggle-btn{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:40px;height:20px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:0 0 10px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.dashboard-toggle-btn:hover{background:#fabd2466;border-color:#fabd2499}.dashboard-toggle-btn svg{width:16px;height:16px;color:#fabd24}.compact-dashboard-content{padding:20px 24px 24px}.dashboard-header-compact{text-align:center;margin-bottom:20px}.dashboard-header-compact h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.dashboard-period{font-size:12px;color:#6b7280;margin-top:4px}.compact-metrics-row{display:flex;gap:16px;margin-bottom:16px}.compact-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}@media (max-width: 1400px){.compact-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.compact-metrics-grid{grid-template-columns:1fr}}.compact-metric-card{flex:1;display:flex;align-items:center;gap:12px;padding:16px;background:#fffc;border:1px solid rgba(0,0,0,.05);border-radius:10px;min-width:140px;transition:all .2s ease}.compact-metric-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.metric-chart-mini{flex-shrink:0;width:60px;height:30px}.metric-trend{font-size:10px;font-weight:600;display:flex;align-items:center;gap:2px}.metric-trend.positive{color:#059669}.metric-trend.negative{color:#dc2626}.dashboard-refresh-btn-compact{position:absolute;top:16px;right:16px;width:28px;height:28px;border:none;background:#0000000d;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dashboard-refresh-btn-compact:hover{background:#3b82f61a}.dashboard-refresh-btn-compact svg{width:16px;height:16px;color:#6b7280}.dashboard-refresh-btn-compact.spinning svg{animation:spin 1s linear infinite}.recommendations-sidebar{position:absolute;top:100px;left:16px;width:280px;z-index:900;transition:all .3s cubic-bezier(.4,0,.2,1)}.recommendations-sidebar.hidden{width:0}.recommendations-sidebar.hidden .recommendations-content{opacity:0;transform:translate(-100%);pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.recommendations-sidebar.hidden .recommendations-toggle-btn:hover~.recommendations-content{opacity:1;transform:translate(0);pointer-events:auto;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.recommendations-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:16px;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}.recommendations-header-compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.05)}.recommendations-header-compact h4{margin:0;font-size:14px;font-weight:600;color:#1f2937}.rec-count{background:#3b82f6;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.recommendations-list-compact{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.recommendation-card-compact{padding:12px;background:#fffc;border:1px solid rgba(0,0,0,.05);border-radius:8px;transition:all .2s ease}.recommendation-card-compact:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.rec-header-compact{display:flex;align-items:center;gap:6px;margin-bottom:6px}.rec-icon{font-size:14px}.rec-priority{font-size:9px;font-weight:600;text-transform:uppercase;padding:2px 4px;border-radius:4px;letter-spacing:.5px}.rec-priority.priority-red{background:#fee2e2;color:#dc2626}.rec-priority.priority-orange{background:#fef3c7;color:#d97706}.rec-priority.priority-blue{background:#dbeafe;color:#2563eb}.rec-title-compact{margin:0 0 4px;font-size:12px;font-weight:600;color:#1f2937;line-height:1.3}.rec-description-compact{margin:0 0 8px;font-size:11px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rec-actions-compact{display:flex;gap:4px}.rec-btn{flex:1;padding:4px 8px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.rec-btn.accept{background:#dcfce7;color:#16a34a}.rec-btn.accept:hover{background:#bbf7d0}.rec-btn.dismiss{background:#fef2f2;color:#dc2626}.rec-btn.dismiss:hover{background:#fee2e2}.recommendations-toggle-btn{position:absolute;top:0;left:0;width:40px;height:40px;background:#3b82f6f2;border:none;border-radius:0 8px 8px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;pointer-events:auto;z-index:10}.recommendations-toggle-btn:hover{background:#3b82f6;transform:translate(4px);box-shadow:0 6px 16px #3b82f666}.recommendations-toggle-btn svg{width:20px;height:20px;color:#fff;transition:transform .3s ease}.recommendations-sidebar:not(.hidden) .recommendations-toggle-btn svg{transform:rotate(180deg)}.recommendations-sidebar.hidden .recommendations-content:hover{opacity:1;transform:translate(0);pointer-events:auto;transition-delay:0s}.recommendations-sidebar.hidden .recommendations-content{transition-delay:.2s}.recommendations-sidebar.hidden .recommendations-toggle-btn:hover~.recommendations-content,.recommendations-sidebar.hidden .recommendations-content:hover{transition-delay:0s}.recommendations-toggle-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.recommendations-sidebar.hidden .recommendations-toggle-btn{background:#3b82f6e6}.recommendations-sidebar.hidden .recommendations-toggle-btn:hover{background:#3b82f6;transform:translate(6px);box-shadow:0 8px 20px #3b82f666}.notification-dot.new{animation:notificationPulse 2s infinite}@keyframes notificationPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.notification-dot{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:9px;font-weight:600;padding:2px 4px;border-radius:8px;min-width:12px;text-align:center;line-height:1;z-index:11}#strategy-view{position:relative;padding:24px 24px 0}@media (max-width: 768px){.compact-metrics-row{flex-direction:column;gap:12px}.compact-dashboard-overlay{min-width:90vw;left:5vw;transform:translate(0)}.compact-dashboard-overlay.expanded{transform:translate(0) translateY(0)}.compact-dashboard-overlay.collapsed{transform:translate(0) translateY(-100%)}}.accordion-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden;background:#fff;transition:all .2s ease}.accordion-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.accordion-header{width:100%;padding:16px 20px;background:#f9fafb;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;color:#374151;transition:all .2s ease;border-bottom:1px solid #e5e7eb}.accordion-header:hover{background:#f3f4f6;color:#1f2937}.accordion-header.active{background:#3b82f6;color:#fff;border-bottom-color:#2563eb}.accordion-icon{width:20px;height:20px;transition:transform .3s ease;flex-shrink:0}.accordion-header.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:#fff}.accordion-content.active{max-height:3000px;transition:max-height .3s ease-in}.accordion-content>div{padding:24px 20px}.icp-field{margin-bottom:20px}.icp-field.full-width{width:100%}.icp-field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.icp-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s ease;resize:vertical;min-height:44px}.icp-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.icp-input::placeholder{color:#9ca3af}.icp-input[rows]{min-height:auto;font-family:inherit;line-height:1.5}.input-with-unit{position:relative;display:flex;align-items:center}.input-prefix,.input-suffix{position:absolute;color:#6b7280;font-size:14px;font-weight:500;pointer-events:none;z-index:1}.input-prefix{left:12px}.input-suffix{right:12px}.input-with-unit .icp-input{padding-left:28px}.input-with-unit .icp-input:has(+.input-suffix){padding-right:35px;padding-left:12px}.field-hint{display:block;margin-top:4px;color:#6b7280;font-size:12px;line-height:1.4}.rec-affected-item{font-size:10px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.rec-unified-description{font-size:12px;line-height:1.4;color:#374151;margin:8px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.rec-executed{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px}.rec-success-message{font-size:11px;color:#059669;margin:4px 0;font-weight:500}.rec-auto-executed{font-size:9px;color:#6b7280;font-style:italic}.recommendation-card-compact.processing{opacity:.6;pointer-events:none}.recommendation-card-compact.processing:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}.subsection-header{margin:1.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.subsection-header h5{font-size:.95rem;font-weight:600;color:#374151;margin:0 0 .25rem}.subsection-description{font-size:.8rem;color:#6b7280;margin:0;font-style:italic}.section-description{font-size:.85rem;color:#6b7280;margin-bottom:1rem;font-style:italic}.calculated-field{position:relative}.calculated-input{background-color:#f9fafb!important;color:#6b7280!important;cursor:not-allowed}.field-hint{display:block;margin-top:.25rem;font-size:.75rem;color:#6b7280;font-style:italic}.text-cursor{cursor:text}.view-toggle-buttons{display:flex;gap:4px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 1px 2px #0000000d}.view-toggle-btn:hover{background:#f9fafb;color:#374151;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.view-toggle-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.view-toggle-btn.active:hover{background:#2563eb;border-color:#2563eb}.view-toggle-btn svg{width:18px;height:18px}.relationships-kanban-wrapper{width:100%;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.relationships-kanban-wrapper::-webkit-scrollbar{display:none}.relationships-kanban-content{display:flex;flex-direction:column;width:100%;height:100%}.kanban-stages-header{display:flex;background:#f8fafc;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}.kanban-stage-header{font-weight:600;padding:6px 12px 6px 30px;color:#374151;text-transform:uppercase;font-size:11px;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;position:relative;clip-path:polygon(0% 0%,calc(100% - 16px) 0%,99.5% 50%,calc(100% - 16px) 100%,0% 100%,15px 50%);margin-left:-28px;margin-right:-17px;cursor:pointer}.kanban-stage-border{width:30px;height:100%;position:relative;z-index:-1}.kanban-stage-border.stage-gray{background-color:#6b7280}.kanban-stage-border.stage-sky,.kanban-stage-border.stage-blue{background-color:#3b82f6}.kanban-stage-border.stage-purple{background-color:#a855f7}.kanban-stage-border.stage-orange{background-color:#f59e0b}.kanban-stage-border.stage-green-dark{background-color:#22c55e}.kanban-stage-border.stage-red{background-color:#ef4444}.kanban-stage-border.stage-red-dark{background-color:#450a0a}.kanban-stage-border.stage-amber{background-color:#f59e0b}.kanban-stage-header:first-child{clip-path:polygon(0% 0%,calc(100% - 16px) 0%,99.5% 50%,calc(100% - 16px) 100%,0% 100%);margin-left:0;padding-left:15px;border-top-left-radius:8px}.kanban-stage-header:last-child{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,15px 50%);padding-right:15px;border-top-right-radius:8px}.kanban-stage-header.stage-gray{background:#f8f9fa;border:1px solid #6b7280;color:#6b7280}.kanban-stage-header.stage-sky{background:#f0f9ff;border:1px solid #3b82f6;color:#3b82f6}.kanban-stage-header.stage-blue{background:#eff6ff;border:1px solid #3b82f6;color:#3b82f6}.kanban-stage-header.stage-purple{background:#faf5ff;border:1px solid #a855f7;color:#a855f7}.kanban-stage-header.stage-orange{background:#fffbeb;border:1px solid #f59e0b;color:#f59e0b}.kanban-stage-header.stage-green{background:#f0fdf4;border:1px solid #22c55e;color:#22c55e}.kanban-stage-header.stage-green-dark{background:#ecfdf5;border:1px solid #16a34a;color:#16a34a}.kanban-stage-header.stage-red{background:#fef2f2;border:1px solid #ef4444;color:#ef4444}.kanban-stage-header.stage-red-dark{background:#fef1f1;border:1px solid #450a0a;color:#450a0a}.kanban-stage-header.stage-amber{background:#fffbeb;border:1px solid #f59e0b;color:#f59e0b}.stage-header-content{display:flex;align-items:center;gap:2px}.stage-sort-indicator{position:absolute;right:8px;z-index:10}.sort-icon{font-size:14px;opacity:.8;background:#fff3;padding:1px 3px;border-radius:3px}.stage-header-title{font-weight:600;color:inherit}.stage-count{background:#0000001a;color:#374151;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:500}.stage-revenue{font-size:11px;color:#059669;font-weight:600}.kanban-body-grid{display:flex;width:100%;min-height:calc(100vh - 173px);max-height:0}.kanban-column{flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #f3f4f6;min-height:400px}.kanban-column:last-child{border-right:none}.kanban-column-body{padding:12px 8px;display:flex;flex-direction:column;gap:8px;min-height:100%;width:100%}.kanban-lead-card{background:#fff;border:1px solid #f8fafc;border-radius:24px;padding:1rem;transition:all .2s ease;cursor:pointer;margin-bottom:12px;width:100%;box-sizing:border-box;box-shadow:inset -3px -3px 6px #00000012,inset 2px 2px 4px #fbfbfbcc}.kanban-lead-card:hover{box-shadow:inset -4px -4px 8px #0000001a,inset 3px 3px 6px #fbfbfbe6,0 4px 12px #00000014;transform:translateY(-2px);transition:all .2s ease}.lead-card-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;position:relative}.lead-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563;font-weight:600;font-size:12px;flex-shrink:0;border:1px solid #e5e7eb;box-shadow:inset -1px -1px 2px #0000000d,inset 1px 1px 2px #fffc}.lead-card-info{flex:1;min-width:0}.lead-card-name{font-weight:600;font-size:11px;color:#111827;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-card-company{font-size:10px;color:#6b7280;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.lead-card-priority{position:absolute;top:8px;right:8px;padding:.25rem .75rem;border-radius:12px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lead-card-priority.priority-low{background:#f1f5f9;color:#64748b;box-shadow:inset -2px -2px 3px #64748b14,inset 1px 1px 2px #f8fafce6}.lead-card-priority.priority-medium{background:#fef9c3;color:#eab308;box-shadow:inset -2px -2px 3px #eab30814,inset 1px 1px 2px #fef9c3e6}.lead-card-priority.priority-high{background:#fee2e2;color:#ef4444;box-shadow:inset -2px -2px 3px #ef444414,inset 1px 1px 2px #fef2f2e6}.lead-card-priority.priority-urgent{background:#fae8ff;color:#a855f7;box-shadow:inset -2px -2px 3px #a855f714,inset 1px 1px 2px #fae8ffe6}.lead-card-revenue{font-size:10px;font-weight:600;color:#059669}.lead-card-assigned{display:flex;align-items:center;gap:4px}.assigned-avatar-small{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #bfdbfe;box-shadow:inset -1px -1px 2px #1e40af14,inset 1px 1px 2px #eff6ffe6}.kanban-empty-state{font-size:.75rem;text-align:center;padding:2rem 1rem;color:var(--text-muted)}.kanban-body-grid::-webkit-scrollbar{height:6px;width:6px}.kanban-body-grid::-webkit-scrollbar-track{background:#f1f5f9}.kanban-body-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.kanban-body-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1400px){.kanban-stages-header,.kanban-body-grid{min-width:1540px}.kanban-column{width:171px;min-width:171px;max-width:171px}}@media (max-width: 1300px){.kanban-stage-header{margin-left:-23px;font-size:10px}.kanban-lead-card{padding:8px}.lead-card-name{font-size:10px}.lead-card-company{font-size:9px}}@media (max-width: 768px){.relationships-kanban-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}.kanban-stages-header,.kanban-body-grid,.relationships-kanban-content{width:max-content;min-width:max-content}}.ai-summary-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d}.ai-summary-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.ai-summary-header .ai-icon{width:20px;height:20px;opacity:.9}.ai-summary-title{font-size:15px;font-weight:600;margin:0}.ai-summary-timestamp{font-size:12px;opacity:.8;margin-left:auto}.ai-summary-content{padding:20px}.ai-summary-text{font-size:14px;line-height:1.6;color:#374151;margin:0;background:#f8fafc;padding:16px;border-radius:8px;border-left:3px solid #3b82f6;font-style:normal}.problems-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d}.problems-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.problems-header .problems-icon{width:20px;height:20px;opacity:.9}.problems-title{font-size:15px;font-weight:600;margin:0}.problems-count{background:#fff3;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-left:auto}.problems-content{padding:20px}.problems-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.problem-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fef7f0;border-radius:8px;border-left:3px solid #f59e0b}.problem-bullet{width:6px;height:6px;background:#f59e0b;border-radius:50%;margin-top:6px;flex-shrink:0}.problem-text{font-size:14px;line-height:1.5;color:#374151;margin:0}.ai-summary-empty,.problems-empty{text-align:center;padding:32px 20px;color:#9ca3af}.ai-summary-empty .empty-icon,.problems-empty .empty-icon{font-size:32px;margin-bottom:12px;opacity:.6}.ai-summary-empty p,.problems-empty p{font-size:14px;margin:0}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.section-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.section-header .section-icon{width:20px;height:20px;color:#6b7280}.section-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;box-shadow:0 1px 3px #0000000d}.summary-item.ai-generated,.summary-item.problems-identified{background:none;border:none;padding:0;border-radius:0;margin-bottom:0}.summary-item.standard{padding:0;border-bottom:none}.summary-label,.summary-divider{display:none}.upload-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;margin-left:4px;display:inline-flex;align-items:center;gap:2px}.upload-indicator{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.transcript-modal-stats .upload-indicator{border:1px solid rgba(245,158,11,.3);background:#f59e0b1a;color:#f59e0b}.notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;max-width:400px;transform:translate(100%);transition:transform .3s ease;border-left:4px solid}.notification.success{border-left-color:#22c55e}.notification.warning{border-left-color:#f59e0b}.notification.error{border-left-color:#ef4444}.notification.info{border-left-color:#3b82f6}.notification.show{transform:translate(0)}.notification-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.notification-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.notification.success .notification-icon{background:#22c55e}.notification.warning .notification-icon{background:#f59e0b}.notification.error .notification-icon{background:#ef4444}.notification.info .notification-icon{background:#3b82f6}.notification-text{flex:1;font-size:14px;line-height:1.4;color:#374151}.notification-close{background:none;border:none;font-size:18px;cursor:pointer;color:#9ca3af;padding:0;line-height:1;flex-shrink:0}.notification-close:hover{color:#374151}.stage-timeline{display:flex;align-items:center;justify-content:center;background:#ffffff08}.stage-item{display:flex;flex-direction:column;align-items:center;min-width:20px;opacity:.6;transition:all .4s cubic-bezier(.4,0,.2,1)}.stage-item.active{opacity:1;transform:scale(1.08)}.stage-item:hover:not(.active){opacity:.8;transform:scale(1.02)}.stage-item.transitioning{animation:stageTransition .8s cubic-bezier(.4,0,.2,1)}@keyframes stageTransition{0%,to{transform:scale(1.08)}50%{transform:scale(1.18);filter:brightness(1.1)}}.stage-number{width:20px;height:20px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:(--text-primary);margin-bottom:4px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.stage-item.active .stage-number{background:#fabd2426;border:2px solid var(--accent-yellow);color:var(--accent-yellow);box-shadow:0 4px 16px #fabd2440,0 0 0 4px #fabd241a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stage-label{font-size:9px;font-weight:600;text-align:center;color:(var(--text-primary));text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.stage-item.active .stage-label{color:var(--accent-yellow);text-shadow:0 1px 3px rgba(250,189,36,.3)}.stage-connector{flex:1;height:3px;background:#ffffff26;margin:0 18px;max-width:70px;border-radius:2px;position:relative;overflow:hidden}.stage-connector:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(250,189,36,.6),transparent);transition:left .6s ease}.stage-item.active+.stage-connector:after{left:100%}.copilot-main-btn{background:#fabd241f;color:var(--accent-yellow);border:2px solid var(--accent-yellow);border-radius:14px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:60px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #fabd2433,inset 0 1px #ffffff1a}.copilot-main-btn:hover{transform:translateY(-2px)}.copilot-main-btn:active{transform:translateY(-1px);transition-duration:.1s}.copilot-main-btn.recording{background:#ef44441f;color:#ef4444;border-color:#ef4444;animation:recordingPulse 2s ease-in-out infinite}.copilot-main-btn.recording:hover{background:#ef44442e;border-color:#dc2626;color:#dc2626;box-shadow:0 8px 24px #ef44444d,inset 0 1px #ffffff1a}@keyframes recordingPulse{0%,to{box-shadow:0 4px 16px #ef444433,0 0 #ef444466}50%{box-shadow:0 4px 16px #ef44444d,0 0 0 8px #ef44441a}}.copilot-status{display:flex;align-items:center;gap:8px;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;transition:background-color .3s ease}.status-text{font-weight:500}.copilot-footer{padding:24px 30px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:center;background:#00000005;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 768px){.stage-timeline{padding:6px 12px;margin:0 12px}.stage-item{min-width:70px}.stage-number{width:32px;height:32px;font-size:13px}.stage-label{font-size:10px}.stage-connector{max-width:50px;margin:0 12px}.copilot-main-btn{padding:12px 28px;font-size:15px;min-width:160px}}.floating-copilot-widget{position:fixed;top:20px;right:20px;width:500px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:12px;z-index:10000;display:none;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000d;opacity:0;transform:translateY(-20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.floating-copilot-widget.show{display:block;opacity:1;transform:translateY(0) scale(1)}.floating-copilot-widget.dragging{transition:none;cursor:grabbing}.floating-widget-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fabd240d;border-bottom:1px solid rgba(250,189,36,.1);border-radius:12px 12px 0 0;cursor:grab}.floating-widget-header:active{cursor:grabbing}.floating-widget-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-primary)}.floating-widget-icon{font-size:16px;color:var(--accent-yellow);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.floating-widget-controls{display:flex;gap:6px}.floating-widget-btn{width:28px;height:28px;border:none;border-radius:6px;background:#fabd241a;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.floating-widget-btn:hover{background:#fabd2433;color:var(--text-primary);transform:scale(1.05)}.floating-widget-btn.danger:hover{background:#ef44441a;color:#ef4444}.floating-widget-btn svg{width:16px;height:16px}.floating-widget-content{padding:16px;background:#fff}.floating-status-indicator{display:flex;align-items:center;gap:8px;margin-bottom:12px}.floating-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:statusPulse 2s ease-in-out infinite}.floating-status-dot.recording{background:#ef4444}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.floating-status-text{font-size:13px;font-weight:500;color:var(--text-secondary)}.floating-timer{font-size:18px;font-weight:600;color:var(--accent-yellow);margin-bottom:12px;font-family:SF Mono,Consolas,Fira Code,monospace}.floating-latest-guidance{font-size:12px;color:var(--text-secondary);line-height:1.4;background:#fabd240d;padding:8px 10px;border-radius:6px;border-left:3px solid var(--accent-yellow);min-height:40px;display:flex;align-items:center;border:1px solid rgba(250,189,36,.1)}@media (max-width: 768px){.floating-copilot-widget{width:280px;top:10px;right:10px}.floating-widget-header{padding:10px 12px}.floating-widget-content{padding:12px}}.floating-latest-guidance.updating{animation:guidanceUpdate .4s ease}@keyframes guidanceUpdate{0%{background:#fabd2433;transform:scale(1)}50%{background:#fabd244d;transform:scale(1.02)}to{background:#fabd240d;transform:scale(1)}}.icon-todos{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3e%3c/svg%3e");background-size:18px 18px;background-repeat:no-repeat;background-position:center;width:18px;height:18px;transition:all .2s ease}.todos-container{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0;padding:0 24px 24px}.todos-scroll-container{height:100%;display:flex;flex-direction:column;min-height:0}.task-dashboard-header{display:none}.task-dashboard-header h1{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.task-dashboard-header p{color:var(--text-secondary);margin:0;font-size:12px}.task-dashboard-header .task-dashboard-title h1{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.task-dashboard-header .task-dashboard-title p{color:var(--text-secondary);margin:0;font-size:12px}.task-dashboard-title{display:flex;flex-direction:row;gap:18px;align-items:center}.task-columns-container{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;overflow:visible;min-height:0}.task-columns-container.loading{grid-template-columns:1fr;justify-content:center;text-align:center;align-items:center}.task-loading-state{display:flex;justify-content:center;align-items:center;padding:60px 20px;width:100%}.task-column{background:transparent;border-radius:12px;border:none;display:flex;flex-direction:column;overflow:hidden;min-height:0}.task-column-header{padding:1rem 1.25rem;border-bottom:none;background:transparent}.task-column-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.task-column-progress{display:flex;align-items:center;gap:.75rem}.progress-text{font-size:.75rem;color:var(--text-secondary);font-weight:500}.progress-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a,inset 0 -1px 1px #fffc}.progress-fill{height:100%;background:linear-gradient(90deg,#6b7280,#4b5563)!important;border-radius:2px;transition:width .3s ease;box-shadow:inset 0 1px 2px #00000026,inset 0 -1px 1px #ffffff4d}.task-column-body{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.task-column-body::-webkit-scrollbar{width:5px}.task-column-body::-webkit-scrollbar-track{background:#f8fafc}.task-column-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.task-column-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.task-card{background:#fff;border:1px solid #f8fafc;border-radius:24px;padding:1rem;margin-bottom:.75rem;position:relative;transition:all .2s ease;box-shadow:inset -3px -3px 6px #00000012,inset 2px 2px 4px #fbfbfbcc}.task-card:hover{border-color:#f1f5f9;box-shadow:inset -3px -3px 6px #00000014,inset 2px 2px 4px #ffffffe6,0 4px 12px #0000000a;transform:translateY(-1px)}.task-card.completed{background-color:#f8fafc;opacity:.6;transition:all .3s ease}.task-card.completed .task-title,.task-card.completed .task-description{text-decoration:line-through;color:#94a3b8}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:6px}.task-priority{padding:.25rem .75rem;border-radius:12px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-priority.priority-urgent{background:#fae8ff;color:#a855f7;box-shadow:inset -2px -2px 3px #a855f714,inset 1px 1px 2px #fae8ffe6}.task-priority.priority-high{background:#fee2e2;color:#ef4444;box-shadow:inset -2px -2px 3px #ef444414,inset 1px 1px 2px #fef2f2e6}.task-priority.priority-medium{background:#fef9c3;color:#eab308;box-shadow:inset -2px -2px 3px #eab30814,inset 1px 1px 2px #fef9c3e6}.task-priority.priority-normal{background:#dbeafe;color:#1e40af;box-shadow:inset -2px -2px 3px #1e40af14,inset 1px 1px 2px #eff6ffe6}.task-priority.priority-low{background:#f1f5f9;color:#64748b;box-shadow:inset -2px -2px 3px #64748b14,inset 1px 1px 2px #f8fafce6}.task-remove-btn{width:20px;height:20px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:all .2s ease}.task-remove-btn:hover{background:#0f172a14;color:#1e293b}.task-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.task-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:0 0 1rem}.task-time{display:none}.task-time.overdue{background:#0f172a14;color:#334155}.task-time .clock-icon{width:12px;height:12px;flex-shrink:0}.task-status-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:600;line-height:1;border:1px solid transparent;white-space:nowrap}.task-status-tag.in-progress{background:#33415514;color:#334155;border-color:#33415533}.task-status-tag.in-progress:before{content:"";width:6px;height:6px;border-radius:50%;background-color:currentColor;box-shadow:0 0 0 2px #3341551f}@media (max-width: 768px){.task-status-tag{padding:2px 6px;font-size:9px}}@media (max-width: 520px){.task-status-tag.in-progress{color:transparent;position:relative}.task-status-tag.in-progress:after{content:"IP";position:relative;color:#2563eb;font-size:10px;font-weight:700;margin-left:2px}}.task-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:8px}.task-action-buttons{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.task-action-btn{padding:.375rem .75rem;background:#1e293b;color:#fff;border:none;border-radius:9999px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.task-action-btn:hover{background:#334155;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.task-action-btn svg{width:12px;height:12px}.task-icon-btn{width:28px;height:28px;border:1px solid #e5e7eb;background:#fff;border-radius:9999px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.task-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--text-primary)}.task-icon-btn.accept{background:#0f172a14;color:#1e293b;border-color:#0f172a26}.task-icon-btn.accept:hover{background:#0f172a1f}.task-icon-btn svg{width:14px;height:14px}.task-card.completed .task-title{text-decoration:line-through}.column-empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.column-empty-state svg{display:none}.column-empty-state p{font-size:.75rem;margin:0}.task-context-tooltip{position:absolute;bottom:100%;left:0;background:var(--text-primary);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s ease;z-index:10}.task-context-tooltip:after{content:"";position:absolute;top:100%;left:12px;border:4px solid transparent;border-top-color:var(--text-primary)}@media (max-width: 1024px){.task-columns-container{grid-template-columns:1fr;gap:1rem}.task-column{max-height:none}}@media (max-width: 768px){.task-columns-container{padding:1rem}.task-card{padding:.75rem}}.task-context-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000003;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);opacity:0;visibility:hidden;transition:all .2s ease;z-index:9999;pointer-events:none}.task-context-backdrop.visible{opacity:1;visibility:visible}.task-context-tooltip-global{position:fixed;background:#fffffff2;border:none;border-radius:16px;box-shadow:0 12px 40px #00000014,0 2px 8px #0000000f;padding:0;min-width:320px;max-width:380px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10000;font-size:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.member-email-limit{margin-bottom:8px;width:100%;max-width:none;background:none;border:none;border-radius:0;padding:0;transition:none}.member-email-limit:hover{border-color:transparent;box-shadow:none}.email-limit-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.email-limit-title{font-size:11px;color:#64748b;font-weight:500;margin:0;white-space:nowrap;min-width:80px}.limit-input-wrapper{display:flex;align-items:center;gap:8px;flex:1}.email-limit-input{width:60px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;background:#fff;transition:border-color .2s ease;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.email-limit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.breakdown-toggle-btn{background:none;border:1px solid #d1d5db;color:#64748b;cursor:pointer;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;transition:all .2s ease;white-space:nowrap;height:24px;line-height:1}.breakdown-toggle-btn:hover{background-color:#f8fafc;border-color:#94a3b8;color:#475569}.email-breakdown-section{margin-top:6px;padding:0;border:none;animation:none}.email-breakdown-section.hidden{display:none}.breakdown-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breakdown-inputs{display:flex;gap:6px;align-items:center}.breakdown-input-group{display:flex;align-items:center;gap:4px}.breakdown-input-group label{font-size:10px;color:#64748b;font-weight:500;margin:0;white-space:nowrap;min-width:50px}.breakdown-input{width:45px;padding:2px 6px;border:1px solid #d1d5db;border-radius:3px;font-size:11px;font-weight:500;background:#fff;transition:border-color .2s ease;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.breakdown-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f633}.breakdown-input.outreach{border-left:2px solid #10b981}.breakdown-input.follow-up{border-left:2px solid #f59e0b}.save-breakdown-btn{padding:2px 8px;font-size:10px;font-weight:500;border-radius:3px;border:none;background:#3b82f6;color:#fff;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;height:24px}.save-breakdown-btn:hover{background:#2563eb}.breakdown-note{font-size:9px;color:#94a3b8;font-style:italic;white-space:nowrap}.save-limit-btn{padding:2px 8px;font-size:10px;font-weight:500;border-radius:3px;border:none;background:#3b82f6;color:#fff;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;height:24px;opacity:0;visibility:hidden;margin-left:8px}.save-limit-btn.visible{opacity:1;visibility:visible}.save-limit-btn:hover{background:#2563eb}.email-limit-input::-webkit-outer-spin-button,.email-limit-input::-webkit-inner-spin-button,.breakdown-input::-webkit-outer-spin-button,.breakdown-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.member-actions-dropdown{display:none;position:absolute;z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #e2e8f0;overflow:hidden;min-width:160px}.member-actions-dropdown.active{display:block}.task-context-tooltip-global.visible{opacity:1;visibility:visible;transform:translateY(0)}.task-context-tooltip-global.hiding{opacity:0;transform:translateY(-8px)}.task-context-tooltip-global:before,.task-context-tooltip-global:after{content:"";position:absolute;left:var(--arrow-left, 50%);transform:translate(-50%);border:8px solid transparent;z-index:10001}.task-context-tooltip-global:before{top:100%;border-top-color:#ffffff4d;margin-top:-1px}.task-context-tooltip-global:after{top:100%;border-top-color:#fffffff2}.task-context-tooltip-global.arrow-below:before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#ffffff4d;margin-top:0;margin-bottom:-1px}.task-context-tooltip-global.arrow-below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#fffffff2}.task-context-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:9999px;transition:all .2s ease}.task-context-btn:hover{color:var(--text-primary);background:#f8fafc}.context-label{font-size:.75rem}.context-hover-icon{width:14px;height:14px;opacity:.7;transition:opacity .2s ease}.task-context-btn:hover .context-hover-icon{opacity:1}@media (max-width: 1024px){.task-columns-container{grid-template-columns:1fr 1fr}.task-actions{align-items:flex-start}.task-action-buttons{margin-left:auto}}@media (max-width: 768px){.task-columns-container{grid-template-columns:1fr}.task-column{margin-bottom:12px}.task-column-body{max-height:60vh;overflow-y:auto}.task-icon-btn{width:36px;height:36px}.task-action-buttons{width:100%;justify-content:flex-start;gap:.5rem .5rem}.task-actions{justify-content:flex-start}}.context-content{padding:1rem;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px}.context-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.context-header h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.context-company{font-size:.75rem;color:var(--text-secondary);font-weight:500}.context-section{margin-bottom:.75rem}.context-section:last-child{margin-bottom:0}.context-section h5{margin:0 0 .25rem;font-size:.75rem;font-weight:600;color:var(--accent-yellow);text-transform:uppercase;letter-spacing:.5px}.context-section p{margin:0;font-size:.75rem;line-height:1.4;color:var(--text-secondary)}@media (max-width: 768px){.task-context-tooltip-global{min-width:280px;max-width:calc(100vw - 32px)}}.approval-modal-overlay{position:fixed;gap:60px;top:0;left:0;right:0;bottom:0;background:#fff9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.approval-modal-overlay.active{opacity:1;visibility:visible}.approval-modal-overlay.closing{opacity:0;transform:scale(.95)}.approval-modal{background:#fff;border-radius:24px;width:90%;max-width:600px;max-height:75vh;overflow:hidden;box-shadow:0 4px 24px #00000014;transform:translateY(-10px) scale(.98);transition:all .3s cubic-bezier(.4,0,.2,1)}.approval-modal-overlay.active .approval-modal{transform:translateY(0) scale(1)}.approval-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff}.approval-lead-info{display:flex;flex-direction:column;gap:4px}.lead-company{color:#6b7280;font-size:.875rem;font-weight:500}.approval-modal .close-button{background:none;border:none;font-size:1.5rem;color:#a3a3a3;cursor:pointer;padding:8px;border-radius:9999px;transition:background-color .2s ease,color .2s ease!important;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transform:none!important}.approval-modal .close-button:hover{color:#525252;background:#f5f5f5;transform:none!important}.approval-modal-body{padding:0 28px 24px;max-height:calc(75vh - 180px);overflow-y:auto}.approval-modal-overlay.message-approval .approval-modal{max-width:600px;background:#fff;border:none;border-radius:24px;box-shadow:0 4px 24px #00000014}.lead-details-btn svg{width:14px;height:14px;color:#525252}.approval-type-info{display:flex;align-items:center;gap:12px}.approval-icon{width:32px;height:32px;color:currentColor}.approval-title-section{display:flex;flex-direction:column;gap:4px}.approval-title{margin:0;font-size:1.125rem;font-weight:600}.message-preview-section{display:flex;flex-direction:column;gap:20px}.message-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fafafa;border-radius:24px;border:none;margin-bottom:20px}.message-channel{display:flex;align-items:center;gap:12px}.channel-badge{padding:6px 12px;border-radius:24px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;background:#171717;color:#fff}.recipient-info{color:#737373;font-size:.875rem}.message-content-section{display:flex;flex-direction:column;gap:8px}.message-preview-bubble{background:#fafafa;border:none;color:#171717;padding:20px;border-radius:24px;margin:8px 0;position:relative}.message-content-display{font-family:inherit;font-size:.95rem;line-height:1.6;color:#171717;white-space:pre-wrap;word-wrap:break-word}.message-content-editor{background:transparent;border:none;outline:none;color:inherit;font-family:inherit;font-size:.9rem;line-height:1.4;min-height:40px}.message-content-editor:focus{outline:2px solid rgba(255,255,255,.3);outline-offset:2px;border-radius:4px}.message-timestamp{font-size:.75rem;opacity:.8;margin-top:4px;text-align:right}.conversation-context{display:flex;flex-direction:column;gap:8px;margin-top:16px}.conversation-history{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#f8fafc}.conversation-message{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding:8px;border-radius:8px}.conversation-message:last-child{margin-bottom:0}.conversation-message.user-message{background:#dbeafe;border-left:3px solid #3b82f6}.conversation-message.agent-message{background:#f3f4f6;border-left:3px solid #6b7280}.message-sender{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.message-text{font-size:.875rem;color:#1f2937;line-height:1.4}.message-time{font-size:.75rem;color:#9ca3af}.email-preview-section{display:flex;flex-direction:column;gap:20px}.email-meta{display:flex;flex-direction:column;gap:12px}.email-field{display:flex;align-items:center;gap:12px}.email-field label{font-weight:500;color:#525252;min-width:60px;font-size:.875rem}.email-to{color:#737373;font-family:monospace}.editable-subject{flex:1;padding:10px 16px;border:none;border-radius:24px;background:#fafafa;font-weight:500;transition:all .2s ease;outline:none}.editable-subject.editing,.editable-subject:focus{background:#f5f5f5;box-shadow:0 0 0 3px #0000000d}.email-content-section{display:flex;flex-direction:column;gap:8px}.attachments-pills{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.attachment-pill-container{display:flex;flex-direction:column;gap:8px}.attachment-pill-actions{display:flex;align-items:center;gap:8px}.attachment-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 16px;background:#fafafa;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;color:#171717;cursor:pointer;transition:all .2s ease;max-width:300px}.attachment-pill>span:not(.attachment-regenerate-btn){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.attachment-pill:hover{background:#e5e5e5}.attachment-pill svg{width:16px;height:16px;color:#525252;flex-shrink:0}.attachment-pill:hover svg{color:#171717}.attachment-regenerate-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto;padding:4px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.attachment-regenerate-btn:hover{background:#fff}.attachment-regenerate-btn svg{width:16px;height:16px;color:#737373}.attachment-regenerate-btn:hover svg{color:#171717}.regenerate-input-container{background:#fafafa;border-radius:24px;padding:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.regenerate-feedback-input{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:24px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .2s ease}.regenerate-feedback-input:focus{outline:none;border-color:#a3a3a3}.regenerate-feedback-input::placeholder{color:#a3a3a3}.regenerate-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.regenerate-cancel-btn{padding:8px 16px;background:transparent;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;color:#525252;cursor:pointer;transition:all .2s ease}.regenerate-cancel-btn:hover{background:#e5e5e5;color:#171717}.regenerate-submit-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#171717;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.regenerate-submit-btn:hover:not(:disabled){background:#262626}.regenerate-submit-btn:disabled{opacity:.6;cursor:not-allowed}.regenerate-submit-btn svg{color:#fff}.email-content-section label{font-weight:500;color:#525252;font-size:.875rem;margin-bottom:8px;display:block}.email-content-editor{min-height:200px;padding:20px 60px 60px 20px;border:none;border-radius:24px;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:all .2s ease;outline:none}.email-content-editor.editing,.email-content-editor:focus{background:#f5f5f5;box-shadow:0 0 0 3px #0000000d}.email-attachments{display:flex;flex-direction:column;gap:8px}.email-attachments label{font-weight:500;color:#525252;font-size:.875rem;margin-bottom:8px;display:block}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;align-items:center;gap:16px;padding:20px;background:#fafafa;border:none;border-radius:24px;font-size:.875rem;transition:all .2s ease;cursor:pointer}.attachment-item:hover{background:#f5f5f5;box-shadow:0 2px 8px #0000000d}.pdf-attachment{background:#fafafa}.pdf-attachment:hover{background:#f5f5f5}.attachment-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#262626;border-radius:12px;color:#fff;flex-shrink:0}.attachment-icon svg{width:24px;height:24px}.task-attachment-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ff6b35;color:#fff;font-size:.7rem;font-weight:500;border-radius:12px;white-space:nowrap}.task-attachment-indicator svg{width:12px;height:12px;stroke-width:2}.attachment-details{flex:1;display:flex;flex-direction:column;gap:4px}.attachment-name{font-weight:500;color:#171717;font-size:.9375rem;line-height:1.4}.attachment-size{color:#737373;font-size:.8125rem}.attachment-actions{display:flex;gap:8px;align-items:center}.attachment-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#e5e5e5;border-radius:9999px;cursor:pointer;transition:all .2s ease;padding:0}.attachment-btn:hover{background:#d4d4d4}.attachment-btn svg{width:18px;height:18px;color:#525252}.attachment-btn:hover svg{color:#171717}.preview-btn:hover{background:#262626}.preview-btn:hover svg{color:#fff}.download-btn:hover{background:#404040}.download-btn:hover svg{color:#fff}.approval-modal-footer{position:relative;display:flex;justify-content:flex-end;gap:12px;padding:0;margin-top:-52px;margin-right:16px;margin-bottom:12px;background:transparent;pointer-events:none}.approval-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:9999px;border:none;background:#404040;color:#fff;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 8px #0000001a;pointer-events:auto}.approval-send-btn:hover{background:#262626;box-shadow:0 4px 12px #00000026}.approval-send-btn:active{transform:scale(.95)}.approval-send-btn:disabled{opacity:.5;cursor:not-allowed}.approval-send-btn svg{width:18px;height:18px;stroke-width:2.5}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.approval-nav-btn{transform:translateY(-50%);width:48px;height:48px;background:#fafafa;border:1px solid #e5e5e5;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10001;box-shadow:0 2px 8px #0000001a}.approval-nav-btn:hover{background:#fafafa;border-color:#d4d4d4;box-shadow:0 4px 16px #00000026;transform:translateY(-50%)}.approval-nav-btn:active{transform:translateY(-50%) scale(.95)}.approval-nav-btn svg{width:20px;height:20px;color:#525252;transition:color .2s ease}.approval-nav-btn:hover svg{color:#171717}.approval-position-indicator{display:flex;align-items:center;gap:8px}.approval-counter{background:#e5e5e5;color:#525252;padding:6px 12px;border-radius:9999px;font-size:.75rem;font-weight:500}@media (max-width: 1024px){.approval-nav-btn{width:40px;height:40px}.approval-nav-btn svg{width:16px;height:16px}}@media (max-width: 768px){.approval-nav-btn{width:36px;height:36px;background:#ffffffe6}.approval-nav-btn svg{width:14px;height:14px}}.task-card.in-progress{border-left:4px solid #f59e0b;background:#fffbeb}.task-card.in-progress .task-title{color:#92400e}@media (max-width: 768px){.approval-modal{width:95%;max-height:90vh}.approval-modal-header,.approval-modal-body,.approval-modal-footer{padding:16px}.email-field{flex-direction:column;align-items:flex-start;gap:6px}.email-field label{min-width:auto}}.animate-fade-in-up{opacity:0;animation:fadeInUp .5s ease-out forwards}.relationships-grid-header .grid-cell{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:20px}.relationships-grid-header .grid-cell:after{content:"";position:absolute;right:8px;top:50%;border:4px solid transparent;opacity:.4;transition:all .2s ease}.relationships-grid-header .grid-cell.sort-asc:after,.relationships-grid-header .grid-cell.sort-desc:after{opacity:1}.relationships-grid-header .grid-cell.sort-asc:after{border-bottom-color:currentColor;transform:translateY(-7px)}.relationships-grid-header .grid-cell.sort-desc:after{border-top-color:currentColor;transform:translateY(-1px)}#relationships-view{padding:16px 20px 20px}.lead-header-info{display:flex;align-items:center;gap:10px}.lead-header-actions{display:flex;align-items:center;gap:8px}.lead-header-actions .quick-action-btn.icon-only{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;background-color:#fff;color:#4b5563;border-radius:8px}.lead-header-actions .quick-action-btn.icon-only:hover{background-color:#f9fafb}.lead-header-actions .quick-action-btn.icon-only svg{width:20px;height:20px}.funnel-timeline-header{display:flex;align-items:center;overflow:hidden}.funnel-timeline-item{flex:1;padding:8px 12px;font-size:12px;font-weight:500;color:#9ca3af;background:#f8fafc;position:relative;transition:all .3s ease;cursor:default;min-height:52px;border:1px solid #e5e7eb;display:flex;flex-direction:column;border-left:none;align-items:center;justify-content:center;text-align:center;opacity:.6}.funnel-timeline-item:first-child{border-radius:12px 0 0 12px;border-left:1px solid #e5e7eb}.funnel-timeline-item:last-child{border-radius:0 12px 12px 0;border-right:1px solid #e5e7eb}.funnel-timeline-item.completed{background:#fabd241a;color:#d97706;opacity:.7;border-right-color:#fabd2433}.funnel-timeline-item.completed .timeline-item-date{color:#b45309}.funnel-timeline-item.active.no-borders{border-left:none;border-right:none}.funnel-timeline-item.no-right-border{border-right:none}.funnel-timeline-item.no-left-border{border-left:none}.funnel-timeline-item.active{background:linear-gradient(135deg,#fabd24,#f59e0b);color:#fff;font-weight:700;opacity:1;border-radius:0;box-shadow:0 2px 8px #fabd244d;transform:scale(1.02);clip-path:polygon(0% 0%,calc(100% - 16px) 0%,99.5% 50%,calc(100% - 16px) 100%,0% 100%,15px 50%);z-index:2}.funnel-timeline-item:first-child:not(.active):not(.no-left-border){border-left:1px solid #e5e7eb}.funnel-timeline-item:last-child:not(.active):not(.no-right-border){border-right:1px solid #e5e7eb}.funnel-timeline-item.active .timeline-item-date{color:#fef3c7;font-weight:600}.timeline-item-name{font-size:11px;font-weight:600;margin-bottom:2px;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}.timeline-item-date{font-size:10px;font-weight:400;opacity:.9;line-height:1.1}.funnel-timeline-item:not(.active):hover{opacity:.8;background:#fabd240d}@media (max-width: 768px){.funnel-timeline-item{padding:6px 8px;font-size:10px}.timeline-item-name{font-size:9px}.timeline-item-date{font-size:8px}}.lead-detail-content-new{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;padding:24px;flex:1;overflow:hidden;background-color:#f9fafb}.interactions-timeline-container{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.interactions-timeline-header h3{margin:0;font-size:16px;font-weight:600}.interactions-timeline{display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;height:100%}.chat-bubble-row{display:flex;width:100%}.chat-bubble-mine{justify-content:flex-end}.chat-bubble-lead{justify-content:flex-start}.chat-bubble{max-width:70%;background:#f8fafc;border-radius:16px;padding:12px 16px;box-shadow:0 1px 4px #0001;position:relative;font-size:15px;color:#475569;word-break:break-word}.chat-bubble-mine .chat-bubble{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;border-radius:16px 16px 6px}.chat-bubble-lead .chat-bubble{background:#fff;color:#4b5563;border:1px solid #f1f5f9;border-radius:16px 16px 16px 6px}.chat-bubble-meta{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:4px;color:#9ca3af}.chat-bubble-type{font-size:14px}.chat-bubble-date{font-size:11px}.chat-call-summary,.chat-email-summary{cursor:pointer;color:#6366f1;font-weight:500;display:flex;flex-direction:column;gap:2px}.chat-call-summary-link,.chat-email-summary-link{font-size:12px;color:#4f46e5;text-decoration:underline;cursor:pointer}.timeline-entry{display:flex;gap:12px;margin-bottom:20px}.timeline-icon{width:32px;height:32px;border-radius:50%;background-color:#eef2ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-icon svg{width:18px;height:18px;color:#4f46e5}.timeline-content{flex:1}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.timeline-title{font-weight:600;font-size:14px;color:#374151}.timeline-date{font-size:12px;color:#9ca3af}.timeline-body{font-size:14px;color:#4b5563;line-height:1.5}.next-action-card{padding:16px;font-size:14px;max-height:100px;overflow-y:auto}.next-action-card p{margin:0 0 8px}.next-action-card::-webkit-scrollbar{width:5px}.next-action-card::-webkit-scrollbar-track{background:#f8fafc}.next-action-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.next-action-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.action-meta{font-size:12px;color:#6b7280}.info-switcher{flex:1;min-height:0}.info-switcher-tabs{display:flex;padding:4px;gap:4px;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb}.info-tab-btn{flex:1;padding:8px 12px;border:none;background-color:transparent;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s;color:#4b5563}.info-tab-btn:hover{background-color:#e5e7eb}.info-tab-btn.active{background-color:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.info-switcher-content{flex:1;overflow-y:auto;position:relative}.info-content-pane{display:none;padding:16px;font-size:14px;line-height:1.6}.info-content-pane.active{display:block}.info-switcher-content::-webkit-scrollbar{width:6px}.info-switcher-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.info-switcher-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.info-switcher-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-state{text-align:center;padding:40px 20px;color:#9ca3af}.empty-state-small{text-align:center;padding:10px;color:#9ca3af;font-size:13px}.timeline-switcher{display:flex;gap:4px;margin-bottom:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:4px}.timeline-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center;position:relative}.timeline-tab-btn svg{width:14px;height:14px;transition:transform .2s ease}.timeline-tab-btn:hover{background:#f1f5f9;color:#475569;transform:translateY(-1px)}.timeline-tab-btn.active{background:#fff;color:#1e293b;box-shadow:0 2px 4px #0000001a;font-weight:600}.timeline-tab-btn.active svg{transform:scale(1.1)}.timeline-content{flex:1;overflow:hidden;position:relative}.timeline-content-pane{display:none;height:100%;overflow-y:auto;padding:16px;animation:fadeIn .3s ease-in-out}.timeline-content-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.interactions-timeline-header{padding:16px 20px 12px;border-bottom:1px solid #e5e7eb;background:#fff}.chat-bubble{max-width:75%;border-radius:12px;padding:14px 18px;position:relative;font-size:14px;word-break:break-word;line-height:1.4;margin-bottom:12px;border:1px solid #e5e7eb;background:#fff;color:#374151;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.chat-bubble:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.chat-bubble-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px;color:#6b7280}.chat-bubble-title{font-weight:600;color:#374151}.chat-bubble-date{font-size:11px;color:#9ca3af}.chat-message-body{font-size:14px;line-height:1.5;color:#374151}.chat-bubble.email-style{background:linear-gradient(135deg,#f0f9ff,#f8fafc);border-color:#e0f2fe}.chat-bubble-mine .chat-bubble.email-style{background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-color:#bfdbfe}.email-subject{font-weight:600;margin-bottom:6px;color:#1e40af}.chat-bubble.instagram-style{background:linear-gradient(135deg,#fdf2f8,#fef7ff,#f8fafc);border:1px solid #f3e8ff;box-shadow:0 2px 8px #9333ea14}.chat-bubble-mine .chat-bubble.instagram-style{background:linear-gradient(135deg,#f3e8ff,#fae8ff,#f1f5f9);border:1px solid #e9d5ff;color:#6b46c1;box-shadow:0 2px 8px #9333ea1f}.chat-bubble-lead .chat-bubble.instagram-style{background:linear-gradient(135deg,#fefbff,#fdf2f8,#fff);border:1px solid #f3e8ff;color:#7c3aed}.chat-bubble.whatsapp-style{background:linear-gradient(135deg,#f0fdf4,#f8fafc);border-color:#dcfce7}.chat-bubble-mine .chat-bubble.whatsapp-style{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#bbf7d0}.chat-bubble.call-style{background:linear-gradient(135deg,#f0f9ff,#f8fafc);border-color:#e0f2fe}.chat-bubble-mine .chat-bubble.call-style{background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-color:#bfdbfe}.chat-bubble.sms-style{background:linear-gradient(135deg,#f9fafb,#fff);border-color:#f3f4f6}.chat-bubble-mine .chat-bubble.sms-style{background:linear-gradient(135deg,#f3f4f6,#f9fafb);border-color:#e5e7eb}.chat-bubble.meeting-style{background:linear-gradient(135deg,#fefbf2,#f8fafc);border-color:#fed7aa}.chat-bubble-mine .chat-bubble.meeting-style{background:linear-gradient(135deg,#fed7aa,#fefbf2);border-color:#fdba74}.chat-bubble.note-style{background:linear-gradient(135deg,#f9fafb,#fff);border-color:#f3f4f6}.chat-bubble-mine .chat-bubble.note-style{background:linear-gradient(135deg,#f3f4f6,#f9fafb);border-color:#e5e7eb}.script-used{font-size:11px;color:#9ca3af;margin-top:8px;font-style:italic;opacity:.8}.interactions-timeline::-webkit-scrollbar{width:6px}.interactions-timeline::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.interactions-timeline::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.interactions-timeline::-webkit-scrollbar-thumb:hover{background:#94a3b8}.timeline-content-pane::-webkit-scrollbar{width:6px}.timeline-content-pane::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.timeline-content-pane::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.timeline-content-pane::-webkit-scrollbar-thumb:hover{background:#94a3b8}.lead-sidebar-new{display:flex;flex-direction:column;gap:20px;overflow:hidden}.sidebar-section{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;display:flex;flex-direction:column}.sidebar-section h4{margin:0;padding:12px 16px;font-size:16px;font-weight:600;border-bottom:1px solid #e5e7eb}@media (max-width: 768px){.lead-detail-content-new{grid-template-columns:1fr;gap:16px;padding:16px}.chat-bubble{max-width:85%;padding:12px 16px}.timeline-switcher{flex-wrap:wrap;gap:2px}.timeline-tab-btn{font-size:12px;padding:6px 10px}}.strategy-tabs{display:flex;border-bottom:2px solid var(--border-color);background:var(--bg-primary);padding:0 20px;flex-shrink:0}.strategy-tab{display:flex;align-items:center;gap:8px;padding:16px 20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;border-bottom:2px solid transparent;position:relative}.strategy-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.strategy-tab.active{color:var(--accent-yellow);border-bottom-color:var(--accent-yellow);background:var(--bg-secondary)}.strategy-tab svg{width:16px;height:16px}.strategy-section{flex:1;display:none;overflow-y:auto}.strategy-section.active{display:flex;flex-direction:column}.foundations-container{display:flex;flex-direction:column;gap:20px;height:100%}.foundations-header{text-align:center;margin-bottom:30px}.foundations-header h2{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:600}.foundations-header p{color:var(--text-secondary);font-size:16px}.foundations-content{flex:1;display:flex;flex-direction:column;gap:20px}.strategy-overview-card{background:var(--bg-secondary);border-radius:12px;padding:24px;border:1px solid var(--border-color);flex:1}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.overview-header h3{color:var(--text-primary);font-size:20px;margin:0}.edit-strategy-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-yellow);color:var(--bg-primary);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.edit-strategy-btn:hover{background:var(--accent-yellow-warm);transform:translateY(-1px)}.edit-strategy-btn svg{width:16px;height:16px}.empty-strategy-state{text-align:center;padding:40px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:16px}.empty-strategy-state h4{color:var(--text-primary);margin-bottom:8px;font-size:20px}.get-started-btn{padding:12px 24px;background:var(--accent-yellow);color:var(--bg-primary);border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;transition:all .2s ease}.get-started-btn:hover{background:var(--accent-yellow-warm);transform:translateY(-1px)}.strategy-chat-container{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;height:400px}.chat-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border-radius:12px 12px 0 0}.chat-header h3{color:var(--text-primary);margin:0;font-size:18px}.close-chat-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-chat-btn:hover{color:var(--text-primary)}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-message{padding:12px 16px;border-radius:12px;max-width:80%}.message-content p{margin:0;line-height:1.5}.message-content p:not(:last-child){margin-bottom:8px}.chat-input-container{padding:16px 20px;display:flex;gap:12px}.chat-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.chat-input:focus{outline:none;border-color:var(--accent-yellow)}.results-container{display:flex;flex-direction:column;height:100%}.results-header{text-align:center;margin-bottom:30px}.results-header h2{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:600}.results-header p{color:var(--text-secondary);font-size:16px}.dashboard-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;padding:40px;border:1px solid var(--border-color)}.placeholder-icon{font-size:48px;margin-bottom:16px}.dashboard-placeholder h4{color:var(--text-primary);margin-bottom:8px;font-size:20px}.automations-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.automations-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.automations-tab{display:flex;align-items:center;gap:8px;padding:0 20px 10px 0;margin-bottom:10px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;border-bottom:2px solid transparent}.automations-tab:hover{color:var(--text-primary);background:var(--bg-primary)}.automations-tab.active{color:var(--accent-yellow);border-bottom-color:var(--accent-yellow);background:var(--bg-primary)}.automations-tab svg{width:16px;height:16px}.automation-content{flex:1;display:none;overflow:hidden}.automation-content.active{display:flex;flex-direction:column}.workflows-content{padding:0;height:100%;overflow:hidden}.revenue-jamboard-container{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.revenue-jamboard-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);flex-shrink:0}.jamboard-title-section h3{color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:600}.jamboard-title-section p{color:var(--text-secondary);margin:0;font-size:14px}.jamboard-controls{display:flex;align-items:center;gap:12px}.jamboard-search{position:relative;display:flex;align-items:center}.jamboard-search input{padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;width:200px}.jamboard-search input:focus{outline:none;border-color:var(--accent-yellow)}.search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--text-secondary)}.jamboard-add-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-yellow);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.jamboard-add-btn:hover{background:var(--accent-yellow-warm);transform:translateY(-1px)}.jamboard-add-btn svg{width:16px;height:16px}.revenue-jamboard{flex:1;position:relative;overflow:hidden;background:linear-gradient(to bottom,#f8fafc,#f1f5f9)}.jamboard-background-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(148,163,184,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.1) 1px,transparent 1px);background-size:20px 20px;z-index:1}.jamboard-content-layer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.jamboard-help{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10}.jamboard-help h3{color:var(--text-primary);margin-bottom:12px;font-size:20px}.jamboard-help p{margin-bottom:20px;line-height:1.5}.jamboard-controls-hint{display:flex;flex-direction:column;gap:8px;margin-top:20px}.control-hint{display:flex;align-items:center;gap:8px;font-size:14px}.control-key{background:var(--bg-secondary);padding:4px 8px;border-radius:4px;font-family:monospace;font-size:12px;border:1px solid var(--border-color)}.scripts-content{padding:20px;height:100%;overflow:hidden}.script-category-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:0 20px;margin:-20px -20px 20px;flex-shrink:0}.script-category-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;border-bottom:2px solid transparent}.script-category-tab:hover{color:var(--text-primary);background:var(--bg-primary)}.script-category-tab.active{color:var(--accent-yellow);border-bottom-color:var(--accent-yellow);background:var(--bg-primary)}.script-category-tab svg{width:14px;height:14px}.script-content-area{flex:1;overflow:hidden}.script-category-content{height:100%;display:none;overflow-y:auto}.script-category-content.active{display:block}.copilot-section{display:flex;flex-direction:column;height:100%;gap:20px}.current-copilot-section{flex-shrink:0}.copilot-library-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.active-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:var(--accent-green);color:#fff;border-radius:20px;font-size:12px;font-weight:500}.active-badge svg{width:14px;height:14px}.library-actions{display:flex;gap:8px}.add-script-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-yellow);color:var(--bg-primary);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.add-script-btn:hover{background:var(--accent-yellow-warm);transform:translateY(-1px)}.add-script-btn svg{width:16px;height:16px}.current-copilot-card{background:var(--bg-secondary);border-radius:12px;padding:0;border:1px solid var(--border-color);min-height:120px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.copilot-scripts-grid,.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;flex:1;padding-right:4px}.script-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.script-category-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}@media (max-width: 1200px){.automations-tabs,.script-category-tabs{flex-wrap:wrap}.jamboard-controls{flex-direction:column;gap:8px}.jamboard-search input{width:150px}}@media (max-width: 768px){.strategy-tabs{flex-direction:column;gap:8px}.strategy-tab{padding:12px 16px}.automations-tabs{flex-direction:column;gap:8px}.script-category-tabs{flex-direction:column;gap:4px}.workflows-content,.scripts-content{padding:0}.copilot-scripts-grid,.scripts-grid{grid-template-columns:1fr}}.chat-messages::-webkit-scrollbar,.script-category-content::-webkit-scrollbar,.copilot-scripts-grid::-webkit-scrollbar,.scripts-grid::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.script-category-content::-webkit-scrollbar-track,.copilot-scripts-grid::-webkit-scrollbar-track,.scripts-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb,.script-category-content::-webkit-scrollbar-thumb,.copilot-scripts-grid::-webkit-scrollbar-thumb,.scripts-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.script-category-content::-webkit-scrollbar-thumb:hover,.copilot-scripts-grid::-webkit-scrollbar-thumb:hover,.scripts-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.strategy-view{height:100vh;display:flex;flex-direction:column}.strategy-section,.automation-content,.script-category-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.revenue-jamboard-container,.script-content-area{height:calc(100vh - 200px)}.automations-container{height:calc(100vh - 80px)}.workflows-content,.scripts-content{height:calc(100% - 60px)}.script-placeholder,.empty-copilot-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);min-height:200px}.script-placeholder p,.empty-copilot-state p{margin-bottom:16px;font-size:16px}.script-placeholder .add-script-btn,.empty-copilot-state .add-script-btn{margin-top:8px}.copilot-scripts-grid,.scripts-grid{min-height:300px}.revenue-jamboard{min-height:400px}.automation-content{min-height:calc(100vh - 160px)}.script-content-area{min-height:calc(100vh - 220px)}.strategy-nav-item{position:relative}.nav-item-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:0;transition:all .3s ease}.strategy-nav-item.active .nav-item-arrow{transform:translateY(-50%) rotate(90deg);opacity:1}.nav-submenu{max-height:0;overflow:hidden;background:#ffffff08;border-radius:8px;margin:4px 0 8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;flex-direction:column;opacity:0;transform:translateY(-10px);border:1px solid rgba(255,255,255,.08)}.nav-submenu.show{display:flex;max-height:200px;opacity:1;transform:translateY(0);padding:8px 0}.nav-subitem{display:flex;align-items:center;padding:8px 16px 8px 40px;background:none;border:none;color:#c8c8c8b3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:8px;margin:2px 8px;text-decoration:none;text-align:left}.nav-subitem:hover{background:#fbfbfbcc;color:#8e8e8e;transform:translate(4px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-subitem.active{background:#fbbf2426;color:var(--accent-yellow);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #fbbf2433}.nav-subitem-icon{width:18px;height:18px;margin-right:12px;opacity:.8;transition:opacity .2s ease}.nav-subitem.active .nav-subitem-icon{opacity:1}.nav-submenu.show .nav-subitem{animation:slideInFromLeft .3s ease forwards;opacity:0}.nav-submenu.show .nav-subitem:nth-child(1){animation-delay:.1s}.nav-submenu.show .nav-subitem:nth-child(2){animation-delay:.2s}.nav-submenu.show .nav-subitem:nth-child(3){animation-delay:.3s}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.foundations-chat-header{padding:0 0 10px;display:flex;flex-direction:row;gap:16px;border-bottom:1px solid #e2e8f0;background:#fff}.foundations-title{margin:0 0 8px;font-size:15px;font-weight:600;color:#1e293b;line-height:1.2}.foundations-subtitle{margin:0;font-size:12px;color:#64748b;line-height:1.4}.foundations-section{overflow:visible;max-height:100%}.foundations-chat-container{height:100%;display:flex;flex-direction:column;background:#fff;position:relative}.foundations-chat-messages{flex:1;overflow-y:auto;padding:20px 20px 80px;background:#fff;scroll-behavior:smooth}.foundations-chat-messages.loading{display:flex;align-items:center;justify-content:center}.foundations-chat-messages::-webkit-scrollbar{width:6px}.foundations-chat-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.foundations-chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.foundations-chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-message{margin-bottom:24px;animation:fadeInUp .3s ease-out;display:flex;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-message.user-message{justify-content:flex-end}.chat-message.ai-message{justify-content:flex-start}.message-content{max-width:70%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.5;color:#334155;word-wrap:break-word;position:relative}.user-message .message-content{background:#ffcc3f60;border:1px solid #ffa406c7;border-bottom-right-radius:4px;margin-left:auto}.ai-message .message-content{background:#f8fafc;border:1px solid #f0ece2;border-bottom-left-radius:4px;margin-right:auto}.chat-message.user-message{margin-left:20%}.chat-message.ai-message{margin-right:20%}.file-attachments{margin-top:12px;display:flex;flex-direction:column;gap:8px}.file-attachment{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.file-attachment:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.file-attachment .file-icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.file-attachment .file-icon svg{width:24px;height:24px}.file-attachment .file-info{flex:1;min-width:0}.file-attachment .file-name{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment .file-format{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:600}.file-download-btn{flex-shrink:0;width:36px;height:36px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#475569;text-decoration:none;transition:all .2s ease}.file-download-btn:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.welcome-header{text-align:center;padding:8px 0}.welcome-header h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1e293b}.welcome-header p{margin:0;font-size:15px;color:#64748b}.floating-suggestions{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:80%;z-index:10;transition:all .3s ease}.suggestion-pill{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:10px 16px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;opacity:0;transform:translateY(10px);animation:slideInUp .4s ease-out forwards}.suggestion-pill:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.suggestion-pill:active{transform:translateY(0)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.foundations-chat-input{position:absolute;bottom:0;left:0;right:0;padding:20px 120px 0;background:transparent;border-top:none;z-index:20}.input-container{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%}.attach-btn{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.5);padding:0;height:40px;width:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.attach-btn:hover{background:#f1f5f9;color:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.attach-btn svg{width:20px;height:20px}.input-wrapper{flex:1;display:flex;align-items:center;gap:8px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:4px 4px 4px 10px;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.input-wrapper:focus-within{border-color:#f6be3b;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #00000026;background:#f8fafc}#foundations-chat-input{flex:1;border:none;background:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#334155;resize:none;outline:none;min-height:24px;max-height:120px;line-height:1.5}#foundations-chat-input::placeholder{color:#94a3b8}.send-btn{background:none;border:none;padding:0;width:40px;height:40px;border-radius:12px;cursor:pointer;color:#94a3b8;transition:all .2s ease;flex-shrink:0;opacity:.6;transform:scale(.95)}.send-btn:hover{color:#475569;transform:scale(1.01)}.send-btn.active{color:#ffc32b;transform:scale(1)}.send-btn svg{width:20px;height:20px}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 0}.typing-indicator .dot{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typingPulse 1.4s infinite both}.typing-indicator .dot:nth-child(1){animation-delay:-.32s}.typing-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes typingPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.foundations-chat-input{padding:16px}.message-content{max-width:90%;padding:12px 16px;font-size:14px}.floating-suggestions{bottom:100px;max-width:90%}.suggestion-pill{padding:8px 12px;font-size:13px}}html{scroll-behavior:smooth}.file-attachment{display:flex;align-items:center;gap:12px;padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin:8px 0}.file-icon{font-size:24px;opacity:.8}.file-info{flex:1;display:flex;flex-direction:column;gap:4px}.file-name{font-weight:500;color:#1e293b;font-size:14px}.file-size{font-size:12px;color:#64748b}.foundations-notification{position:fixed;top:20px;right:20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;box-shadow:0 4px 12px #0000001a;z-index:9999;max-width:400px;opacity:0;transform:translate(100%);transition:all .3s ease}.foundations-notification.show{opacity:1;transform:translate(0)}.foundations-notification.success{border-left:4px solid #22c55e}.foundations-notification.error{border-left:4px solid #ef4444}.foundations-notification.info{border-left:4px solid #3b82f6}.notification-content{display:flex;align-items:center;gap:12px}.notification-icon{font-size:16px;font-weight:700}.foundations-notification.success .notification-icon{color:#22c55e}.foundations-notification.error .notification-icon{color:#ef4444}.foundations-notification.info .notification-icon{color:#3b82f6}.notification-text{flex:1;font-size:14px;color:#334155;line-height:1.4}.framework-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.stage-desc{font-size:12px;color:#64748b;line-height:1.3}.guidance-message{display:flex;align-items:center;gap:12px;margin:16px 0;padding:12px 16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:8px;animation:fadeInUp .3s ease-out}.guidance-icon{font-size:20px;flex-shrink:0}.guidance-text{flex:1;font-size:14px;color:#334155;line-height:1.4}.guidance-text strong{color:#1e293b}@media (max-width: 768px){.framework-stages{grid-template-columns:repeat(2,1fr);gap:8px}.stage{padding:8px}.stage-name{font-size:13px}.stage-desc{font-size:11px}}.foundations-sidebar{width:300px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.sidebar-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.new-chat-btn{background:#f6be3b;color:#fff;border:none;padding:4px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.chats-list{flex:1;overflow-y:auto;padding:8px}.chat-item{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:4px;border:1px solid transparent}.chat-item:hover{background:#f1f5f9;border-color:#e2e8f0}.chat-item.active{background:#eff6ff;border-color:#3b82f6}.chat-item-content{flex:1;min-width:0}.chat-title{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview{font-size:12px;color:#64748b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#94a3b8}.chat-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.chat-item:hover .chat-actions{opacity:1}.delete-chat-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;font-size:12px;transition:background .2s}.delete-chat-btn:hover{background:#fef2f2}.foundations-main{flex:1;display:flex;flex-direction:column;background:#fff}.foundations-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.foundations-header h2{margin:0;font-size:20px;font-weight:600;color:#1e293b}.foundations-actions{display:flex;gap:12px}.upload-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.upload-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.foundations-chat-container{flex:1;display:flex;flex-direction:column}.foundations-input-area{padding:20px;border-top:1px solid #e2e8f0}@media (max-width: 768px){.foundations-container{flex-direction:column}.foundations-sidebar{width:100%;max-height:200px}.foundations-main{flex:1}.chats-list{max-height:140px}}.chat-history-toggle{position:absolute;top:12px;right:12px;z-index:15;opacity:0;transition:opacity .3s ease}.foundations-chat-container:hover .chat-history-toggle{opacity:1}.history-btn{width:32px;height:32px;background:#ffffffe6;border:1px solid rgba(226,232,240,.8);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.history-btn:hover{background:#f1f5f9;color:#475569;transform:translateY(-1px)}.chat-history-toggle.active .history-btn{background:#fbbf24;color:#fff;border-color:#d97706}.history-btn svg{width:16px;height:16px}.chat-history-panel{position:absolute;top:50px;right:12px;width:280px;max-height:400px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:12px;box-shadow:0 8px 32px #0000001a;z-index:20;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow:hidden}.chat-history-panel.show{opacity:1;visibility:visible;transform:translateY(0)}.chat-history-panel .history-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(226,232,240,.8)}.chat-history-panel .history-header h4{margin:0;font-size:14px;font-weight:600;color:#1e293b}.new-chat-btn svg{width:14px;height:14px}.chat-history-panel .history-list{max-height:320px;overflow-y:auto;padding:8px}.chat-history-panel .history-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.chat-history-panel .history-item{display:flex;flex-direction:column;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;position:relative;border:1px solid transparent;min-width:0}.chat-history-panel .history-item:hover{background:#f8fafccc;border-color:#e2e8f0}.chat-history-panel .history-item.active{background:#3b82f61a;border-color:#3b82f6}.chat-history-panel .history-title{font-size:13px;font-weight:500;color:#1e293b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px;line-height:1.3}.chat-history-panel .history-date{font-size:11px;color:#94a3b8}.chat-history-panel .delete-history-btn{position:absolute;top:8px;right:8px;width:20px;height:20px;background:none;border:none;color:#94a3b8;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.chat-history-panel .history-item:hover .delete-history-btn{opacity:1}.delete-history-btn:hover{background:#ef44441a;color:#ef4444}.no-history{text-align:center;padding:40px 20px;color:#94a3b8;font-size:13px}.framework-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:16px 0}.framework-stages .stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px;background:#f6da3b0d;border:1px solid rgba(246,224,59,.1);border-radius:8px;transition:all .2s ease}.framework-stages .stage:hover{background:#f6c43b1a;border-color:#f6be3b33}.framework-stages .stage-number{width:24px;height:24px;background:#f6be3b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-bottom:8px}.framework-stages .stage-name{font-size:12px;font-weight:600;color:#3b321e;margin-bottom:4px}.framework-stages .stage-desc{font-size:10px;color:#8b8464;line-height:1.3}.staged-file-container{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:12px;animation:slideInUp .3s ease-out}.staged-file-container .file-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#3b82f6;flex-shrink:0}.staged-file-container .file-icon svg{width:100%;height:100%}#foundations-staged-file-name{flex:1;font-size:14px;font-weight:500;color:#1e40af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.remove-staged-file-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:#94a3b8;cursor:pointer;border-radius:50%;font-size:16px;font-weight:700;line-height:1;transition:all .2s ease;flex-shrink:0;padding:0}.remove-staged-file-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.remove-staged-file-btn:active{transform:scale(.95)}.staged-file-container.pdf{background:#ef44441a;border-color:#ef444433}.staged-file-container.pdf .file-icon{color:#ef4444}.staged-file-container.pdf #foundations-staged-file-name{color:#dc2626}.staged-file-container.txt{background:#22c55e1a;border-color:#22c55e33}.staged-file-container.txt .file-icon{color:#22c55e}.staged-file-container.txt #foundations-staged-file-name{color:#16a34a}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.staged-file-container{padding:6px 10px;margin-bottom:10px}#foundations-staged-file-name{font-size:13px}.remove-staged-file-btn{width:18px;height:18px;font-size:14px}}@media (max-width: 768px){.chat-history-panel{width:260px;right:8px}.framework-stages{grid-template-columns:repeat(2,1fr);gap:8px}.stage{padding:8px 6px}}.business-dashboard{height:100%}.business-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.dashboard-titles{display:flex;flex-direction:row;gap:16px;align-items:center}.business-dashboard .dashboard-titles h1{font-size:15px;font-weight:700;color:#1e293b;margin:0}.business-dashboard .dashboard-titles p{font-size:12px;color:#64748b;margin:4px 0 0}.business-dashboard .dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:16px}.business-dashboard .dashboard-col-1{display:flex;flex-direction:column;gap:16px}.business-dashboard .dashboard-col-2{display:flex;flex-direction:column;gap:12px}.business-dashboard .dashboard-card{background:#fff;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.business-dashboard .split-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:100%}.business-dashboard .section-title{font-size:13px;font-weight:600;color:#1e293b;margin:0 0 12px;display:flex;align-items:center;gap:6px}.business-dashboard .section-title .section-icon{width:14px;height:14px;color:#6b7280}.business-dashboard .revenue-gauge-section{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px}.business-dashboard .gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-bottom:12px}.business-dashboard .gauge-container canvas{max-width:170px;max-height:100px}.business-dashboard .gauge-info{text-align:center;display:flex;flex-direction:column;gap:4px;padding-bottom:20px}.business-dashboard .current-value{font-size:1.5rem;font-weight:700;color:#059669;line-height:1}.business-dashboard .target-value{font-size:.75rem;color:#64748b}.business-dashboard .percentage-value{font-size:1rem;font-weight:600;color:#fbbf24}.business-dashboard .stages-section{height:100%;display:flex;flex-direction:column}.business-dashboard .stages-list{flex:1;display:flex;flex-direction:column;gap:8px}.business-dashboard .stage-item{display:flex;flex-direction:column;gap:6px;padding:10px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.business-dashboard .stage-header{display:flex;justify-content:space-between;align-items:center}.business-dashboard .stage-name{font-weight:500;color:#1e293b;font-size:12px}.business-dashboard .stage-count{font-weight:600;color:#1e293b;background:#f1f5f9;padding:2px 6px;border-radius:10px;font-size:10px}.business-dashboard .stage-details{display:flex;align-items:center;gap:8px}.business-dashboard .stage-bar{flex:1;height:3px;background:#e2e8f0;border-radius:2px;overflow:hidden}.business-dashboard .stage-fill{height:100%;background:#fbbf24;transition:width .3s ease}.business-dashboard .stage-days{font-size:10px;color:#64748b;white-space:nowrap}.business-dashboard .performance-section{height:100%;display:flex;flex-direction:column}.business-dashboard .performance-content{flex:1;display:grid;grid-template-columns:1fr 2fr;gap:24px}.business-dashboard .performance-stats{display:flex;flex-direction:column;gap:24px}.business-dashboard .stat-item{text-align:center;padding:16px;border-radius:8px;background:#f8fafc}.business-dashboard .stat-value{font-size:1.5rem;font-weight:700;color:#1e293b;display:block}.business-dashboard .stat-label{font-size:.875rem;color:#64748b;margin-top:4px}.business-dashboard .performance-chart{height:200px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;padding:20px}.business-dashboard .performance-chart canvas{max-height:200px}.business-dashboard .performance-content{height:100%;display:grid;grid-template-columns:1fr 2fr;gap:24px}.business-dashboard .performance-section{height:100%;display:flex;flex-direction:column;background:#fff}.business-dashboard .performance-content-compact{display:flex;flex-direction:column;gap:12px;height:100%}.business-dashboard .performance-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.business-dashboard .stat-item-compact{text-align:center;padding:6px;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.business-dashboard .stat-item-compact .stat-value{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px}.business-dashboard .stat-item-compact .stat-label{font-size:9px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.business-dashboard .recommendations-list{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.business-dashboard .recommendation-item{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#fff}.business-dashboard .recommendation-item.priority-high{border-left:4px solid #ef4444}.business-dashboard .recommendation-item.priority-medium{border-left:4px solid #f59e0b}.business-dashboard .recommendation-item.priority-low{border-left:4px solid #10b981}.business-dashboard .rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.business-dashboard .rec-type{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:500}.business-dashboard .rec-priority{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500}.business-dashboard .rec-priority{background:#fef2f2;color:#991b1b}.business-dashboard .rec-content h4{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 8px}.business-dashboard .rec-reasoning{font-size:.75rem;color:#64748b;margin:0 0 8px}.business-dashboard .rec-action{font-size:.75rem;color:#374151;margin:0}.business-dashboard .rec-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.business-dashboard .rec-timeframe{font-size:.75rem;color:#64748b}.business-dashboard .rec-actions{display:flex;gap:8px}.business-dashboard .rec-btn{padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;border:1px solid;transition:all .2s}.business-dashboard .rec-btn.accept{background:#10b981;color:#fff;border-color:#10b981}.business-dashboard .rec-btn.accept:hover{background:#059669}.business-dashboard .rec-btn.dismiss{background:#fff;color:#64748b;border-color:#d1d5db}.business-dashboard .rec-btn.dismiss:hover{background:#f9fafb}.business-dashboard .no-recommendations{text-align:center;padding:32px;color:#64748b}.business-dashboard .no-rec-icon{font-size:2rem;margin-bottom:12px}.business-dashboard .reps-list{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.business-dashboard .rep-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f8fafc}.business-dashboard .rep-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.business-dashboard .avatar-placeholder{width:100%;height:100%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.business-dashboard .rep-name{font-weight:500;color:#1e293b;margin-bottom:4px}.business-dashboard .rep-stats{display:flex;gap:16px}.business-dashboard .rep-stat .stat-value{font-size:.875rem;font-weight:600;color:#1e293b}.business-dashboard .rep-stat .stat-label{font-size:.625rem;color:#64748b;text-transform:uppercase;font-weight:500}.business-dashboard .dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.business-dashboard .error-icon{font-size:3rem;margin-bottom:16px}.business-dashboard .dashboard-error h3{margin:0 0 8px;color:#374151}.business-dashboard .dashboard-error p{margin:0 0 24px;color:#64748b}.business-dashboard .retry-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer}.business-dashboard .retry-btn:hover{background:#2563eb}@media (max-width: 1024px){.business-dashboard .dashboard-grid{grid-template-columns:1fr;gap:16px}.business-dashboard .performance-content,.business-dashboard .split-container{grid-template-columns:1fr}}@media (max-width: 768px){.business-dashboard{padding:16px}.business-dashboard .dashboard-header{flex-direction:column;gap:16px;text-align:center}.business-dashboard .dashboard-card{padding:16px}}.performance-content-compact{display:flex;flex-direction:column;gap:12px;height:100%}.performance-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.stat-item-compact{text-align:center;padding:8px;background:#f8fafc;border-radius:6px}.stat-item-compact .stat-value{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:2px}.stat-item-compact .stat-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.performance-chart-compact{flex:1;min-height:120px;background:#f8fafc;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center}.gauge-container-compact{display:flex;align-items:center;gap:12px;padding:12px}.gauge-info-compact{display:flex;flex-direction:column;gap:4px}.current-value-compact{font-size:18px;font-weight:700;color:#1f2937}.target-value-compact{font-size:11px;color:#6b7280}.percentage-value-compact{font-size:14px;font-weight:600;color:#10b981}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:16px}.dashboard-col-1,.dashboard-col-2{display:flex;flex-direction:column;gap:12px}.dashboard-card{background:#fff;border-radius:12px;padding:4px;box-shadow:0 1px 3px #0000001a}.business-dashboard .performance-chart-compact{flex:1;min-height:100px;background:#f8fafc;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0}.business-dashboard .split-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%}.business-dashboard .split-left,.business-dashboard .split-right{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.business-dashboard .recommendations-section{height:100%;display:flex;flex-direction:column}.business-dashboard .recommendations-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:245px;min-height:245px}.business-dashboard .recommendations-list::-webkit-scrollbar{width:4px}.business-dashboard .recommendations-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.business-dashboard .recommendations-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.business-dashboard .recommendations-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.business-dashboard .recommendation-item{padding:8px 10px;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:8px}.business-dashboard .recommendation-content{flex:1;min-width:0}.business-dashboard .rec-type{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:3px}.business-dashboard .rec-description{font-size:11px;color:#374151;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.business-dashboard .rec-actions{display:flex;gap:4px;flex-shrink:0}.business-dashboard .rec-btn{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.business-dashboard .rec-btn svg{width:12px;height:12px}.business-dashboard .rec-btn.accept{background:#dcfce7;color:#16a34a;border-color:#16a34a}.business-dashboard .rec-btn.accept:hover{background:#bbf7d0}.business-dashboard .rec-btn.dismiss{background:#fef2f2;color:#dc2626;border-color:#dc2626}.business-dashboard .rec-btn.dismiss:hover{background:#fee2e2}.business-dashboard .no-recommendations{text-align:center;padding:20px;color:#64748b}.business-dashboard .no-rec-icon{font-size:1.5rem;margin-bottom:8px}.business-dashboard .no-recommendations h4{margin:0 0 8px;color:#374151}.business-dashboard .no-recommendations p{margin:0;font-size:.875rem}.business-dashboard .reps-section{height:100%;display:flex;flex-direction:column}.business-dashboard .reps-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:245px;min-height:245px}.business-dashboard .reps-list::-webkit-scrollbar{width:4px}.business-dashboard .reps-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.business-dashboard .reps-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.business-dashboard .reps-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.business-dashboard .rep-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;background:#f8fafc;border:1px solid #e2e8f0}.business-dashboard .rep-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.business-dashboard .rep-avatar img{width:100%;height:100%;object-fit:cover}.business-dashboard .avatar-placeholder{width:100%;height:100%;background:#fbbf24;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.business-dashboard .rep-info{flex:1}.business-dashboard .rep-name{font-weight:500;color:#1e293b;margin-bottom:4px;font-size:13px}.business-dashboard .rep-stats{display:flex;gap:12px}.business-dashboard .rep-stat{display:flex;flex-direction:column;align-items:center}.business-dashboard .rep-stat .stat-value{font-size:12px;font-weight:600;color:#1e293b}.business-dashboard .rep-stat .stat-label{font-size:9px;color:#64748b;text-transform:uppercase;font-weight:500}.business-dashboard .bottom-split-card{background:transparent;border:none;padding:0;box-shadow:none}.strategy-section.results-section{justify-content:center;align-items:center}@media (max-width: 1024px){.business-dashboard .dashboard-grid{grid-template-columns:1fr;gap:16px}.business-dashboard .split-container{grid-template-columns:1fr}}@media (max-width: 768px){.business-dashboard .dashboard-grid{grid-template-columns:1fr;height:auto}.business-dashboard .split-container{grid-template-columns:1fr}.business-dashboard .performance-stats-grid{grid-template-columns:repeat(2,1fr)}}.recommendation-preview-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.changes-preview{margin:20px 0;padding:20px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.script-changes-preview{display:flex;flex-direction:column;gap:15px}.change-section{flex:1}.change-section h6{margin-bottom:8px;color:#374151;font-weight:600}.script-content{padding:12px;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.4;white-space:pre-wrap;max-height:200px;overflow-y:auto}.script-content.current{background:#fef2f2;border:1px solid #fecaca}.script-content.optimized{background:#f0fdf4;border:1px solid #bbf7d0}.change-arrow{text-align:center;font-size:20px;color:#6b7280;margin:10px 0}.strategy-changes-preview{display:flex;flex-direction:column;gap:15px}.strategy-change-item{border:1px solid #e5e7eb;border-radius:6px;padding:15px;background:#fff}.field-name{font-weight:600;color:#374151;margin-bottom:10px}.change-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px}.before,.after{padding:10px;border-radius:4px}.before{background:#fef2f2;border:1px solid #fecaca}.after{background:#f0fdf4;border:1px solid #bbf7d0}.before .label,.after .label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:5px}.before .label{color:#dc2626}.after .label{color:#16a34a}.workflow-preview{padding:20px;border:1px solid #e5e7eb;border-radius:8px}.workflow-action{margin-bottom:15px;font-size:16px}.workflow-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.status-active{color:#16a34a;font-weight:600}.status-paused{color:#dc2626;font-weight:600}.changes-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.summary-stats{display:flex;gap:24px;margin-bottom:12px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:24px;font-weight:700;color:#1e40af}.stat-label{font-size:12px;color:#64748b;margin-top:4px}.affected-sections{color:#475569;font-size:14px}.changes-list{display:flex;flex-direction:column;gap:16px}.strategy-change-item{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#fff}.change-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.field-name{font-weight:600;color:#1e293b;font-size:16px}.change-type{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.change-type.addition{background:#dcfce7;color:#166534}.change-type.removal{background:#fef2f2;color:#dc2626}.change-type.modification{background:#fef3c7;color:#d97706}.change-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start;margin-bottom:12px}.change-side{display:flex;flex-direction:column}.change-label{font-size:12px;font-weight:500;color:#64748b;margin-bottom:8px;text-transform:uppercase}.change-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;min-height:60px;font-size:14px;line-height:1.5}.change-arrow{display:flex;align-items:center;justify-content:center;color:#64748b;margin-top:24px}.change-arrow svg{width:20px;height:20px}.change-reasoning{border-top:1px solid #e2e8f0;padding-top:12px;margin-top:12px}.reasoning-label{font-size:12px;font-weight:500;color:#64748b;margin-bottom:6px}.reasoning-text{font-size:14px;color:#475569;font-style:italic}.empty-value{color:#9ca3af;font-style:italic}.boolean-value.true{color:#059669;font-weight:500}.boolean-value.false{color:#dc2626;font-weight:500}.number-value{color:#1e40af;font-weight:500}.text-value{color:#1e293b}.long-text-value{position:relative}.expand-text-btn{background:#3b82f6;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;margin-top:8px}.expand-text-btn:hover{background:#2563eb}.text-full{margin-top:8px;padding:8px;background:#f1f5f9;border-radius:4px;white-space:pre-wrap}.object-value{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.object-preview{background:#f8fafc;border-bottom:1px solid #e2e8f0}.expand-object-btn{width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:#475569}.expand-object-btn:hover{background:#f1f5f9}.expand-object-btn svg{width:16px;height:16px;transition:transform .2s ease}.expand-object-btn.expanded svg{transform:rotate(180deg)}.object-details{padding:12px;background:#fff}.object-property{display:flex;gap:8px;margin-bottom:8px;padding:8px;background:#f8fafc;border-radius:4px}.object-property:last-child{margin-bottom:0}.property-key{font-weight:500;color:#374151;min-width:120px}.property-value{color:#1e293b;flex:1}.no-changes{text-align:center;color:#9ca3af;font-style:italic;padding:24px}.recommendation-preview-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;opacity:0;transition:opacity .3s ease}.recommendation-preview-modal-overlay.active{opacity:1}.recommendation-preview-modal{background:#fff;border-radius:12px;width:90%;display:flex;flex-direction:column;align-items:center;max-width:700px;max-height:85vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a;transform:scale(.9);transition:transform .3s ease}.recommendation-preview-modal-overlay.active .recommendation-preview-modal{transform:scale(1)}.recommendation-preview-modal .modal-header{display:flex;justify-content:space-between;width:100%;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.recommendation-preview-modal .modal-title{display:flex;align-items:center;gap:12px}.recommendation-preview-modal .modal-title h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.recommendation-preview-modal .rec-type-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#f3f4f6;border-radius:6px;font-size:12px;font-weight:500;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.recommendation-preview-modal .rec-type-badge svg{width:14px;height:14px}.recommendation-preview-modal .rec-type-badge.script_optimization{background:#eff6ff;color:#1d4ed8}.recommendation-preview-modal .rec-type-badge.workflow_activation{background:#f0fdf4;color:#16a34a}.recommendation-preview-modal .rec-type-badge.workflow_pause{background:#fef2f2;color:#dc2626}.recommendation-preview-modal .rec-type-badge.strategy_change{background:#fef3c7;color:#d97706}.recommendation-preview-modal .close-btn{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.recommendation-preview-modal .close-btn:hover{color:#374151;background:#f3f4f6}.recommendation-preview-modal .modal-content{padding:0;background:none;width:100%;border-radius:0;border:none;box-shadow:none;max-height:60vh;overflow-y:auto;max-width:none}.recommendation-preview-modal .modal-content::-webkit-scrollbar{width:6px}.recommendation-preview-modal .modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.recommendation-preview-modal .modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.recommendation-preview-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.recommendation-preview-modal .recommendation-details{display:flex;flex-direction:column;gap:20px;width:100%}.recommendation-preview-modal .rec-description{font-size:15px;line-height:1.6;color:#374151;margin:0;padding:16px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.recommendation-preview-modal .changes-preview{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:100%}.recommendation-preview-modal .changes-preview h5{margin:0;padding:16px 20px 12px;font-size:16px;font-weight:600;color:#1f2937;background:#f8fafc;border-bottom:1px solid #e5e7eb}.recommendation-preview-modal .script-changes-preview{display:flex;flex-direction:column;gap:16px;padding:20px;width:100%}.recommendation-preview-modal .strategy-changes-preview{display:flex;flex-direction:column;gap:15px;width:100%}.recommendation-preview-modal .change-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start;margin-bottom:12px;width:100%}.recommendation-preview-modal .change-section{flex:1}.recommendation-preview-modal .change-section h6{margin:0 0 8px;color:#374151;font-weight:600;font-size:14px}.recommendation-preview-modal .script-content{padding:16px;border-radius:8px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;max-height:250px;overflow-y:auto;border:1px solid #e5e7eb}.recommendation-preview-modal .script-content::-webkit-scrollbar{width:4px}.recommendation-preview-modal .script-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.recommendation-preview-modal .script-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.recommendation-preview-modal .script-content.current{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.recommendation-preview-modal .script-content.optimized{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.recommendation-preview-modal .change-arrow{text-align:center;font-size:24px;color:#6b7280;margin:12px 0;font-weight:600}.recommendation-preview-modal .workflow-preview{padding:20px}.recommendation-preview-modal .workflow-action{margin-bottom:20px;font-size:16px;color:#1f2937}.recommendation-preview-modal .workflow-action strong{color:#111827}.recommendation-preview-modal .workflow-details{display:flex;flex-direction:column;gap:12px}.recommendation-preview-modal .detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.recommendation-preview-modal .detail-item:last-child{border-bottom:none}.recommendation-preview-modal .detail-item strong{color:#374151;font-weight:500}.recommendation-preview-modal .status-active{color:#16a34a;font-weight:600;background:#dcfce7;padding:2px 8px;border-radius:4px;font-size:12px}.recommendation-preview-modal .status-paused{color:#dc2626;font-weight:600;background:#fee2e2;padding:2px 8px;border-radius:4px;font-size:12px}.recommendation-preview-modal .generic-preview{padding:20px;text-align:center;color:#6b7280;font-style:italic}.recommendation-preview-modal .modal-footer{display:flex;justify-content:flex-end;width:100%;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc}.recommendation-preview-modal .btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.recommendation-preview-modal .btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:none}.recommendation-preview-modal .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffc107;color:#3d3f42;border:1px solid #ffb300;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.recommendation-preview-modal .btn-primary:hover{background:#fcb51b;border-color:#f59e0b;box-shadow:none}.recommendation-preview-modal .btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.recommendation-preview-modal .btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.recommendation-preview-modal .change-value{background:none;border:none;border-radius:0;padding:0;min-height:60px;font-size:14px;line-height:1.5;width:100%;box-sizing:border-box}.recommendation-preview-modal .strategy-change-item{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#fff;width:100%;box-sizing:border-box}.recommendation-preview-modal .script-content{padding:16px;border-radius:8px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;max-height:250px;overflow-y:auto;border:1px solid #e5e7eb;width:100%;box-sizing:border-box}.recommendation-preview-modal .workflow-preview{padding:20px;width:100%;box-sizing:border-box}.recommendation-preview-modal .generic-preview{padding:20px;text-align:center;color:#6b7280;font-style:italic;width:100%}.recommendation-preview-modal .object-value{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;width:100%}.recommendation-preview-modal .object-details{padding:12px;background:#fff;width:100%;box-sizing:border-box}.recommendation-preview-modal .object-property{display:flex;gap:8px;margin-bottom:8px;padding:8px;background:#f8fafc;border-radius:4px;width:100%;box-sizing:border-box}.recommendation-preview-modal .changes-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px;width:100%;box-sizing:border-box}.recommendation-preview-modal .changes-list{display:flex;flex-direction:column;gap:16px;width:100%}@media (max-width: 768px){.recommendation-preview-modal{width:95%;max-width:none;margin:20px}.recommendation-preview-modal .modal-header,.recommendation-preview-modal .modal-content,.recommendation-preview-modal .modal-footer{padding:16px}.recommendation-preview-modal .modal-title{flex-direction:column;align-items:flex-start;gap:8px}.recommendation-preview-modal .modal-footer{flex-direction:column}.recommendation-preview-modal .script-changes-preview{gap:12px;padding:16px}.recommendation-preview-modal .change-arrow{font-size:20px;margin:8px 0}.recommendation-preview-modal .change-comparison{grid-template-columns:1fr;gap:12px}.recommendation-preview-modal .change-arrow{order:1;text-align:center;margin:8px 0}}.rec-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.rec-btn .btn-spinner{position:relative;top:50%;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.recommendation-card-compact.processing{opacity:.8;pointer-events:none}.rep-details-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rep-details-modal-overlay .rep-details-modal{background:#fff;border-radius:16px;width:90%;max-width:1000px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rep-details-modal-overlay .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.rep-details-modal-overlay .loading-state .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #fabd24;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.rep-details-modal-overlay .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.rep-details-modal-overlay .error-state .error-icon{font-size:48px;margin-bottom:20px}.rep-details-modal-overlay .error-state h3{color:#dc2626;margin-bottom:10px;font-size:24px}.rep-details-modal-overlay .error-state p{color:#6b7280;margin-bottom:20px;font-size:16px}.rep-details-modal-overlay .error-state .retry-btn{background:#fabd24;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:background .2s}.rep-details-modal-overlay .error-state .retry-btn:hover{background:#f59e0b}.rep-details-modal-overlay .rep-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.rep-details-modal-overlay .rep-header-info{display:flex;gap:20px;align-items:center}.rep-details-modal-overlay .rep-avatar-large{width:80px;height:80px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 4px 12px #0000001a}.rep-details-modal-overlay .rep-avatar-large img{width:100%;height:100%;object-fit:cover}.rep-details-modal-overlay .avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,#fabd24,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;text-transform:uppercase}.rep-details-modal-overlay .rep-basic-info{display:flex;flex-direction:column;gap:4px}.rep-details-modal-overlay .rep-basic-info .rep-name{font-size:28px;font-weight:700;color:#1f2937;margin:0}.rep-details-modal-overlay .rep-basic-info .rep-title{font-size:16px;color:#6b7280;margin:0;font-weight:500}.rep-details-modal-overlay .rep-contact{display:flex;gap:16px;margin-top:8px}.rep-details-modal-overlay .contact-item{font-size:14px;color:#4b5563;background:#f3f4f6;padding:4px 12px;border-radius:20px;border:1px solid #e5e7eb}.rep-details-modal-overlay .close-button{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.rep-details-modal-overlay .close-button:hover{background:#f3f4f6;color:#374151}.rep-details-modal-overlay .rep-performance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:24px 32px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.rep-details-modal-overlay .stat-card{background:#fff;padding:20px;opacity:1;border-radius:12px;text-align:center;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.rep-details-modal-overlay .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.rep-details-modal-overlay .stat-card .stat-value{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:4px;display:block}.rep-details-modal-overlay .stat-card .stat-label{font-size:14px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.rep-details-modal-overlay .rep-details-tabs{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb}.rep-details-modal-overlay .rep-tab{flex:1;padding:16px 24px;background:none;border:none;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.rep-details-modal-overlay .rep-tab:hover{color:#374151;background:#f3f4f6}.rep-details-modal-overlay .rep-tab.active{color:#fabd24;background:#fff;border-bottom-color:#fabd24}.rep-details-modal-overlay .rep-tab-content{flex:1;overflow-y:auto;padding:24px 32px}.rep-details-modal-overlay .rep-tab-pane{display:none}.rep-details-modal-overlay .rep-tab-pane.active{display:block}.rep-details-modal-overlay .tasks-section{display:flex;flex-direction:column;gap:24px}.rep-details-modal-overlay .tasks-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.rep-details-modal-overlay .tasks-summary{display:flex;gap:24px;flex-wrap:wrap}.rep-details-modal-overlay .task-summary-item{display:flex;flex-direction:column;align-items:center;gap:4px}.rep-details-modal-overlay .summary-count{font-size:24px;font-weight:700;color:#1f2937}.rep-details-modal-overlay .summary-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.rep-details-modal-overlay .create-task-btn{background:#fabd24;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.rep-details-modal-overlay .create-task-btn:hover{background:#f59e0b}.rep-details-modal-overlay .create-task-btn svg{width:16px;height:16px}.rep-details-modal-overlay .tasks-list{display:flex;flex-direction:column;gap:12px}.rep-details-modal-overlay .no-tasks{text-align:center;color:#6b7280;font-style:italic;padding:40px;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.rep-details-modal-overlay .task-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;border-left:4px solid #e5e7eb}.rep-details-modal-overlay .task-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.rep-details-modal-overlay .task-status-pending{border-left-color:#f59e0b}.rep-details-modal-overlay .task-status-in_progress{border-left-color:#fabd24}.rep-details-modal-overlay .task-status-completed{border-left-color:#10b981}.rep-details-modal-overlay .task-status-snoozed{border-left-color:#8b5cf6}.rep-details-modal-overlay .task-status-dismissed{border-left-color:#6b7280}.rep-details-modal-overlay .task-priority-high .task-title{color:#dc2626}.rep-details-modal-overlay .task-priority-urgent .task-title{color:#dc2626;font-weight:700}.rep-details-modal-overlay .task-content{display:flex;flex-direction:column;gap:12px}.rep-details-modal-overlay .task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.rep-details-modal-overlay .task-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;flex:1}.rep-details-modal-overlay .task-meta{display:flex;gap:8px;flex-shrink:0}.rep-details-modal-overlay .task-type,.rep-details-modal-overlay .task-priority,.rep-details-modal-overlay .task-status{font-size:12px;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.rep-details-modal-overlay .task-type{background:#f3f4f6;color:#4b5563}.rep-details-modal-overlay .task-priority{background:#fef3c7;color:#d97706}.rep-details-modal-overlay .task-status{background:#fef3c7;color:#f59e0b}.rep-details-modal-overlay .task-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.rep-details-modal-overlay .task-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;border-top:1px solid #f3f4f6}.rep-details-modal-overlay .task-dates{display:flex;flex-direction:column;gap:4px}.rep-details-modal-overlay .due-time,.rep-details-modal-overlay .created-time{font-size:12px;color:#6b7280}.rep-details-modal-overlay .due-time{font-weight:500}.rep-details-modal-overlay .task-actions{display:flex;gap:8px}.rep-details-modal-overlay .task-action-btn{background:none;border:1px solid #e5e7eb;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.rep-details-modal-overlay .task-action-btn svg{width:16px;height:16px}.rep-details-modal-overlay .task-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.rep-details-modal-overlay .task-action-btn.start{color:#fabd24}.rep-details-modal-overlay .task-action-btn.start:hover{background:#fef3c7;border-color:#fabd24}.rep-details-modal-overlay .task-action-btn.complete{color:#10b981}.rep-details-modal-overlay .task-action-btn.complete:hover{background:#d1fae5;border-color:#10b981}.rep-details-modal-overlay .task-action-btn.snooze{color:#8b5cf6}.rep-details-modal-overlay .task-action-btn.snooze:hover{background:#ede9fe;border-color:#8b5cf6}.rep-details-modal-overlay .task-action-btn.edit{color:#f59e0b}.rep-details-modal-overlay .task-action-btn.edit:hover{background:#fef3c7;border-color:#f59e0b}.rep-details-modal-overlay .task-action-btn.delete{color:#dc2626}.rep-details-modal-overlay .task-action-btn.delete:hover{background:#fee2e2;border-color:#dc2626}.rep-details-modal-overlay .pipeline-section{display:flex;flex-direction:column;gap:24px}.rep-details-modal-overlay .pipeline-chart{display:flex;flex-direction:column;gap:16px}.rep-details-modal-overlay .pipeline-stage{display:flex;flex-direction:column;gap:8px}.rep-details-modal-overlay .stage-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.rep-details-modal-overlay .stage-fill{height:100%;background:linear-gradient(90deg,#fabd24,#f59e0b);transition:width .3s ease}.rep-details-modal-overlay .stage-info{display:flex;justify-content:space-between;align-items:center}.rep-details-modal-overlay .stage-name{font-weight:600;color:#1f2937}.rep-details-modal-overlay .stage-count{font-size:14px;color:#6b7280}.rep-details-modal-overlay .history-section{display:flex;flex-direction:column;gap:24px}.rep-details-modal-overlay .history-list{display:flex;flex-direction:column;gap:12px}.rep-details-modal-overlay .no-history{text-align:center;color:#6b7280;font-style:italic;padding:40px;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.rep-details-modal-overlay .history-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.rep-details-modal-overlay .history-action{font-weight:600;color:#1f2937;text-transform:capitalize}.rep-details-modal-overlay .history-details{flex:1;color:#6b7280;font-size:14px}.rep-details-modal-overlay .history-time{font-size:12px;color:#9ca3af}.snooze-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10001}.snooze-modal-overlay .snooze-modal{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 25px 50px -12px #00000040}.snooze-modal-overlay .snooze-modal h3{margin-top:0;margin-bottom:20px;color:#1f2937;font-size:20px}.snooze-modal-overlay .snooze-options{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.snooze-modal-overlay .snooze-option-btn{background:#f9fafb;border:1px solid #e5e7eb;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;font-size:14px}.snooze-modal-overlay .snooze-option-btn:hover{background:#fabd24;color:#fff;border-color:#fabd24}.snooze-modal-overlay .cancel-snooze-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;width:100%;font-size:14px;transition:background .2s}.snooze-modal-overlay .cancel-snooze-btn:hover{background:#4b5563}.task-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a;z-index:10002;transform:translate(100%);transition:transform .3s ease;border-left:4px solid #fabd24}.task-notification.show{transform:translate(0)}.task-notification.success{border-left-color:#10b981}.task-notification.error{border-left-color:#dc2626}.task-notification .notification-content{display:flex;align-items:center;gap:12px;padding:16px 20px}.task-notification .notification-icon{font-size:18px;font-weight:600}.task-notification.success .notification-icon{color:#10b981}.task-notification.error .notification-icon{color:#dc2626}.task-notification .notification-text{color:#1f2937;font-size:14px;font-weight:500}.reps-section .rep-item.clickable-rep{cursor:pointer;transition:all .2s}.reps-section .rep-item.clickable-rep:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.reps-section .rep-item.clickable-rep .rep-actions{opacity:.5;transition:opacity .2s}.reps-section .rep-item.clickable-rep:hover .rep-actions{opacity:1}@media (max-width: 768px){.rep-details-modal-overlay .rep-details-modal{width:95%;max-height:95vh}.rep-details-modal-overlay .rep-details-header{padding:24px 20px 16px}.rep-details-modal-overlay .rep-header-info{flex-direction:column;align-items:flex-start;gap:16px}.rep-details-modal-overlay .rep-avatar-large{width:60px;height:60px}.rep-details-modal-overlay .rep-basic-info .rep-name{font-size:24px}.rep-details-modal-overlay .rep-performance-stats{grid-template-columns:repeat(2,1fr);padding:20px;gap:12px}.rep-details-modal-overlay .rep-tab-content{padding:20px}.rep-details-modal-overlay .tasks-header{flex-direction:column;align-items:flex-start;gap:16px}.rep-details-modal-overlay .tasks-summary{gap:16px}.rep-details-modal-overlay .task-item{padding:16px}.rep-details-modal-overlay .task-header{flex-direction:column;align-items:flex-start;gap:8px}.rep-details-modal-overlay .task-footer{flex-direction:column;align-items:flex-start;gap:12px}.rep-details-modal-overlay .task-actions{align-self:flex-end}}@media (max-width: 480px){.rep-details-modal-overlay .rep-performance-stats{grid-template-columns:1fr}.rep-details-modal-overlay .rep-tab{padding:12px 16px;font-size:14px}.rep-details-modal-overlay .task-actions{flex-wrap:wrap;gap:6px}.rep-details-modal-overlay .task-action-btn{padding:6px}}.create-task-modal-overlay,.edit-task-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-task-modal-overlay .create-task-modal,.edit-task-modal-overlay .edit-task-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.create-task-modal-overlay .create-task-header,.edit-task-modal-overlay .edit-task-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.create-task-modal-overlay .create-task-header h3,.edit-task-modal-overlay .edit-task-header h3{margin:0;font-size:24px;font-weight:700;color:#1f2937}.create-task-modal-overlay .close-button,.edit-task-modal-overlay .close-button{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.create-task-modal-overlay .close-button:hover,.edit-task-modal-overlay .close-button:hover{background:#f3f4f6;color:#374151}.create-task-modal-overlay form,.edit-task-modal-overlay form{padding:32px}.create-task-modal-overlay .form-group,.edit-task-modal-overlay .form-group{margin-bottom:24px}.create-task-modal-overlay .form-row,.edit-task-modal-overlay .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.create-task-modal-overlay label,.edit-task-modal-overlay label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.create-task-modal-overlay input,.create-task-modal-overlay textarea,.create-task-modal-overlay select,.edit-task-modal-overlay input,.edit-task-modal-overlay textarea,.edit-task-modal-overlay select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s;background:#fff}.create-task-modal-overlay input:focus,.create-task-modal-overlay textarea:focus,.create-task-modal-overlay select:focus,.edit-task-modal-overlay input:focus,.edit-task-modal-overlay textarea:focus,.edit-task-modal-overlay select:focus{outline:none;border-color:#fabd24;box-shadow:0 0 0 3px #fabd241a}.create-task-modal-overlay textarea,.edit-task-modal-overlay textarea{resize:vertical;min-height:80px}.create-task-modal-overlay .form-actions,.edit-task-modal-overlay .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.create-task-modal-overlay .cancel-btn,.edit-task-modal-overlay .cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.create-task-modal-overlay .cancel-btn:hover,.edit-task-modal-overlay .cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.create-task-modal-overlay .submit-btn,.edit-task-modal-overlay .submit-btn{background:#fabd24;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.create-task-modal-overlay .submit-btn:hover,.edit-task-modal-overlay .submit-btn:hover{background:#f59e0b}.create-task-modal-overlay .submit-btn:disabled,.edit-task-modal-overlay .submit-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.create-task-modal-overlay .create-task-modal,.edit-task-modal-overlay .edit-task-modal{width:95%;max-height:95vh}.create-task-modal-overlay .create-task-header,.edit-task-modal-overlay .edit-task-header{padding:20px 24px}.create-task-modal-overlay form,.edit-task-modal-overlay form{padding:24px}.create-task-modal-overlay .form-row,.edit-task-modal-overlay .form-row{grid-template-columns:1fr;gap:0}.create-task-modal-overlay .form-actions,.edit-task-modal-overlay .form-actions{flex-direction:column;gap:8px}.create-task-modal-overlay .cancel-btn,.create-task-modal-overlay .submit-btn,.edit-task-modal-overlay .cancel-btn,.edit-task-modal-overlay .submit-btn{width:100%}}.automations-unified-content{display:flex;flex-direction:row;height:100%;gap:4px;position:relative}.automations-row{display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;flex:1;min-width:0;transition:all .3s ease}.automations-row.collapsed{flex:0 0 60px;min-width:60px}.automations-row.collapsed .scripts-content-area,.automations-row.collapsed .workflows-content-area,.automations-row.collapsed .column-text{display:none}.add-workflow-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fabd24;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.add-workflow-btn:hover{background:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.add-workflow-btn svg{width:16px;height:16px}.row-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;background:#f8fafc;flex-shrink:0}.row-title{display:flex;align-items:center;gap:16px}.column-number{width:32px;height:32px;background:#fabd24;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.column-text h3{margin:0;font-size:15px;font-weight:700;color:#1f2937}.column-text p{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.column-collapse-btn{display:none}.column-toggle-divider{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center}.central-toggle-btn{width:40px;height:40px;background:#fff;border:2px solid #fabd24;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fabd24;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.central-toggle-btn:hover{background:#fabd24;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.central-toggle-btn svg{width:20px;height:20px;transition:transform .3s ease}.central-toggle-btn svg{transform:rotate(0)}.central-toggle-btn.facing-scripts svg{transform:rotate(180deg)}.column-toggle-divider.facing-scripts{left:94%}.central-toggle-btn.facing-workflows svg{transform:rotate(0)}.column-toggle-divider.facing-workflows{left:6%}.central-toggle-btn:before{content:attr(data-tooltip);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.central-toggle-btn:hover:before{opacity:1}.automations-row.collapsed{border-color:#d1d5db}.automations-row.expanded{border-color:#fabd24;box-shadow:0 0 0 1px #fabd241a}.workflows-content-area{flex:1;display:flex;flex-direction:column;min-height:0}.revenue-jamboard-container{flex:1;display:flex;flex-direction:column;position:relative}.revenue-jamboard{flex:1;position:relative;min-height:300px;background:#f9fafb;overflow:hidden}.scripts-content-area{flex:1;display:flex;flex-direction:column;height:100%}.scripts-main-container{flex:1;display:flex;gap:16px;padding:16px;height:100%;overflow:hidden}.scripts-grid-container{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden}.current-copilot-section{background:#f8fafc;border-radius:8px;padding:12px;border:1px solid #e5e7eb;flex-shrink:0}.current-copilot-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.current-copilot-section .section-header h4{margin:0;font-size:14px;font-weight:600;color:#1f2937}.active-badge{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#22c55e;color:#fff;border-radius:10px;font-size:10px;font-weight:600}.active-badge svg{width:10px;height:10px}.scripts-grid-wrapper{flex:1;overflow-y:auto;min-height:0}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:4px}.scripts-filter-sidebar{width:180px;background:#f8fafc;border-radius:8px;padding:12px;border:1px solid #e5e7eb;flex-shrink:0}.script-type-filters{display:flex;flex-direction:column;gap:6px}.script-type-filter{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;text-align:left;font-size:12px;font-weight:500;color:#374151}.script-type-filter:hover{background:#f3f4f6;border-color:#d1d5db}.script-type-filter.active{background:#fabd24;border-color:#fabd24;color:#fff}.script-type-filter svg{width:14px;height:14px;flex-shrink:0}.no-active-copilot-compact{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.no-copilot-icon{width:32px;height:32px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.no-copilot-icon svg{width:16px;height:16px}.no-copilot-content{flex:1;min-width:0}.no-copilot-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937}.no-copilot-content p{margin:0 0 8px;font-size:12px;color:#6b7280}.btn-primary-small{padding:4px 8px;background:#fabd24;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary-small:hover{background:#f59e0b}.jamboard-controls{position:relative;z-index:10;justify-content:flex-end;padding:6px}@media (max-width: 1200px){.automations-unified-content{flex-direction:column;gap:12px}.column-toggle-divider{display:none}.automations-row{flex:none}.automations-row.collapsed{flex:none;min-height:60px}.scripts-main-container{flex-direction:column;gap:12px}.scripts-filter-sidebar{width:100%;padding:12px}.script-type-filters{flex-direction:row;flex-wrap:wrap;gap:6px}.script-type-filter{flex:1;min-width:120px}}@media (max-width: 768px){.scripts-main-container{padding:12px}.scripts-grid{grid-template-columns:1fr}.current-copilot-section{max-height:none}.jamboard-controls-overlay{position:static;padding:16px;background:#ffffffe6;border-bottom:1px solid #e5e7eb}.jamboard-search input{width:150px}}.scripts-controls-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb;gap:12px}.scripts-search-container{position:relative;flex:1;max-width:300px}.scripts-search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b7280;pointer-events:none}.scripts-search-container input{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;transition:border-color .2s,box-shadow .2s}.scripts-search-container input:focus{outline:none;border-color:#fabd24;box-shadow:0 0 0 2px #fabd241a}.add-script-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fabd24;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.add-script-btn:hover{background:#f59e0b;transform:translateY(-1px)}.add-script-btn svg{width:14px;height:14px}.current-copilot-section.hidden{display:none}@media (max-width: 768px){.scripts-controls-bar{flex-direction:column;gap:8px}.scripts-search-container{max-width:none}.add-script-btn{width:100%;justify-content:center}}.scripts-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280}.scripts-empty-state .empty-icon{width:64px;height:64px;margin-bottom:16px;color:#d1d5db}.scripts-empty-state .empty-icon svg{width:100%;height:100%}.scripts-empty-state h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#374151}.scripts-empty-state p{margin:0 0 16px;font-size:14px;color:#6b7280}.active-copilot-card{padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.active-script-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.active-script-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.script-version{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.active-script-description{margin:0 0 12px;font-size:14px;color:#6b7280;line-height:1.4}.active-script-actions{display:flex;gap:8px}.btn-secondary-small{padding:4px 8px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary-small:hover{background:#e5e7eb;border-color:#9ca3af}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:0;margin-bottom:20%}.script-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:16px;transition:all .2s;position:relative}.script-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.script-card.active{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e1a}.script-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.script-name{margin:0;font-size:16px;font-weight:600;color:#1f2937;line-height:1.3}.script-status{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;flex-shrink:0}.script-status.active{background:#dcfce7;color:#166534}.script-status.draft{background:#fef3c7;color:#92400e}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.script-description{margin:0 0 12px;font-size:14px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.script-meta{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;color:#9ca3af}.script-meta span{display:flex;align-items:center}.script-actions{display:flex;gap:4px;flex-wrap:wrap}.script-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;color:#6b7280}.script-action-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.script-action-btn.activate{background:#22c55e;border-color:#22c55e;color:#fff}.script-action-btn.activate:hover{background:#16a34a}.script-action-btn.delete{background:#fef2f2;border-color:#fecaca;color:#dc2626}.script-action-btn.delete:hover{background:#fee2e2}.script-action-btn svg{width:16px;height:16px}@media (max-width: 768px){.scripts-grid{grid-template-columns:1fr;padding:12px}.script-card{padding:12px}}.scripts-grid-wrapper::-webkit-scrollbar{width:4px}.scripts-grid-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.scripts-grid-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.lead-selector-container{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);position:relative}.lead-selector{background:none;border:none;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0;margin:0;min-width:160px;max-width:160px}.lead-selector:disabled{cursor:default;color:var(--text-primary)}.lead-selector option{background:var(--bg-primary);color:var(--text-primary);padding:8px 12px;font-size:14px;font-weight:500}.lead-selector-container.recording .lead-selector{cursor:default}.lead-selector.has-selection{color:var(--accent-yellow)}.copilot-timer{margin-left:auto;font-size:14px;font-weight:500;color:var(--text-secondary);font-family:var(--font-mono)}#lead-selector{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;color:#334155;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;outline:none;min-width:200px}#lead-selector:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}#lead-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}#lead-selector option{padding:8px 12px;font-size:14px;color:#334155;background:#fff}#lead-selector option.create-new-option{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;font-weight:600;border-bottom:1px solid #bbf7d0}#lead-selector option:hover{background:#f1f5f9}#lead-selector option.create-new-option:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}#lead-selector-container{position:relative;display:flex;align-items:center;gap:8px}#lead-selector-container.recording #lead-selector{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}@media (max-width: 768px){#lead-selector{min-width:160px;padding:10px 12px;font-size:13px}}#lead-selector{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.field-hint{font-size:12px;color:#64748b;margin-top:4px;line-height:1.3}#lead-social-input{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:14px;transition:all .3s ease}#lead-social-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}#lead-social-input::placeholder{color:#9ca3af;font-style:italic}.form-field.error input,.form-field.error select,.form-field.error textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-field.error .field-hint{color:#ef4444;font-weight:500}.lead-context-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;margin-top:8px;font-size:13px;color:#1e40af}.lead-context-name{font-weight:600}.lead-context-company{opacity:.8}.call-action,.email-action,.meeting-action{margin-top:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-block;text-align:center;box-shadow:0 2px 4px #3b82f633;-webkit-user-select:none;user-select:none;position:relative;padding:6px 12px 6px 28px}.call-action:hover,.email-action:hover,.meeting-action:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.call-action:active,.email-action:active,.meeting-action:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.call-action{background:#10b981;box-shadow:0 2px 4px #10b98126}.call-action:hover{background:#059669;box-shadow:0 4px 8px #10b98133}.email-action{background:#f59e0b;box-shadow:0 2px 4px #f59e0b26}.email-action:hover{background:#d97706;box-shadow:0 4px 8px #f59e0b33}.meeting-action{background:#8b5cf6;box-shadow:0 2px 4px #8b5cf626}.meeting-action:hover{background:#7c3aed;box-shadow:0 4px 8px #8b5cf633}.call-action:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.email-action:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.meeting-action:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.call-action:focus,.email-action:focus,.meeting-action:focus{outline:2px solid #3b82f6;outline-offset:2px}.call-action.loading,.email-action.loading,.meeting-action.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.call-action.loading:after,.email-action.loading:after,.meeting-action.loading:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;animation:spin 1s linear infinite}.icon-strategy-chat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3C!-- AI Brain/Circuit pattern --%3E%3Ccircle cx='12' cy='12' r='10' fill='%23f6be3b' opacity='0.15'/%3E%3C!-- Central core --%3E%3Ccircle cx='12' cy='12' r='3' fill='%23f6be3b'/%3E%3C!-- Neural connections --%3E%3Cpath d='M12 6v2m0 8v2m6-6h-2m-8 0H6' stroke='%23f6be3b' stroke-width='2' stroke-linecap='round'/%3E%3C!-- Corner nodes --%3E%3Ccircle cx='8' cy='8' r='1.5' fill='%23f6be3b' opacity='0.8'/%3E%3Ccircle cx='16' cy='8' r='1.5' fill='%23f6be3b' opacity='0.8'/%3E%3Ccircle cx='8' cy='16' r='1.5' fill='%23f6be3b' opacity='0.8'/%3E%3Ccircle cx='16' cy='16' r='1.5' fill='%23f6be3b' opacity='0.8'/%3E%3C!-- Connecting lines --%3E%3Cpath d='M9.5 9.5L12 12m2.5-2.5L12 12m-2.5 2.5L12 12m2.5 2.5L12 12' stroke='%23f6be3b' stroke-width='1.5' opacity='0.6' stroke-linecap='round'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.item-strategy-chat{color:#f6be3b}.chat-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10050;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;background:#2121213a;padding:16px;opacity:0;transition:opacity .3s ease}.chat-modal-overlay.active{opacity:1}.global-chat-modal{width:700px;height:600px;background:#fff;border-radius:14px;box-shadow:0 20px 40px #0000001a;border:1px solid #e5e7eb;display:flex;flex-direction:column;pointer-events:all;overflow:hidden;transform:translateY(20px) scale(.95);transition:transform .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.chat-modal-overlay.active .global-chat-modal{transform:translateY(0) scale(1)}.chat-modal-header{padding:10px;background:#fff;color:#374151;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f3f4f6;border-radius:14px 14px 0 0;flex-shrink:0}.chat-modal-header h3{margin:0;font-size:14px;font-weight:600;color:#374151}.chat-modal-controls{display:flex;align-items:center;gap:8px}.chat-control-btn{width:32px;height:32px;border:none;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease}.chat-control-btn:hover{background:#f3f4f6;color:#374151}.chat-control-btn svg{width:18px;height:18px}.chat-modal-messages{flex:1;padding:20px 20px 100px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:#fff;min-height:0}.chat-modal-messages::-webkit-scrollbar{width:6px}.chat-modal-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.chat-modal-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-modal-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-widget-message{display:flex;max-width:80%;margin-bottom:8px}.chat-widget-message.user-message{align-self:flex-end;justify-content:flex-end}.chat-widget-message.ai-message{align-self:flex-start;justify-content:flex-start}.chat-widget-message .message-content{max-width:100%;word-wrap:break-word}.chat-widget-message.user-message .message-content{font-size:14px;line-height:1.4}.chat-widget-message.ai-message .message-content{background:#f8fafc;color:#374151;padding:12px 16px;border-radius:18px 18px 18px 4px;border:1px solid #e2e8f0;font-size:14px;line-height:1.4}.chat-attachments{padding:12px 20px;position:absolute;bottom:80px;left:0;right:0;z-index:15;max-height:150px;overflow-y:auto}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.attachment-item:hover{background:#f1f5f9;border-color:#cbd5e1}.attachment-icon{width:24px;height:24px;color:#6b7280;flex-shrink:0}.attachment-name{flex:1;font-size:14px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-attachment-btn{width:24px;height:24px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remove-attachment-btn:hover{background:#fee2e2;color:#dc2626}.remove-attachment-btn svg{width:16px;height:16px}.chat-modal-messages{flex:1;padding:20px 20px 100px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:#fff;min-height:0;margin-bottom:0}.chat-modal-messages.has-attachments{padding-bottom:250px}.chat-modal-input{position:absolute;bottom:0;left:0;right:0;padding:20px;border-radius:0 0 14px 14px;z-index:10}.chat-input-container{display:flex;gap:12px;align-items:center}.attach-file-btn{width:40px;height:40px;border:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;flex-shrink:0}.attach-file-btn:hover{background:#f1f5f9;border-color:#d1d5db;color:#374151}.attach-file-btn svg{width:18px;height:18px}.input-wrapper{flex:1;position:relative;display:flex;align-items:flex-end}.input-wrapper textarea{flex:1;border:none;border-radius:0;padding:12px 50px 12px 16px;resize:none;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:40px;outline:none;background:transparent;scrollbar-width:none}.input-wrapper textarea::placeholder{color:#dbdbdb}.chat-send-btn{position:absolute;right:8px;bottom:8px;width:40px;height:40px;border:none;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#9ca3af}.chat-send-btn:hover{color:#374151}.chat-send-btn svg{width:18px;height:18px}.chat-history-panel{position:absolute;top:50px;right:0;width:280px;height:100%;background:#fff;border-left:1px solid #e5e7eb;border-radius:14px;transform:translate(100%);transition:transform .3s ease;z-index:20;display:flex;flex-direction:column}.chat-history-panel.show{transform:translate(0)}.chat-history-panel .history-header{padding:10px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-bottom:0}.chat-history-panel .history-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.new-chat-btn{width:32px;height:32px;border:none;background:#fabd24;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.new-chat-btn:hover{background:#f59e0b}.new-chat-btn svg{width:16px;height:16px}.chat-history-panel .history-list{flex:1;overflow-y:auto;padding:8px}.chat-history-panel .history-list::-webkit-scrollbar{width:4px}.chat-history-panel .history-list::-webkit-scrollbar-track{background:#f1f5f9}.chat-history-panel .history-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.history-item{padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;position:relative;opacity:1}.history-item:hover{background:#f8fafc}.history-item.active{background:#fef3c7;border:1px solid #fbbf24}.history-title{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-right:24px}.history-date{font-size:12px;color:#9ca3af}.delete-history-btn{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;display:none;align-items:center;justify-content:center;transition:all .2s ease}.history-item:hover .delete-history-btn{display:flex}.delete-history-btn:hover{background:#fee2e2;color:#dc2626}.delete-history-btn svg{width:12px;height:12px}@media (max-width: 768px){.chat-modal-overlay{padding:0}.global-chat-modal{width:100vw;height:94vh;border-radius:0;max-width:none;max-height:none}.chat-modal-header,.chat-modal-input{border-radius:0}.chat-history-panel{width:100%;border-radius:0}.chat-input-container{gap:8px}.attach-file-btn{width:36px;height:36px}.input-wrapper textarea{padding-right:45px}}@media (max-width: 768px){.chat-modal-overlay{padding:20px 10px 10px;align-items:flex-start}.global-chat-modal{width:100%;max-width:none;height:calc(94vh - 40px);max-height:calc(94vh - 40px);margin:0;border-radius:12px}.chat-modal-header{padding:16px 20px;border-radius:12px 12px 0 0}.chat-modal-header h3{font-size:1.125rem}.chat-control-btn{width:44px;height:44px}.chat-modal-messages{padding:16px 20px}.chat-modal-input{padding:16px 20px;border-radius:0 0 12px 12px}}@media (max-width: 480px) and (max-height: 600px){.chat-modal-overlay{padding:10px 5px 5px}.global-chat-modal{height:calc(94vh - 20px);max-height:calc(94vh - 20px);border-radius:8px}.chat-modal-header{padding:12px 16px;min-height:60px}.chat-modal-messages,.chat-modal-input{padding:12px 16px}}.typing-indicator{display:flex;gap:4px;align-items:center;padding:8px 0}.typing-indicator .dot{width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:typing-pulse 1.4s infinite}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.2);opacity:1}}.foundations-icp-container{background:#fff;height:100%;display:flex;justify-content:center}.icp-content{display:flex;height:100%;flex:1}.icp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b;background:#fff;border-radius:12px}.icp-loading .loading-spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top:3px solid #fabd24;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.icp-loading p{font-size:1rem;margin:0}.empty-icp-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#fff;border-radius:12px;border:2px dashed #e2e8f0}.empty-state-icon{width:64px;height:64px;color:#cbd5e1;margin-bottom:20px}.empty-state-icon svg{width:100%;height:100%}.empty-icp-state h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 12px}.empty-icp-state p{font-size:1rem;color:#64748b;margin:0 0 24px;max-width:400px}.define-strategy-btn{padding:12px 24px;background:#fabd24;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #fabd2440}.define-strategy-btn:hover{background:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 12px #fabd2459}.error-icp-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fef2f2;border-radius:12px;border:2px solid #fecaca}.error-state-icon{width:48px;height:48px;color:#ef4444;margin-bottom:16px}.error-icp-state h3{font-size:1.25rem;font-weight:600;color:#dc2626;margin:0 0 8px}.error-icp-state p{color:#7f1d1d;margin:0 0 20px}.retry-btn{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background:#dc2626}.icp-display{overflow:visible;display:flex;flex:1;flex-direction:column}.icp-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:10px;overflow:visible;margin-bottom:10px;flex-shrink:0}.icp-title-section{display:flex;gap:16px;align-items:center}.icp-title-section h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 8px}.icp-metadata{display:flex;gap:16px;font-size:13px;color:#64748b}.icp-actions{display:flex;gap:8px}.icp-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;font-weight:500}.icp-action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.icp-action-btn svg{width:16px;height:16px}.icp-content-body{flex:1;overflow-y:auto;background:#fff}.icp-content-body::-webkit-scrollbar{width:6px}.icp-content-body::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.icp-content-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.icp-content-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.json-section{margin-bottom:20px;border:1px solid #f1f5f9;border-radius:12px;overflow:hidden;background:#fff}.json-field.simple-field.level-0{margin-bottom:0}.json-section.level-0{border-color:#e2e8f0;margin-bottom:0}.json-section.level-1{border-color:#f1f5f9;margin-left:16px}.json-section-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fafbfc;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease}.json-section-header:hover{background:#f1f5f9}.section-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#94a3b8;transition:transform .2s ease}.section-toggle svg{width:16px;height:16px}.json-section.collapsed .section-toggle svg{transform:rotate(-90deg)}.section-title{flex:1;font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.section-count{font-size:.875rem;color:#64748b;background:#fff;padding:4px 8px;border-radius:6px;border:1px solid #f1f5f9}.json-section-content{padding:20px;background:#fff}.json-field{margin-bottom:12px}.json-field.simple-field{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #f8fafc}.json-field.simple-field:last-child{border-bottom:none}.field-label{min-width:100px;font-weight:500;color:#374151;font-size:.9rem}.field-value{flex:1;color:#64748b;line-height:1.5}.json-field.array-field .json-field-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;cursor:pointer;transition:all .2s ease}.json-field.array-field .json-field-header:hover{background:#f1f5f9;border-color:#e2e8f0}.array-count{font-size:.8rem;color:#64748b;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #f1f5f9}.json-array{margin-top:8px}.json-array-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #f8fafc}.json-array-item:last-child{border-bottom:none}.array-index{min-width:24px;font-weight:500;color:#94a3b8;font-size:.875rem}.json-value{line-height:1.5}.string-value{color:#059669}.number-value{color:#2563eb;font-weight:500}.boolean-value{font-weight:500;text-transform:capitalize}.boolean-value.true{color:#059669}.boolean-value.false{color:#dc2626}.null-value{color:#94a3b8;font-style:italic}.long-text{line-height:1.6;color:#374151}.unknown-value{color:#f59e0b}.version-history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.version-history-modal-overlay.active{opacity:1}.version-history-modal-overlay.closing{opacity:0}.version-history-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease;border:1px solid #f1f5f9}.version-history-modal-overlay.active .version-history-modal{transform:scale(1)}.version-history-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #f1f5f9;background:#fafbfc;border-radius:16px 16px 0 0}.version-history-header h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.close-button{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.version-history-content{flex:1;padding:24px;overflow-y:auto;background:#fff}.version-history-content::-webkit-scrollbar{width:6px}.version-history-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.version-history-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.version-history-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.no-versions{text-align:center;padding:40px 20px;color:#64748b}.versions-list{display:flex;flex-direction:column;gap:12px}.version-item{background:#f8f9fb!important;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s ease;position:relative}.version-item:hover{background:#f3f4f6!important;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.version-item.latest{background:#f8f9fb!important;border-color:#e5e7eb}.script-versions-list .version-info{flex:1;min-width:0}.version-header{margin-bottom:0}.version-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.version-number{font-weight:600;color:#111827;font-size:14px}.version-metadata{display:flex;flex-wrap:wrap;gap:12px;margin:0;font-size:12px;color:#6b7280}.version-metadata span{display:flex;align-items:center}.version-date{font-weight:500;color:#374151}.version-actions{display:flex;gap:6px;margin-left:16px;align-items:flex-start}.version-action-btn{padding:6px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.version-action-btn svg{width:16px;height:16px}.version-action-btn.view-btn{color:#3b82f6;border-color:#bfdbfe}.version-action-btn.view-btn:hover{background:#eff6ff;border-color:#3b82f6}.version-action-btn.duplicate-btn{color:#059669;border-color:#a7f3d0}.version-action-btn.duplicate-btn:hover{background:#ecfdf5;border-color:#059669}.version-action-btn.delete-btn{color:#dc2626;border-color:#fecaca}.version-action-btn.delete-btn:hover{background:#fef2f2;border-color:#dc2626}.version-item{display:flex;align-items:flex-start;justify-content:space-between}.version-author:before{content:"•";margin-right:4px;color:#d1d5db}.version-source:before{content:"•";margin-right:4px;color:#d1d5db}.version-history-footer{display:flex;justify-content:flex-end;padding:20px 24px;border-top:1px solid #f1f5f9;background:#fafbfc;border-radius:0 0 16px 16px}.btn-secondary{padding:10px 20px;background:#f8fafc;color:#374151;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.global-chat-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:16px 20px;display:flex;align-items:center;gap:12px;z-index:1100;transform:translate(100%);transition:transform .3s ease;max-width:400px;border-left:4px solid #fabd24;border:1px solid #f1f5f9}.global-chat-notification.show{transform:translate(0)}.global-chat-notification.success{border-left-color:#10b981}.global-chat-notification.error{border-left-color:#ef4444}.notification-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px}.global-chat-notification.success .notification-icon{background:#ecfdf5;color:#10b981}.global-chat-notification.error .notification-icon{background:#fef2f2;color:#ef4444}.global-chat-notification.info .notification-icon{background:#fef3c7;color:#fabd24}.notification-text{flex:1;font-size:.9rem;color:#374151;line-height:1.4}@media (max-width: 768px){.foundations-header{flex-direction:column;align-items:stretch;gap:16px}.open-chat-btn{align-self:flex-start}.icp-header{flex-direction:column;gap:16px}.icp-actions{align-self:stretch}.icp-action-btn{flex:1;justify-content:center}.version-history-modal{width:95%;margin:20px}.version-item{flex-direction:column;align-items:stretch;gap:12px}.version-actions{justify-content:flex-end;opacity:1}.json-section.level-1{margin-left:8px}.json-field.simple-field{flex-direction:column;gap:6px}.field-label{min-width:auto;font-size:.875rem}}.mobile-audio-instructions{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:20px}.mobile-audio-instructions.visible{opacity:1}.mobile-audio-instructions.dismissing{opacity:0}.instruction-content{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 40px #0000004d}.instruction-header{margin-bottom:20px}.instruction-icon{font-size:48px;margin-bottom:12px}.instruction-header h3{margin:0;color:#1e293b;font-size:24px;font-weight:600}.instruction-body{text-align:left;margin-bottom:24px}.instruction-body p{margin:0 0 16px;color:#374151;font-size:16px;line-height:1.5}.instruction-body ul{margin:16px 0;padding-left:20px;color:#374151}.instruction-body li{margin-bottom:8px;line-height:1.4}.instruction-tip{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:12px;font-size:14px;color:#0c4a6e}.instruction-dismiss-btn{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;width:100%}.instruction-dismiss-btn:hover{background:#2563eb}.instruction-dismiss-btn:active{transform:translateY(1px)}.message-file-attachment{display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;margin-bottom:8px;gap:12px}.user-message .message-file-attachment{background:#ffffff26;border-color:#ffffff4d}.ai-message .message-file-attachment{background:#0000001a;border-color:#0003}.file-attachment-icon{width:24px;height:24px;flex-shrink:0;color:#6b7280}.file-attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0}.file-attachment-name{font-weight:500;font-size:14px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-attachment-type{font-size:12px;color:#6b7280;opacity:.8}.connector{width:18px;height:18px;border-radius:50%;cursor:pointer}.connector-dot{width:16px;height:16px;border-radius:50%;background-color:#64748b;border:2px solid #ffffff;transition:all .2s ease;pointer-events:none}.connector.potential-target{transform:scale(1.2);box-shadow:0 0 0 3px #3b82f64d;animation:pulse-target 1s infinite;z-index:1000}.connector.drop-target{transform:scale(1.4);box-shadow:0 0 0 4px #22c55e66;background-color:#22c55e!important;z-index:1001}.canvas-connections-svg path{stroke-width:3px;cursor:pointer;transition:stroke-width .2s ease}.canvas-connections-svg path:hover{stroke-width:4px}.canvas-connections-svg path{paint-order:stroke fill}.connector.potential-target{transform:scale(1.2);box-shadow:0 0 0 4px #3b82f64d;animation:pulse-target 1.5s infinite;z-index:1000}.connector.potential-target .connector-dot{background-color:#3b82f6;box-shadow:0 0 8px #3b82f666}.connector.drop-target{transform:scale(1.4);box-shadow:0 0 0 6px #22c55e66;z-index:1001}.connector.drop-target .connector-dot{background-color:#22c55e;box-shadow:0 0 12px #22c55e99}.connector:hover .connector-dot{transform:scale(1.1);background-color:#3b82f6}.connector.input:hover .connector-dot{background-color:#10b981}.connector.connecting .connector-dot{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b66;animation:pulse-connecting 1s infinite}@keyframes pulse-connecting{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.canvas-connections-svg .graph-line,.canvas-connections-svg path[data-connection-id]{stroke-width:3px;cursor:pointer;transition:all .2s ease;stroke-linecap:round;stroke-linejoin:round}.canvas-connections-svg path[data-connection-id]:hover{stroke-width:5px;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.inline-workflow-canvas .workflow-connections-layer path{stroke-width:3px;cursor:pointer;transition:all .2s ease;stroke-linecap:round;stroke-linejoin:round}.inline-workflow-canvas .workflow-connections-layer path:hover{stroke-width:4px;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.temp-connection-path{stroke-width:3px;stroke-dasharray:8,4;animation:dash-animation 1s infinite linear}@keyframes dash-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}.import-leads-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;justify-content:center;align-items:center;z-index:10030}.import-leads-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.import-leads-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.import-leads-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.import-leads-content{padding:24px;max-height:60vh;overflow-y:auto}.import-step{display:none}.import-step.active{display:block}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step-number{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.step-header h4{margin:0;color:#111827;font-size:1.1rem}.file-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:32px;text-align:center;margin-bottom:20px;transition:all .2s}.file-upload-area:hover{border-color:#3b82f6;background:#f8fafc}.upload-placeholder{cursor:pointer}.upload-icon{width:48px;height:48px;color:#6b7280;margin:0 auto 16px}.upload-placeholder p{color:#374151;font-weight:500;margin:0 0 8px}.upload-placeholder small{color:#6b7280}.file-info{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f3f4f6;border-radius:8px}.file-details{display:flex;align-items:center;gap:12px}.file-icon{width:24px;height:24px;color:#3b82f6}.file-name{font-weight:500;color:#111827}.file-size{font-size:.875rem;color:#6b7280}.remove-file-btn{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;border-radius:4px}.remove-file-btn:hover{background:#e5e7eb;color:#374151}.csv-format-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.csv-format-guide h5{margin:0 0 12px;color:#1e293b;font-size:.875rem;font-weight:600}.format-example{background:#334155;color:#e2e8f0;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;margin-bottom:12px;overflow-x:auto}.format-notes p{margin:4px 0;font-size:.75rem;color:#64748b}.column-mapping{display:flex;flex-direction:column;gap:16px}.mapping-row{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid #e5e7eb;border-radius:8px}.field-info{display:flex;align-items:center;gap:8px;min-width:150px}.field-label{font-weight:500;color:#374151}.field-label.required{color:#dc2626}.required-indicator{color:#dc2626;font-weight:700}.column-select{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff}.import-progress{margin:20px 0}.progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6b7280,#4b5563)!important;transition:width .3s ease;width:0%;box-shadow:inset 0 1px 2px #00000026,inset 0 -1px 1px #ffffff4d}.progress-text{text-align:center;margin-top:8px;color:#6b7280;font-size:.875rem}.import-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;margin-bottom:20px}.import-summary h5{margin:0 0 8px;color:#0c4a6e}.import-summary p{margin:0;color:#0f172a}.preview-data{margin-top:20px}.preview-data h5{margin:0 0 12px;color:#374151}.preview-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.preview-table table{width:100%;border-collapse:collapse}.preview-table th{background:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.preview-table td{padding:12px;border-bottom:1px solid #f3f4f6;color:#6b7280}.import-complete{text-align:center;padding:20px}.success-icon{width:64px;height:64px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}.import-complete h4{margin:0 0 20px;color:#065f46}.import-stats{display:flex;justify-content:center;gap:32px;margin-bottom:20px}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;margin-bottom:4px}.stat-item.success .stat-number{color:#10b981}.stat-item.warning .stat-number{color:#f59e0b}.stat-item.error .stat-number{color:#ef4444}.stat-label{font-size:.875rem;color:#6b7280}.error-details{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-top:20px;text-align:left}.error-details h5{margin:0 0 12px;color:#991b1b}.error-details ul{margin:0;padding-left:20px;color:#7f1d1d}.import-leads-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.import-leads-button,.import-leads-button.icon-only{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;padding:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.import-leads-button:hover{background:#f9fafb;color:#374151;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.import-leads-button svg{width:18px;height:18px}.component-field .checkbox-label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}.component-field .require-approval-checkbox{margin:0;cursor:pointer;width:20px;height:20px}.component-field .checkbox-text{font-weight:500;color:var(--text-primary)}.field-hint{display:block;margin-top:4px;font-size:.875rem;color:var(--text-secondary);font-style:italic}.task-header-actions{display:flex;flex-direction:row;gap:16px}.task-member-selector-container{position:relative;display:inline-flex;align-items:center;padding:2px}.task-member-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:6px 32px 6px 10px;font-size:.9rem;font-weight:600;color:#7a5a00;cursor:pointer;transition:color .2s ease-in-out;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23b45309' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:18px 18px;min-width:170px}.task-member-selector:hover{color:#6b4a00}.task-member-selector:focus{outline:none}.task-member-selector optgroup{font-weight:700;color:#111827;background-color:#f3f4f6;padding:4px}.task-member-selector option{font-weight:400;padding:8px 12px;background-color:#fff}.multi-column-select{display:flex;flex-direction:column;gap:8px}.selected-columns{display:flex;flex-wrap:wrap;gap:6px;min-height:20px}.selected-column-tag{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:12px}.platform-icon{font-size:14px}.column-name{font-weight:500}.remove-column-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.remove-column-btn:hover{background:#ef4444;color:#fff}.column-dropdown-container{display:flex;flex-direction:column;gap:4px}.social-platform-types{color:#6b7280;font-size:11px}.timezone-mapping-container{display:flex;flex-direction:column;gap:12px}.mapping-mode-toggle{display:flex;gap:16px}.radio-option{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.radio-option input[type=radio]{margin:0}.timezone-column-select,.timezone-manual-select{animation:fadeIn .2s ease-in-out}.timezone-dropdown{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.manual-timezone-info,.social-mapping-info{padding:8px 12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;font-size:13px;margin-top:8px}.social-mapping-info{background:#f0fdf4;border-color:#22c55e}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.field-description{display:block;margin-top:2px;color:#6b7280;font-size:11px;font-style:italic}.name-type-icon{font-size:14px;margin-right:4px}.name-mapping-info{padding:8px 12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;font-size:13px;margin-top:8px}.selected-column-tag{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:12px;transition:all .2s ease}.selected-column-tag:hover{background:#e5e7eb;transform:translateY(-1px)}.multi-column-select[data-field=name] .selected-column-tag{background:#fef3c7;border-color:#f59e0b}.multi-column-select[data-field=social] .selected-column-tag{background:#f0fdf4;border-color:#22c55e}.mapping-row .field-label.required:after{content:" *";color:#ef4444;font-weight:700}.required-indicator{color:#ef4444;font-weight:700;margin-left:4px}.assignment-mapping-container{display:flex;flex-direction:column;gap:12px;width:100%}.mapping-mode-toggle{display:flex;gap:16px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.radio-option{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#475569}.radio-option input[type=radio]{margin:0;cursor:pointer}.assignment-column-select,.assignment-manual-select{display:flex;flex-direction:column;gap:6px}.assignment-dropdown,.timezone-dropdown{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;min-width:200px}.assignment-dropdown:focus,.timezone-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.manual-assignment-info{padding:8px 12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;font-size:13px;margin-top:8px}.manual-assignment-info code{background:#e0f2fe;padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px}.field-tips{margin-top:4px}.field-tips small{color:#6b7280;font-size:11px;font-style:italic}.task-card.in-progress{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#3b82f60d,#fff);box-shadow:0 2px 8px #3b82f626}.task-status-tag.in-progress{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.task-card.in-progress .task-title{color:#1e40af;font-weight:600}.kanban-lead-card{cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.kanban-lead-card:active{cursor:grabbing}.kanban-lead-card.dragging{opacity:.85;transform:rotate(2deg);box-shadow:0 4px 12px #0000001f;z-index:1000}.kanban-column.drag-over{background-color:#3b82f60d;border-radius:8px;transition:all .2s ease}.kanban-column.drag-over .kanban-column-body{background-color:#3b82f614;border-radius:6px;border:2px dashed rgba(59,130,246,.3);transform:scale(1.01)}.kanban-column.drop-success{animation:dropSuccess .6s ease-out}@keyframes dropSuccess{0%{background-color:#22c55e1a;transform:scale(1)}50%{background-color:#22c55e33;transform:scale(1.02)}to{background-color:transparent;transform:scale(1)}}.auto-detection-info{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:8px}.detection-status{display:flex;align-items:center;gap:8px;margin-bottom:8px}.detection-icon{font-size:16px}.detection-text{font-size:13px;color:#64748b}.preview-detection-btn{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.preview-detection-btn:hover{background:#2563eb}.preview-detection-btn:disabled{background:#94a3b8;cursor:not-allowed}.timezone-preview-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease}.timezone-preview-modal-overlay.active{opacity:1}.timezone-preview-modal{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.timezone-preview-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:between;align-items:center}.timezone-preview-body{padding:20px;max-height:400px;overflow-y:auto}.detection-results{display:flex;flex-direction:column;gap:12px}.detection-result-row{padding:12px;background:#f9fafb;border-radius:6px;border-left:4px solid #e5e7eb}.detection-result-row:has(.confidence.high){border-left-color:#10b981}.detection-result-row:has(.confidence.low){border-left-color:#f59e0b}.row-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.confidence{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.confidence.high{background:#d1fae5;color:#065f46}.confidence.low{background:#fef3c7;color:#92400e}.location-info{font-size:12px;color:#6b7280;margin-bottom:4px}.location-item{font-weight:500}.timezone-result{font-size:13px;font-weight:500}.detection-summary{margin-top:16px;padding:12px;background:#eff6ff;border-radius:6px;font-size:13px}.timezone-preview-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.login-footer{position:absolute;bottom:0;left:0;right:0;padding:20px;text-align:center}.footer-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:0}.footer-link{color:#6b7280;text-decoration:none;font-size:11px;transition:color .2s ease}.footer-link:hover{color:#374151;text-decoration:underline}.footer-separator{color:#d1d5db;font-size:12px}.footer-copyright{color:#9ca3af;font-size:10px}.footer-copyright p{margin:0}.column-loading-indicator{display:flex;justify-content:center;align-items:center;padding:16px;margin:8px 0;background:#fffffff2;border-radius:8px;border:1px solid #e5e7eb;opacity:1;transition:opacity .3s ease}.column-loading-content{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px;font-weight:500}.column-loading-indicator .loading-spinner{width:16px;height:16px;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.column-loading-indicator{padding:12px;margin:6px 0}.column-loading-content{font-size:12px;gap:6px}.column-loading-indicator .loading-spinner{width:14px;height:14px}}.task-column-title-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}.approve-all-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.approve-all-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.approve-all-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.approve-all-btn svg{width:14px;height:14px}.approve-all-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.approve-all-modal-overlay.active{opacity:1;visibility:visible}.approve-all-modal-overlay.closing{opacity:0;visibility:hidden}.approve-all-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:500px;width:90%;max-height:80vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform .3s ease}.approve-all-modal-overlay.active .approve-all-modal{transform:scale(1) translateY(0)}.approve-all-header{display:flex;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid #e5e7eb}.approve-all-header .modal-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.approve-all-header .modal-icon.warning{background:#fef3c7;color:#d97706}.approve-all-header .modal-icon svg{width:24px;height:24px}.approve-all-header .modal-title-section{flex:1}.approve-all-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.approve-all-header p{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.approve-all-body{padding:24px;max-height:400px;overflow-y:auto}.approval-list h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.approval-items{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.approval-item{padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.approval-task-title{font-weight:500;color:#111827;margin-bottom:4px}.approval-task-description{font-size:13px;color:#6b7280}.approval-warning{display:flex;gap:12px;padding:16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px}.approval-warning .warning-icon{font-size:18px;flex-shrink:0}.approval-warning .warning-text{font-size:13px;color:#92400e;line-height:1.5}.approve-all-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.approve-all-footer .approve-all-btn{padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.approve-all-footer .approve-all-btn.secondary{background:#fff;color:#6b7280;border:1px solid #d1d5db}.approve-all-footer .approve-all-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:none}.approve-all-footer .approve-all-btn.primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none}.approve-all-footer .approve-all-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.approve-all-footer .approve-all-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.approve-all-footer .approve-all-btn svg{width:16px;height:16px}.load-more-container{display:flex;justify-content:center;align-items:center;padding:20px;margin-top:16px}.load-more-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.load-more-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.leads-total-count{text-align:center;padding:16px;color:var(--text-muted);font-size:14px;font-style:italic}#leads-scroll-sentinel{position:absolute;bottom:0;width:100%;pointer-events:none}.kanban-column{display:flex;flex-direction:column;min-height:0}.kanban-column-body{flex:1;min-height:0;padding:12px;gap:12px;display:flex;flex-direction:column}.kanban-column-body.scrollable-column{overflow-y:auto;overflow-x:hidden}.kanban-column-body.scrollable-column::-webkit-scrollbar{height:5px;width:5px}.kanban-column-body.scrollable-column::-webkit-scrollbar-track{background:#f8fafc}.kanban-column-body.scrollable-column::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.kanban-column-body.scrollable-column::-webkit-scrollbar-thumb:hover{background:#94a3b8}.kanban-column.drop-success{animation:column-success-pulse .6s ease-out}@keyframes column-success-pulse{0%{transform:scale(1);box-shadow:0 0 #22c55e66}50%{transform:scale(1.02);box-shadow:0 0 0 10px #22c55e1a}to{transform:scale(1);box-shadow:0 0 #22c55e00}}.kanban-lead-card.dragging{opacity:.85;transform:rotate(2deg);z-index:1000;box-shadow:0 4px 12px #0000001f}.kanban-column.drag-over{background-color:#3b82f60d;transition:all .2s ease}.kanban-column.drag-over .kanban-column-body{background-color:#3b82f614;border:2px dashed rgba(59,130,246,.3);border-radius:6px;transform:scale(1.01)}.quick-action-btn.delete{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.quick-action-btn.delete:hover{background-color:#fecaca;color:#991b1b;border-color:#f87171}.remove-lead-modal .removal-items-list{margin:1rem 0;padding-left:1.5rem}.remove-lead-modal .removal-items-list li{margin:.5rem 0;color:#374151}.danger-modal .modal-header.danger-header{background-color:#fee2e2;border-bottom:1px solid #fecaca}.danger-modal .modal-header.danger-header h3{color:#dc2626}.danger-button.enabled{background-color:#dc2626;color:#fff;border-color:#dc2626}.danger-button.enabled:hover{background-color:#b91c1c;border-color:#b91c1c}.search-bar{position:relative;display:flex;align-items:center;border-radius:10px;padding:0;overflow:hidden}.search-mode-selector-inline{display:flex;align-items:center;border-left:1px solid #e2e8f0}.search-mode-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;background:transparent;border:1px solid #e2e8f0;border-left:none;color:#64748b;cursor:pointer;transition:all .2s ease;position:relative}.search-mode-btn:hover{background:#edeff2;color:#374151}.search-mode-btn.active:hover{background:#efeff6}.search-mode-btn svg{width:16px;height:16px}.search-mode-btn:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;animation:tooltipFadeIn .2s ease-in-out .5s forwards}.notes-list-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.note-item{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.75rem;background:#fff;transition:all .2s ease}.note-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.note-type-indicator{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.note-type-indicator svg{width:1rem;height:1rem}.note-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.note-item:hover .note-actions{opacity:1}.note-action-btn{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.note-action-btn svg{width:1rem;height:1rem}.note-action-btn:hover{background:#f3f4f6}.note-action-btn.edit:hover{color:#3b82f6;background:#dbeafe}.note-action-btn.delete:hover{color:#ef4444;background:#fee2e2}.note-content{font-size:.9rem;line-height:1.5;margin-bottom:.75rem;white-space:pre-wrap}.note-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#6b7280}.note-type-label{font-weight:500}.notes-empty-state .notes-actions{margin-top:1rem;text-align:center}#edit-note-modal-overlay .add-note-modal{max-width:500px}#edit-note-content-input{resize:vertical;min-height:120px}.section-subtitle{font-weight:400;font-size:.85rem;color:#6b7280;margin-left:.5rem}.notes-preview{background:var(--gray-50, #fafafa);border:1px solid var(--gray-200, #e5e5e5);border-radius:8px;padding:12px;margin-top:8px}.note-preview-content{font-size:13px;line-height:1.5;color:var(--gray-700, #404040);max-height:100px;overflow-y:auto;white-space:pre-wrap;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.note-preview-content::-webkit-scrollbar{width:4px}.note-preview-content::-webkit-scrollbar-track{background:transparent}.note-preview-content::-webkit-scrollbar-thumb{background:var(--gray-300, #d4d4d4);border-radius:2px}.note-preview-hint{color:var(--gray-500, #737373);font-size:12px;margin-top:8px;display:block;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.add-note-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;opacity:0;transition:opacity .3s ease}.add-note-modal-overlay.active{opacity:1}.add-note-modal-overlay.closing{opacity:0}.add-note-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(.95);transition:transform .3s ease}.add-note-modal-overlay.active .add-note-modal{transform:scale(1)}.add-note-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.add-note-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.add-note-content{padding:1.5rem}.add-note-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end}.btn-notes-add{background:#fabd24;color:#fff;border:1px solid #f59e0b;padding:.5rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #fabd2433;display:flex;align-items:center;gap:6px}.btn-notes-add:hover{background:#f59e0b;border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #fabd244d}.btn-notes-add:active{transform:translateY(0);box-shadow:0 2px 4px #fabd2433}.btn-notes-add svg{width:16px;height:16px;fill:currentColor}.btn-notes-add:focus{outline:none;box-shadow:0 0 0 3px #fabd244d}.notes-empty-state .btn-notes-add{background:#fabd24;color:#fff;border:1px solid #f59e0b;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #fabd2433;display:flex;align-items:center;gap:8px;font-size:14px}.notes-empty-state .btn-notes-add:hover{background:#f59e0b;border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #fabd244d}.notes-empty-state .btn-notes-add:active{transform:translateY(0);box-shadow:0 2px 4px #fabd2433}.notes-empty-state .btn-notes-add svg{width:16px;height:16px;fill:currentColor}.notes-empty-state .btn-notes-add:focus{outline:none;box-shadow:0 0 0 3px #fabd244d}.notes-actions{display:flex;justify-content:center;margin-top:1rem}.version-editing-indicator,.version-badge{display:none}.workflow-jamboard-card .workflow-card-body .workflow-title:before{content:"v" attr(data-version) " • ";color:#9ca3af;font-size:12px;font-weight:500;margin-right:4px;opacity:.8}.workflow-control-btn.secondary[onclick*=saveWorkflowVersion]{background:linear-gradient(135deg,#fabd24,#f59e0b);color:#fff;border:none;box-shadow:0 2px 4px #fabd2433}.workflow-control-btn.secondary[onclick*=saveWorkflowVersion]:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 4px 8px #fabd244d}.workflow-control-btn.secondary[onclick*=saveWorkflowVersion]:active{transform:translateY(0);box-shadow:0 2px 4px #fabd2433}.workflow-name-input[readonly]{background-color:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.team-member-selector-container{margin-left:12px}.team-member-selector{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;min-width:180px;cursor:pointer}.team-member-selector:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-light)}.team-member-selector option{padding:8px}#lead-selector-container{position:relative;z-index:100}.lead-search-input{width:100%;padding:8px;border:1px solid var(--text-muted);border-radius:4px;font-size:14px;color:var(--text-primary);background-color:#fff;z-index:2;position:relative}.lead-suggestions{position:absolute;top:100%;left:0;right:0;border:1px solid var(--text-muted);border-radius:4px;max-height:200px;overflow-y:auto;box-shadow:var(--shadow-md);z-index:99;margin-top:4px;background:var(--bg-primary);color:var(--text-primary);padding:8px 12px;font-size:14px;font-weight:500}.lead-suggestion-item{padding:8px 10px;cursor:pointer;color:var(--text-primary)}.lead-suggestion-item:hover{background-color:var(--hover-bg)}.lead-suggestion-item.active{background-color:var(--active-bg);border-left:4px solid var(--active-border)}.lead-suggestion-item.create{font-weight:700;color:var(--accent-yellow-warm)}.hidden{display:none}@media (max-width: 768px){.team-member-selector-container{margin-left:8px;margin-top:8px}.team-member-selector{min-width:140px;font-size:13px}}.lead-details-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#f5f5f5;border:none;border-radius:9999px;color:#171717;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.lead-details-btn:hover{background:#e5e5e5;box-shadow:0 2px 6px #00000014}.lead-details-btn:active{transform:scale(.98)}.lead-details-btn svg{width:14px;height:14px;color:#525252;flex-shrink:0}.lead-details-btn:hover svg{color:#171717}.social-profile-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.social-icon{width:20px;height:20px;color:#6b7280;flex-shrink:0}.social-profile-item a{color:#3b82f6;text-decoration:none;font-size:14px}.social-profile-item a:hover{text-decoration:underline}.summary-field{display:flex;margin-bottom:8px;font-size:14px}.field-label{font-weight:500;min-width:120px;color:#4b5563;margin-right:8px}.summary-field a{color:#3b82f6;text-decoration:none}.summary-field a:hover{text-decoration:underline}.priority-badge{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.priority-badge.priority-low{background-color:#f3f4f6;color:#6b7280}.priority-badge.priority-medium{background-color:#fef3c7;color:#d97706}.priority-badge.priority-high{background-color:#fecaca;color:#dc2626}.priority-badge.priority-urgent{background-color:#ddd6fe;color:#7c3aed}.tags-display{display:flex;flex-wrap:wrap;gap:6px}.tag-pill-detail{background-color:#f3f4f6;color:#4b5563;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.summary-empty{text-align:center;color:#6b7280;font-style:italic;padding:20px}.search-results-header{display:none;align-items:center;padding:8px 16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;font-size:14px;color:#64748b;min-height:40px;position:fixed;margin-top:30px;width:95%;left:2.5%;z-index:1;box-sizing:border-box;max-width:100%;overflow:hidden}.search-results-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap}.search-results-icon{font-size:14px;opacity:.8;flex-shrink:0;width:16px;height:16px;color:#64748b}.search-results-icon svg{width:100%;height:100%}.search-results-content.loading{color:#3b82f6}.search-results-content.error{color:#ef4444}.search-results-spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.search-results-icon{font-size:14px;opacity:.8;flex-shrink:0}.search-results-text{font-weight:500;color:#374151;flex:1;min-width:0;overflow-wrap:break-word}.search-mode-badge{display:inline-flex;align-items:center;padding:2px 6px;margin-left:8px;background-color:#dbeafe;color:#1e40af;border-radius:8px;font-size:11px;font-weight:500;white-space:nowrap;flex-shrink:0}.filter-badge{display:inline-flex;align-items:center;padding:2px 6px;margin-left:4px;background-color:#f3e8ff;color:#6b21a8;border-radius:8px;font-size:11px;font-weight:500;white-space:nowrap;flex-shrink:0}.clear-search-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s;margin-left:8px;flex-shrink:0;width:24px;height:24px}.clear-search-btn:hover{background-color:#e2e8f0;color:#374151}.clear-search-btn svg{width:14px;height:14px}@media (max-width: 768px){.search-results-header{padding:6px 12px;font-size:13px;min-height:auto}.search-results-content{gap:6px;flex-wrap:wrap}.search-results-text{font-size:12px;word-break:break-word}.search-mode-badge,.filter-badge{font-size:10px;padding:1px 4px;margin-left:4px}}@media (max-width: 480px){.search-results-header{padding:4px 8px;font-size:12px}.search-results-text{font-size:11px}.search-mode-badge,.filter-badge{font-size:9px;padding:1px 3px}.search-results-content{align-items:flex-start}.search-mode-badge,.filter-badge{margin-left:0;margin-top:4px}}.train-dashboard-grid{display:grid;grid-template-rows:auto 1fr;gap:24px;height:100%}.train-left-column{display:flex;flex-direction:column;gap:16px}.persona-language-card{padding:20px}.persona-language-card .card-header{margin-bottom:16px}.train-card.persona-language-card .card-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.persona-language-card h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.persona-button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.persona-button:hover{border-color:var(--accent-yellow);background:linear-gradient(135deg,#fefce8,#fff);box-shadow:0 4px 12px #fbbd2426;transform:translateY(-1px)}.persona-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-yellow) 0%,#f59e0b 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #fbbd2433}.persona-text{flex:1;display:flex;flex-direction:column;align-items:flex-start}.persona-label{font-weight:600;color:var(--text-primary);font-size:14px}.persona-count{font-size:12px;color:var(--text-secondary)}.language-section{display:flex;flex-direction:column;gap:8px;position:relative}.language-label{font-size:14px;font-weight:500;color:var(--text-primary)}.language-selector{position:relative;padding:10px 40px 10px 16px;border:1px solid var(--border-color);border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23374151'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.language-selector:hover{border-color:var(--accent-yellow);background:linear-gradient(135deg,#fefce8,#fff);box-shadow:0 4px 12px #fbbd2426;transform:translateY(-1px)}.language-selector:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbd241a}.language-selector option{background:#fff;color:var(--text-primary);padding:8px 12px}.language-section:after{content:"";position:absolute;top:100%;left:0;right:0;height:200px;pointer-events:none;z-index:-1}.persona-button{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;position:relative;overflow:hidden}.persona-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,189,36,.1),transparent);transition:left .5s ease}.persona-button:hover:before{left:100%}.language-selector{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;position:relative;overflow:hidden}.language-selector:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,189,36,.1),transparent);transition:left .5s ease;pointer-events:none}.language-selector:hover:before{left:100%}.persona-button:hover,.language-selector:hover{box-shadow:0 4px 12px #fbbd2426,0 0 0 1px #fbbd241a}.persona-button:hover .persona-icon{animation:subtle-pulse 1s ease-in-out}@keyframes subtle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.persona-button:active,.language-selector:active{transform:translateY(0);box-shadow:0 2px 4px #fbbd2433}.language-section{position:relative}.language-section:before{content:"🌐";position:absolute;top:32px;left:12px;font-size:16px;pointer-events:none;z-index:1}.language-selector{padding-left:40px}@media (max-width: 768px){.persona-button,.language-selector{padding:12px 14px}.persona-icon{width:28px;height:28px}.language-selector{padding-left:36px;padding-right:36px}}.persona-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease}.persona-modal-overlay.active{opacity:1}.persona-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;border:1px solid #f1f5f9;max-width:800px;width:90vw;max-height:80vh;overflow:hidden;transform:translateY(20px);transition:transform .3s ease}.persona-modal-overlay.active .persona-modal{transform:translateY(0)}.persona-modal-header{padding:24px;border-bottom:1px solid #f1f5f9;background:#fff;display:flex;align-items:center;justify-content:space-between}.persona-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.persona-modal-content{padding:24px;max-height:60vh;overflow-y:auto;background:#fff}.persona-list{display:grid;gap:16px;margin-bottom:24px}.persona-item{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#f8fafc;transition:all .2s ease}.persona-item:hover{border-color:#fabd24;background:#fefce8}.persona-item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.persona-info{flex:1}.persona-name{font-weight:600;color:#1e293b;margin-bottom:4px;font-size:16px}.persona-title{color:#64748b;font-size:14px;margin-bottom:8px}.persona-meta{display:flex;gap:12px;align-items:center}.persona-difficulty{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.persona-difficulty.easy{background:#dcfce7;color:#166534}.persona-difficulty.medium{background:#fef3c7;color:#92400e}.persona-difficulty.hard{background:#fee2e2;color:#991b1b}.persona-voice{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px}.persona-actions-menu{position:relative}.persona-menu-btn{padding:8px;border:none;background:none;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease}.persona-menu-btn:hover{background:#f1f5f9;color:#374151}.persona-description{color:#64748b;font-size:14px;line-height:1.5;background:#fff;padding:12px;border-radius:6px;border:1px solid #f1f5f9}.persona-actions{display:flex;gap:12px;justify-content:center;padding-top:16px;border-top:1px solid #f1f5f9}.regenerate-btn,.add-persona-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.regenerate-btn{background:#fabd24;color:#fff;box-shadow:0 2px 4px #fabd2433}.regenerate-btn:hover{background:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 8px #fabd244d}.regenerate-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.add-persona-btn{background:#fff;color:#374151;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.add-persona-btn:hover{border-color:#fabd24;background:#fefce8;color:#1e293b;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.persona-modal-footer{padding:16px 24px;border-top:1px solid #f1f5f9;background:#f8fafc;display:flex;justify-content:flex-end}.persona-modal-footer .cancel-button{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.persona-modal-footer .cancel-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.empty-personas-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;margin-bottom:24px}.empty-personas-state .empty-icon{width:64px;height:64px;color:#cbd5e1;margin-bottom:20px}.empty-personas-state .empty-icon i{font-size:64px}.empty-personas-state h4{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-personas-state p{font-size:14px;color:#64748b;margin:0}.create-persona-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity .3s ease}.create-persona-modal-overlay.active{opacity:1}.create-persona-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;border:1px solid #f1f5f9;max-width:600px;width:90vw;max-height:80vh;overflow:hidden;transform:translateY(20px);transition:transform .3s ease}.create-persona-modal-overlay.active .create-persona-modal{transform:translateY(0)}.create-persona-modal-header{padding:24px;border-bottom:1px solid #f1f5f9;background:#fff;display:flex;align-items:center;justify-content:space-between}.create-persona-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.create-persona-modal-content{padding:24px;max-height:60vh;overflow-y:auto;background:#fff}.form-field{margin-bottom:20px}.form-field label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#fabd24;box-shadow:0 0 0 3px #fabd241a}.form-field textarea{resize:vertical;min-height:80px;font-family:inherit}.create-persona-modal-footer{padding:16px 24px;border-top:1px solid #f1f5f9;background:#f8fafc;display:flex;gap:12px;justify-content:flex-end}.create-persona-modal-footer .cancel-button{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.create-persona-modal-footer .cancel-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.create-persona-modal-footer .save-button{background:#fabd24;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;box-shadow:0 2px 4px #fabd2433}.create-persona-modal-footer .save-button:hover{background:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 8px #fabd244d}.create-persona-modal-footer .save-button:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.close-button{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1}.close-button:hover{color:#64748b;background:#f1f5f9}.modal-message{padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px;font-weight:500}.modal-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.modal-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.modal-message.info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.persona-modal-content::-webkit-scrollbar,.create-persona-modal-content::-webkit-scrollbar{width:6px}.persona-modal-content::-webkit-scrollbar-track,.create-persona-modal-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.persona-modal-content::-webkit-scrollbar-thumb,.create-persona-modal-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.persona-modal-content::-webkit-scrollbar-thumb:hover,.create-persona-modal-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.grid-lead-card .lead-selection-checkbox{position:absolute;top:8px;left:8px;z-index:10;background:#fffffff2;color:#fff;border-radius:3px;padding:1px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .15s ease;border:1px solid rgba(0,0,0,.05)}.grid-row:hover .lead-selection-checkbox,.kanban-lead-card:hover .lead-selection-checkbox,.lead-selection-checkbox:has(input:checked){opacity:1}.lead-selection-checkbox{display:none!important}.lead-selection-checkbox input{display:none}.lead-selection-checkbox input:checked{background-color:#fabd24;border-color:#fabd24}.lead-selection-checkbox input:checked:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.grid-select-all input{width:14px;height:14px;cursor:pointer;accent-color:#fabd24;margin:0;color-scheme:light;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #d1d5db;border-radius:3px;position:relative;background-color:#fff}.grid-select-all input:checked{background-color:#fabd24;border-color:#fabd24}.grid-select-all input:checked:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.stage-select-all input{width:13px;height:13px;cursor:pointer;accent-color:#fabd24;margin:0;color-scheme:light;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #d1d5db;border-radius:3px;position:relative;background-color:#fff}.stage-select-all input:checked{background-color:#fabd24;border-color:#fabd24}.stage-select-all input:checked:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:9px;font-weight:700}.grid-row.selected{background-color:#fabd2408;border-left:2px solid #fabd24;position:relative}.kanban-lead-card.selected{background-color:#fabd240a;border:1px solid rgba(250,189,36,.2);box-shadow:0 0 0 1px #fabd241a}.grid-select-all input{width:14px;height:14px;cursor:pointer;accent-color:#fabd24;margin:0}.stage-select-all input{width:13px;height:13px;cursor:pointer;accent-color:#fabd24;margin:0}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #dc2626;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #dc262633;display:inline-flex;align-items:center;gap:6px}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.btn-danger:active{transform:translateY(0);box-shadow:0 2px 4px #dc262633}.btn-danger:disabled{background:#cbd5e1;border-color:#cbd5e1;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.btn-danger:focus{outline:none;box-shadow:0 0 0 3px #dc262633}.bulk-actions-toolbar-compact{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fabd24,#f59e0b);color:#fff;padding:12px 20px;border-radius:50px;box-shadow:0 8px 25px #fabd2440;z-index:1000;animation:slideUpCompact .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bulk-actions-compact-content{display:flex;flex-direction:row;align-items:center;gap:16px}.bulk-actions-count{font-weight:500;font-size:14px;opacity:.95;white-space:nowrap}.bulk-actions-controls{display:flex;align-items:center;gap:8px}.bulk-clear-btn{background:#ffffff26;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.bulk-clear-btn:hover{background:#ffffff40;transform:scale(1.05)}.bulk-clear-btn svg{width:16px;height:16px}.bulk-actions-menu-btn{background:#ffffff26;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;position:relative}.bulk-actions-menu-btn:hover{background:#ffffff40;transform:scale(1.05)}.bulk-actions-menu-btn svg{width:16px;height:16px}.bulk-actions-toolbar-compact .bulk-actions-dropdown{position:relative}.bulk-actions-toolbar-compact .bulk-actions-dropdown-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:180px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease}.bulk-actions-toolbar-compact .bulk-actions-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.bulk-action-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;text-align:left;border:none;background:none;cursor:pointer;transition:background-color .1s ease;font-size:13px;color:#374151}.bulk-action-item:hover{background-color:#fabd2414}.bulk-action-item.danger{color:#dc2626}.bulk-action-item.danger:hover{background-color:#fef2f2}.bulk-action-item svg{width:15px;height:15px;flex-shrink:0}.bulk-action-divider{height:1px;background-color:#e5e7eb;margin:3px 0}.bulk-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .15s ease forwards}.bulk-modal-overlay.danger{background:#dc262614}.bulk-modal{background:#fff;border-radius:8px;box-shadow:0 20px 40px #00000026;max-width:480px;width:90%;max-height:90vh;overflow:hidden;transform:scale(.97);animation:scaleIn .15s ease forwards}.bulk-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f1f5f9}.bulk-modal-header h3{margin:0;font-size:17px;font-weight:600;color:#111827}.bulk-modal-content{padding:22px}.bulk-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:18px 22px;border-top:1px solid #f1f5f9;background:#fafbfc}.bulk-modal .form-input{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px;width:100%;transition:border-color .15s ease}.bulk-modal .form-input:focus{outline:none;border-color:#fabd24;box-shadow:0 0 0 3px #fabd241a}.bulk-modal .btn-primary{background-color:#fabd24;border:1px solid #fabd24;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.bulk-modal .btn-primary:hover{background-color:#f59e0b;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 2px 8px #fabd2440}.bulk-modal .btn-secondary{background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.bulk-modal .btn-secondary:hover{background-color:#f1f5f9;border-color:#cbd5e1}@keyframes slideUpCompact{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.grid-row{position:relative;padding-left:36px}.lead-name-cell{padding-left:6px}.relationships-grid-header{position:relative;padding-left:36px}.relationships-grid-header .grid-cell:first-child{padding-left:6px}.kanban-lead-card .lead-selection-checkbox{position:absolute;top:8px;right:8px;z-index:10;background:#fffffff2;border-radius:3px;padding:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .15s ease;border:1px solid rgba(0,0,0,.05)}.kanban-lead-card:hover .lead-selection-checkbox,.kanban-lead-card .lead-selection-checkbox:has(input:checked){opacity:1}.kanban-lead-card{position:relative}.kanban-lead-card .lead-card-header{padding-right:40px}.grid-select-all input:indeterminate,.stage-select-all input:indeterminate{background-color:#fabd24;border-color:#fabd24;position:relative}.grid-select-all input:indeterminate:after,.stage-select-all input:indeterminate:after{content:"−";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;line-height:1}.grid-select-all input:checked:after,.stage-select-all input:checked:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.inline-workflow-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;margin:16px 0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease}.inline-workflow-container:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.inline-workflow-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.workflow-info{display:flex;align-items:center;gap:8px}.workflow-icon{font-size:16px}.workflow-title{font-weight:600;font-size:14px}.component-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.workflow-fullscreen-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px;color:#fff;cursor:pointer;transition:all .2s ease}.workflow-fullscreen-btn:hover{background:#fff3;transform:scale(1.05)}.inline-workflow-canvas-container{position:relative;height:300px;overflow:hidden;background:#fff}.inline-workflow-canvas{position:relative;width:100%;height:100%;cursor:grab;overflow:hidden;-webkit-user-select:none;user-select:none}.inline-workflow-canvas.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.inline-workflow-canvas.dragging *{-webkit-user-select:none!important;user-select:none!important}.inline-workflow-canvas input,.inline-workflow-canvas button,.inline-workflow-canvas select,.inline-workflow-canvas textarea{pointer-events:none;cursor:default}.inline-workflow-canvas .inline-workflow-fullscreen-btn{pointer-events:auto;cursor:pointer!important}.inline-workflow-canvas .canvas-component{-webkit-user-select:none;user-select:none}.inline-workflow-canvas .canvas-component *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#fullscreen-canvas{-webkit-user-select:none;user-select:none}#fullscreen-canvas.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}#fullscreen-canvas.dragging *{-webkit-user-select:none!important;user-select:none!important}#fullscreen-canvas .canvas-component{-webkit-user-select:none;user-select:none}#fullscreen-canvas .canvas-component *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.workflow-components-layer{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;transition:transform .1s ease-out}.workflow-connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform-origin:0 0;transition:transform .1s ease-out;z-index:1}.workflow-component{position:absolute;width:200px;min-height:80px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;z-index:2}.workflow-component:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;border-color:#6366f1}.component-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.component-icon{font-size:16px}.component-title{font-weight:600;font-size:13px;color:#1e293b}.component-config{font-size:11px;color:#64748b;line-height:1.4}.config-summary{color:#059669;font-weight:500}.config-empty{color:#94a3b8;font-style:italic}.component-trigger{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.component-wait{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.component-single-message,.component-conversation{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.component-send-email{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.component-condition{border-color:#f97316;background:linear-gradient(135deg,#fff7ed,#fed7aa)}.component-end{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fecaca)}.component-ig-media-likers,.component-ig-media-commenters,.component-ig-account-followers,.component-instagram-like,.component-instagram-comment,.component-instagram-follow,.component-instagram-get-last-content{border-color:#ec4899;background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.inline-workflow-controls{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#f8fafc;border-top:1px solid #e2e8f0}.zoom-controls{display:flex;gap:4px}.zoom-controls button{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s ease;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.zoom-controls button:hover{background:#f3f4f6;border-color:#9ca3af}.zoom-controls button:active{transform:scale(.95)}.workflow-fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:15000;opacity:0;transition:opacity .3s ease}.workflow-fullscreen-overlay.active{opacity:1}.fullscreen-workflow-container{width:90vw;height:85vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-width:1200px;max-height:800px}.fullscreen-workflow-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;min-height:60px}.fullscreen-workflow-header .workflow-title{font-size:18px;font-weight:600;margin:0}.close-fullscreen-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-fullscreen-btn:hover{background:#fff3}.workflow-fullscreen-overlay .workflow-canvas{flex:1;position:relative;background:#f8fafc;cursor:grab;overflow:hidden}.workflow-fullscreen-overlay .workflow-canvas:active{cursor:grabbing}.workflow-fullscreen-overlay .workflow-canvas .canvas-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#e2e8f0 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;opacity:.5;pointer-events:none}.workflow-fullscreen-overlay .workflow-canvas .workflow-components-layer,.workflow-fullscreen-overlay .workflow-canvas .workflow-connections-layer{position:absolute;top:0;left:0;width:100%;height:100%}.workflow-fullscreen-overlay .workflow-canvas .workflow-connections-layer{pointer-events:none;overflow:visible}.inline-workflow-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin:16px 0;box-shadow:0 1px 3px #0000001a;position:relative}.inline-workflow-canvas-container{position:relative;width:100%;height:300px}.inline-workflow-canvas{width:100%;height:100%;position:relative;background:#f8fafc;cursor:grab;overflow:hidden;border-radius:8px}.inline-workflow-canvas:active{cursor:grabbing}.inline-workflow-canvas .canvas-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#e2e8f0 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;opacity:.5;pointer-events:none}.inline-workflow-canvas .workflow-components-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.inline-workflow-canvas .workflow-connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.inline-workflow-fullscreen-btn{position:absolute;bottom:12px;right:12px;background:#ffffffe6;color:#374151;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;z-index:10;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.inline-workflow-fullscreen-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.inline-workflow-canvas .canvas-component{min-width:200px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;font-size:13px;transition:all .2s ease}.inline-workflow-canvas .canvas-component:hover{z-index:1000!important;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.inline-workflow-canvas .canvas-component-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 12px;border-radius:7px 7px 0 0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.inline-workflow-canvas .canvas-component-body{padding:12px;background:#fff;min-height:60px}.inline-workflow-canvas .canvas-component-connectors{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.inline-workflow-canvas .connector{position:absolute;width:12px;height:12px;background:#6b7280;border:2px solid white;border-radius:50%;cursor:pointer;z-index:10}.inline-workflow-canvas .connector.input{left:-6px;top:50%;transform:translateY(-50%)}.inline-workflow-canvas .connector.output{right:-6px;top:50%;transform:translateY(-50%)}.workflow-explanation{padding:12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:14px;line-height:1.5;color:#475569}@media (max-width: 768px){.inline-workflow-canvas-container{height:250px}.workflow-component{width:160px;min-height:70px;padding:8px}.component-title{font-size:12px}.component-config{font-size:10px}.fullscreen-workflow-container{width:95vw;height:90vh}.fullscreen-workflow-header{padding:12px 16px}.fullscreen-workflow-header .workflow-title{font-size:16px}}@media (max-width: 480px){.inline-workflow-header{padding:8px 12px}.workflow-title{font-size:13px}.component-count{font-size:11px}.inline-workflow-controls{padding:6px 12px}.zoom-controls button{padding:3px 6px;font-size:11px;min-width:20px;height:20px}}.advanced-interaction-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10150;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.advanced-interaction-modal-overlay.active{opacity:1;visibility:visible}.advanced-interaction-modal{background:#fff;border-radius:20px;width:90%;max-width:560px;max-height:85vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px #00000026;display:flex;flex-direction:column}.advanced-interaction-modal-overlay.active .advanced-interaction-modal{transform:scale(1) translateY(0)}.advanced-interaction-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.advanced-interaction-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.advanced-interaction-close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.advanced-interaction-close:hover{background:#0000000d;color:var(--text-primary)}.advanced-interaction-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.input-method-tabs{display:flex;background:#f8fafc;margin:0;padding:0;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.tab-button{flex:1;padding:12px 16px;border:none;background:none;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s ease;color:var(--text-secondary);border-bottom:2px solid transparent;position:relative}.tab-button:hover{background:#00000008;color:var(--text-primary)}.tab-button.active{color:var(--accent-yellow-warm);border-bottom-color:var(--accent-yellow);background:#fff}.tab-label{font-weight:600}.interaction-input-panels{flex:1;padding:16px 24px 0}.interaction-type-selector{margin-bottom:16px}.type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}.type-option{cursor:pointer;display:block}.type-label{display:block;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;text-align:center;font-size:11px;font-weight:600;color:#64748b;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.type-option:hover .type-label{border-color:var(--accent-yellow);color:var(--text-primary)}.type-option input[type=radio]:checked+.type-label{border-color:var(--accent-yellow);background:#fbbf2414;color:var(--accent-yellow-warm)}.form-section{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-field{margin-bottom:12px}.form-field label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.8px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:var(--text-primary);background:#fff;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #fbbf2414}.form-field textarea{resize:vertical;min-height:72px;line-height:1.4}.file-upload-section{margin-top:16px}.upload-option{margin-bottom:16px}.file-drop-zone{border:1px dashed var(--border-color);border-radius:8px;padding:24px 16px;text-align:center;background:#fafbfc;cursor:pointer;transition:all .2s ease;display:block;margin-bottom:12px}.file-drop-zone:hover{border-color:var(--accent-yellow);background:#fbbf2405}.file-drop-zone.drag-over{border-color:var(--accent-yellow);background:#fbbf240d;transform:scale(1.02)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.drop-zone-text{font-weight:500;color:var(--text-primary);font-size:13px}.supported-formats{color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.file-info{background:var(--surface-color);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px}.file-name{font-weight:500;color:var(--text-primary);flex:1;font-size:13px}.file-size{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.remove-file{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background-color .2s ease}.remove-file:hover{background:#ef44441a}.btn-secondary,.btn-primary{padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{background:var(--surface-color);color:var(--text-primary);border-color:var(--text-secondary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}@media (max-width: 640px){.advanced-interaction-modal{width:95%;max-height:90vh}.form-row{grid-template-columns:1fr;gap:8px}.type-options{grid-template-columns:repeat(2,1fr)}.input-method-tabs{flex-direction:column}.tab-button{border-bottom:none;border-right:2px solid transparent}.tab-button.active{border-right-color:var(--accent-yellow);border-bottom-color:transparent}}.advanced-interaction-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid rgba(0,0,0,.08);background:#fafbfc;flex-shrink:0}.btn-secondary,.btn-primary{padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-size:14px}.btn-secondary{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--surface-color);color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-yellow-warm) 100%);color:#fff;box-shadow:0 2px 8px #fbbf2433}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #fbbf244d}.method-selector{margin-bottom:24px}.method-selector h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.method-options{display:grid;grid-template-columns:1fr;gap:12px}.method-option{position:relative;cursor:pointer;display:block}.method-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.method-option-content{display:flex;align-items:center;padding:16px 20px;border:2px solid var(--border-color);border-radius:12px;background:#fff;transition:all .2s ease}.method-option:hover .method-option-content{border-color:var(--accent-yellow)}.method-option input[type=radio]:checked+.method-option-content{border-color:var(--accent-yellow);background:#fbbf240d}.method-icon{font-size:16px;font-weight:700;color:var(--accent-yellow-warm);margin-right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fbbf241a;border-radius:8px;flex-shrink:0}.method-info{display:flex;flex-direction:column;gap:4px}.method-label{font-weight:600;color:var(--text-primary);font-size:15px}.method-desc{font-size:13px;color:var(--text-secondary);line-height:1.3}.advanced-interaction-content,.interaction-input-panels,.interaction-type-selector{margin-bottom:24px}.interaction-type-selector h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:24px}.type-option{position:relative;cursor:pointer}.type-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.type-option-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid var(--border-color);border-radius:12px;background:#fff;transition:all .2s ease;text-align:center}.type-option input:checked+.type-option-content{border-color:var(--accent-yellow);background:#fbbf240d}.type-option:hover .type-option-content{border-color:var(--accent-yellow)}.type-icon{font-size:18px;font-weight:600;color:#6b7280;line-height:1}.type-label{font-size:14px;font-weight:500;color:var(--text-primary)}.input-panels{margin-bottom:24px}.input-panel{display:none}.input-panel.active{display:block}.ai-options{background:var(--surface-color);border-radius:12px;padding:20px;margin-top:20px;border:1px solid var(--border-color)}.checkbox-option{display:flex;align-items:center;gap:12px;margin-bottom:16px;cursor:pointer;font-size:14px}.checkbox-option:last-child{margin-bottom:0}.checkbox-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;background:#fff;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-option input[type=checkbox]:checked+.checkmark{background:var(--accent-yellow);border-color:var(--accent-yellow)}.checkbox-option input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-label{color:var(--text-primary);line-height:1.4}.file-drop-zone{border:2px dashed var(--border-color);border-radius:12px;padding:40px 20px;text-align:center;background:var(--surface-color);cursor:pointer;transition:all .2s ease;margin-bottom:20px}.file-drop-zone:hover,.file-drop-zone.dragover{border-color:var(--accent-yellow);background:#fbbf240d}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:16px}.drop-zone-icon{font-size:24px;color:var(--accent-yellow-warm);font-weight:600}.drop-zone-text p{margin:0}.drop-zone-text p:first-child{font-weight:600;color:var(--text-primary)}.supported-formats{color:var(--text-secondary);font-size:12px}.file-info{background:var(--surface-color);border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid var(--border-color)}.file-preview{display:flex;align-items:center;gap:12px}.file-icon{font-size:20px;color:var(--accent-yellow-warm);font-weight:600}.file-details{flex:1}.file-name{font-weight:500;color:var(--text-primary);margin-bottom:4px;font-size:14px}.file-size{font-size:12px;color:var(--text-secondary)}.remove-file-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.remove-file-btn:hover{background:#dc2626}@media (max-width: 768px){.advanced-interaction-modal{width:95vw;max-height:95vh}.advanced-interaction-header{padding:14px 16px}.advanced-interaction-header h3{font-size:1rem}.advanced-interaction-body{padding:16px}.method-options{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:8px}.type-options{grid-template-columns:repeat(2,1fr);gap:6px}.advanced-interaction-footer{padding:12px 16px}}@media (max-width: 480px){.advanced-interaction-modal{width:98vw;max-height:98vh}.advanced-interaction-header{padding:12px 14px}.advanced-interaction-header h3{font-size:.95rem}.advanced-interaction-body{padding:14px}.type-options{grid-template-columns:1fr;gap:6px}.method-option-content{padding:10px 12px}.advanced-interaction-footer{padding:10px 14px;flex-direction:column}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.webhook-status{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px}.webhook-indicator{font-size:10px;line-height:1}.webhook-text{color:#666;font-weight:500}.account-actions{display:flex;align-items:center;gap:8px}.settings-button{background:none;border:1px solid #ddd;border-radius:6px;padding:6px 8px;color:#666;cursor:pointer;transition:all .2s ease;font-size:14px}.settings-button:hover{background:#f5f5f5;border-color:#ccc;color:#333}.settings-button:active{transform:scale(.95)}.webhook-settings-content{padding:0}.webhook-status-section h4,.webhook-fields-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.webhook-status-display{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.status-indicator{font-size:12px;line-height:1}.status-text{font-weight:500;color:#495057}.webhook-fields{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.webhook-field-tag{display:inline-block;padding:4px 8px;background:#007bff;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.no-fields,.loading,.error{color:#6c757d;font-style:italic;font-size:13px}.error{color:#dc3545}.webhook-actions{display:flex;gap:12px;margin-top:24px}.webhook-actions .btn{flex:1;padding:10px 16px;border-radius:6px;font-weight:500;font-size:14px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.webhook-actions .btn:disabled{opacity:.6;cursor:not-allowed}.webhook-actions .btn-primary{background:#007bff;color:#fff}.webhook-actions .btn-primary:hover:not(:disabled){background:#0056b3}.webhook-actions .btn-secondary{background:#6c757d;color:#fff}.webhook-actions .btn-secondary:hover:not(:disabled){background:#545b62}.webhook-actions .btn-outline{background:transparent;border:1px solid #dee2e6;color:#495057}.webhook-actions .btn-outline:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.webhook-info{margin-top:20px;padding:12px;background:#f5f5f5;border-radius:6px;font-size:13px;color:#666;line-height:1.4}.webhook-info strong{color:#333}@media (max-width: 768px){.webhook-actions{flex-direction:column}.webhook-actions .btn{flex:none}.account-actions{flex-direction:column;align-items:stretch;gap:6px}.settings-button{align-self:flex-start}}.aios-file-card{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:8px 0;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e0e4e8;border-radius:12px;transition:all .2s ease}.aios-file-card:hover{background:linear-gradient(135deg,#fff,#f8f9fa);border-color:#635bff;box-shadow:0 2px 8px #635bff1a;transform:translateY(-1px)}.aios-file-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#635bff,#7c74ff);border-radius:8px;color:#fff}.aios-file-icon svg{width:22px;height:22px}.aios-file-info{flex:1;min-width:0}.aios-file-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aios-file-meta{font-size:12px;color:#6c757d;font-weight:500}.aios-file-download{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#635bff;border-radius:8px;color:#fff;text-decoration:none;transition:all .2s ease}.aios-file-download:hover{background:#7c74ff;transform:scale(1.05);box-shadow:0 2px 6px #635bff4d}.aios-file-download svg{width:18px;height:18px}@media (max-width: 768px){.aios-file-card{padding:10px 12px;gap:10px}.aios-file-icon{width:36px;height:36px}.aios-file-icon svg{width:20px;height:20px}.aios-file-name{font-size:13px}.aios-file-meta{font-size:11px}.aios-file-download{width:32px;height:32px}.aios-file-download svg{width:16px;height:16px}}