:root{--color-primary:#217f8d;--color-primary-hover:#1a6670;--color-success:#217f8d;--color-error:#c0152f;--color-warning:#a84b2f;--color-info:#64748b;--color-bg-base:#fcfcf9;--color-bg-surface:#fff;--color-bg-secondary:#8b5c440d;--color-bg-hover:#8b5c4414;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-border:#8b5c4426;--color-border-light:#8b5c4414;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Inter",sans-serif;--font-mono:"Berkeley Mono","Courier New",monospace;--font-xs:11px;--font-sm:13px;--font-base:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:28px;--font-4xl:30px;--line-tight:1.2;--line-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:550;--weight-bold:600}@media (prefers-color-scheme:dark){:root{--color-bg-base:#1a1a1a;--color-bg-surface:#2a2a2a;--color-bg-secondary:#ffffff0d;--color-bg-hover:#ffffff14;--color-text-primary:#f5f5f5;--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-border:#ffffff26;--color-border-light:#ffffff14}}*{-ms-overflow-style:none;box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}::-webkit-scrollbar{display:none;height:0;width:0}html{-ms-overflow-style:none;height:100%;margin:0;scrollbar-width:none}html::-webkit-scrollbar{display:none;height:0;width:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background:#fcfcf9;background:var(--color-bg-base);color:#1a1a1a;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-base);line-height:1.5;line-height:var(--line-normal);margin:0;min-height:100%;scrollbar-width:none}body::-webkit-scrollbar{display:none;height:0;width:0}#root{min-height:100%}code{font-family:Berkeley Mono,Courier New,monospace;font-family:var(--font-mono)}.loading{align-items:center;color:#666;color:var(--color-text-secondary);display:flex;font-size:18px;font-size:var(--font-lg);justify-content:center;min-height:400px}.error{background:#c0152f1a;border:1px solid #c0152f;border:1px solid var(--color-error);border-radius:8px;border-radius:var(--radius-base);color:#c0152f;color:var(--color-error);margin:24px;margin:var(--space-lg);padding:16px;padding:var(--space-md);text-align:center}button{cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-base);font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary,button{font-weight:var(--weight-medium)}.btn-primary{background:var(--color-primary);border-radius:var(--radius-base);color:#fcfcf9;color:var(--color-bg-base);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md)}.btn-secondary{background:#8b5c440d;background:var(--color-bg-secondary);border:1px solid #8b5c4426;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-primary);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.btn-secondary:hover{background:#8b5c4414;background:var(--color-bg-hover)}.card{background:#fff;background:var(--color-bg-surface);border:1px solid #8b5c4414;border:1px solid var(--color-border-light);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-lg);transition:all .25s ease}.card:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}input,select,textarea{background:#fff;background:var(--color-bg-surface);border:1px solid #8b5c4426;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#1a1a1a;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-base);padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .15s ease}input:focus,select:focus,textarea:focus{border-color:#217f8d;border-color:var(--color-primary);box-shadow:0 0 0 3px #217f8d1a;outline:none}.badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:11px;font-size:var(--font-xs);font-weight:550;font-weight:var(--weight-semibold);line-height:1.2;line-height:var(--line-tight);padding:2px 8px;padding:2px var(--space-sm)}.badge-success{background:#217f8d1a;color:#217f8d;color:var(--color-success)}.badge-warning{background:#a84b2f1a;color:#a84b2f;color:var(--color-warning)}.badge-error{background:#c0152f1a;color:#c0152f;color:var(--color-error)}.notification-bell-container{display:inline-block;position:relative}.notification-bell-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:background .2s}.notification-bell-button:hover{background:#0000000d}.bell-icon{display:block;font-size:1.5rem}.notification-badge{animation:pulse 2s ease-in-out infinite;background:#f44336;border-radius:10px;box-shadow:0 2px 4px #f443364d;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:.125rem .375rem;position:absolute;right:0;text-align:center;top:0}.notification-dropdown{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:500px;position:absolute;right:0;top:calc(100% + .5rem);width:380px;z-index:1000}.notification-dropdown-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.notification-dropdown-header h3{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:4px;color:#06c;cursor:pointer;font-size:.85rem;font-weight:600;padding:.25rem .5rem;transition:all .2s}.mark-all-read-btn:hover:not(:disabled){background:#e3f2fd}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.5}.notifications-list{flex:1 1;max-height:400px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f0f0f0}.notifications-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#aaa}.no-notifications{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.no-notifications-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.no-notifications p{color:#999;font-size:.95rem;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.25rem;position:relative;transition:all .2s}.notification-item:hover{background:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#f0f7ff}.notification-item.unread:hover{background:#e3f2fd}.notification-icon{flex-shrink:0;font-size:1.5rem;margin-top:.125rem}.notification-content{flex:1 1;min-width:0}.notification-title{color:#1a1a1a;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.85rem;line-height:1.4;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis}.notification-time{color:#999;font-size:.75rem}.unread-dot{background:#06c;border-radius:50%;height:8px;position:absolute;right:1rem;top:1.25rem;width:8px}.notification-dropdown-footer{background:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:2px solid #f0f0f0;padding:.75rem 1.25rem}.view-all-btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#06c;cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem;transition:all .2s;width:100%}.view-all-btn:hover{background:#e3f2fd;border-color:#06c}@media (max-width:768px){.notification-dropdown{right:-50%;transform:translateX(-25%);width:calc(100vw - 2rem)}}@media (prefers-color-scheme:dark){.notification-dropdown{background:#2a2a2a;box-shadow:0 8px 32px #00000080}.notification-dropdown-header{border-bottom-color:#444}.notification-dropdown-header h3{color:#fff}.notification-item{border-bottom-color:#333}.notification-item:hover{background:#333}.notification-item.unread{background:#1a3a52}.notification-item.unread:hover{background:#2a4a62}.notification-title{color:#fff}.notification-message{color:#ccc}.notification-time{color:#999}.notification-dropdown-footer{background:#222;border-top-color:#444}.view-all-btn{background:#333;border-color:#555;color:#4fc3f7}.view-all-btn:hover{background:#1a3a52;border-color:#4fc3f7}}@media (prefers-reduced-motion:reduce){.notification-badge,.notification-dropdown{animation:none}}.upgrade-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upgrade-modal{animation:slideUp .3s ease;background:#fff;background:var(--color-bg-surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:32px;position:relative;text-align:center;width:90%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.modal-close:hover{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);color:#1f2937;color:var(--color-text-primary,#1f2937)}.modal-icon{animation:bounce 1s ease infinite;font-size:48px;margin-bottom:16px}.modal-title{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:24px;font-weight:700;margin:0 0 12px}.modal-description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:15px;line-height:1.5;margin:0 0 24px}.features-list{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-radius:12px;margin-bottom:24px;padding:16px 20px;text-align:left}.features-list h4{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.features-list ul{list-style:none;margin:0;padding:0}.features-list li{align-items:center;color:#374151;color:var(--color-text-primary,#374151);display:flex;font-size:14px;gap:8px;padding:6px 0}.feature-check{color:#10b981;font-weight:700}.pricing-section{margin-bottom:24px}.price-display{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-amount{color:#218d8d;color:var(--color-primary,#218d8d);font-size:40px;font-weight:800}.price-period{color:var(--color-text-secondary,#6b7280);font-size:16px}.annual-price{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:13px;margin:8px 0 0}.modal-actions{flex-direction:column}.trial-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.trial-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.upgrade-btn{background:linear-gradient(135deg,#218d8d,#1a7070);background:linear-gradient(135deg,var(--color-primary,#218d8d),#1a7070);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.upgrade-btn:hover{background:linear-gradient(135deg,#1a7070,#155e5e);box-shadow:0 4px 12px #218d8d66;transform:translateY(-1px)}.modal-footer{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:12px;margin:16px 0 0}@media (max-width:480px){.upgrade-modal{margin:16px;padding:24px}.modal-title{font-size:20px}.price-amount{font-size:32px}}.role-switcher{display:inline-block;position:relative}.role-switcher-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.role-switcher-button:hover{background:#ffffff1a;border-color:#ffffff4d}.role-switcher-button.open{background:#ffffff26;border-color:#fff6}.role-switcher-button:disabled{cursor:not-allowed;opacity:.6}.role-switcher-icon{align-items:center;display:flex;opacity:.8}.role-switcher-label{max-width:150px;overflow:hidden;text-overflow:ellipsis}.role-switcher-arrow{align-items:center;display:flex;transition:transform .2s ease}.role-switcher-arrow.open{transform:rotate(180deg)}.role-switcher-dropdown{animation:slideDown .15s ease;background:#1e293b;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 10px 25px #0000004d;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.role-switcher-header{border-bottom:1px solid #ffffff1a;color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.role-switcher-error{background:#f871711a;border-bottom:1px solid #ffffff1a;color:#f87171;font-size:12px;padding:8px 16px}.role-switcher-list{list-style:none;margin:0;padding:8px 0}.role-switcher-list li{margin:0;padding:0}.role-switcher-option{align-items:center;background:#0000;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px;text-align:left;transition:background .15s ease;width:100%}.role-switcher-option:hover{background:#ffffff14}.role-switcher-option.active{background:#22c55e26;color:#4ade80}.role-switcher-option:disabled{cursor:not-allowed;opacity:.5}.role-option-name{flex:1 1}.role-option-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;margin-left:8px;padding:2px 6px;text-transform:uppercase}.role-option-badge.primary{background:#3b82f633;color:#60a5fa}.role-option-badge.active{background:#22c55e33;color:#4ade80}.role-switcher-loading{align-items:center;border-top:1px solid #ffffff1a;color:#ffffffb3;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px 16px}.role-switcher-loading .spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#4ade80;height:14px;width:14px}@media (prefers-color-scheme:light){.role-switcher-dropdown{background:#fff;border-color:#0000001a;box-shadow:0 10px 25px #00000026}.role-switcher-header{border-color:#0000001a;color:#00000080}.role-switcher-option{color:#000000d9}.role-switcher-option:hover{background:#0000000d}.role-switcher-option.active{background:#22c55e1a;color:#16a34a}}.role-switcher-dropdown.master-admin-dropdown{max-height:400px;min-width:280px;overflow-y:auto}.role-switcher-grouped{padding:8px 0}.role-group{margin-bottom:4px}.role-group:last-child{margin-bottom:0}.role-group-header{color:#fff6;font-size:10px;font-weight:700;letter-spacing:.8px;padding:8px 16px 4px;text-transform:uppercase}.role-group .role-switcher-list{padding:0}.role-group .role-switcher-option{font-size:13px;padding:8px 16px 8px 24px}@media (prefers-color-scheme:light){.role-group-header{color:#0006}}@media (max-width:768px){.role-switcher-label{max-width:100px}.role-switcher-dropdown{min-width:200px}.role-switcher-dropdown.master-admin-dropdown{min-width:240px}}.navigation{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{flex-wrap:nowrap;height:48px;justify-content:space-between;max-width:100%;padding:0 var(--space-lg)}.nav-container,.nav-links{align-items:center;display:flex}.nav-links{flex:1 1;flex-wrap:nowrap;gap:var(--space-xs);overflow-x:auto}.nav-link{border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-base);font-weight:var(--weight-medium);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .25s ease;white-space:nowrap}.nav-link:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.nav-link.active{background:var(--color-primary);color:var(--color-bg-base)}.nav-link.admin-link{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 2px 8px #7c3aed40;color:#fff;font-weight:600}.nav-link.admin-link:hover{background:linear-gradient(135deg,#6d28d9,#4f46e5);box-shadow:0 4px 12px #7c3aed59;color:#fff;transform:translateY(-1px)}.nav-link.admin-link.active{background:linear-gradient(135deg,#5b21b6,#4338ca);box-shadow:0 2px 8px #7c3aed66}.nav-link.locked{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-family:inherit;gap:6px;opacity:.6}.nav-link.locked:hover{background:var(--color-bg-secondary);opacity:.8}.upgrade-badge{animation:upgradePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}@keyframes upgradePulse{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}.nav-badge{color:#ef4444;margin-left:4px}.nav-badge,.nav-badge.urgent{font-size:var(--font-sm);font-weight:var(--weight-bold)}.nav-badge.urgent{animation:urgentPulse 2s ease-in-out infinite;background:#ef4444;border-radius:12px;color:#fff;margin-left:6px;padding:2px 8px}.nav-link.active .nav-badge{color:#fee2e2}.nav-link.active .nav-badge.urgent{background:#dc2626;color:#fff}@keyframes urgentPulse{0%,to{box-shadow:0 0 0 0 #ef4444b3}50%{box-shadow:0 0 0 4px #ef444400}}.dropdown-badge{font-size:11px;margin-left:auto}.dropdown-badge.urgent{font-size:10px;padding:1px 6px}.dropdown-item .dropdown-badge{margin-left:8px}.nav-actions{align-items:center;display:flex;gap:var(--space-sm)}.role-preview-selector{align-items:center;display:flex;margin-right:var(--space-sm)}.role-preview-selector select{-webkit-appearance:none;appearance:none;background:var(--color-bg-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:var(--weight-medium);padding:6px 28px 6px 12px;transition:all .2s ease}.role-preview-selector select:hover{background-color:var(--color-bg-secondary);border-color:var(--color-primary)}.role-preview-selector select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #218d8d33;outline:none}.role-preview-selector.active select{background-color:#218d8d1a;border-color:var(--color-primary);color:var(--color-primary)}.role-preview-selector.active:before{animation:previewPulse 2s ease-in-out infinite;background:var(--color-primary);border-radius:50%;content:"";height:8px;margin-right:8px;width:8px}@keyframes previewPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.settings-link{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;font-size:10px;height:20px;justify-content:center;text-decoration:none;transition:all .25s ease;width:20px}.settings-link:hover{background:var(--color-bg-hover);border-color:var(--color-primary);transform:rotate(90deg)}.settings-link.active{background:var(--color-primary);border-color:var(--color-primary)}.command-center-link{background:linear-gradient(135deg,#218d8d,#2aa3a3)!important;border:none;box-shadow:0 2px 8px #218d8d4d;color:#fff!important;font-weight:600!important}.command-center-link:hover{background:linear-gradient(135deg,#2aa3a3,#218d8d)!important;box-shadow:0 4px 12px #218d8d66!important;transform:translateY(-1px)}.command-center-link.active{background:linear-gradient(135deg,#1a7070,#218d8d)!important;box-shadow:0 2px 8px #218d8d66}.coach-link{animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e)!important;border:none;box-shadow:0 2px 8px #ffd7004d;color:#1a1a2e!important;cursor:pointer;font-weight:700!important}.coach-link:hover{background:linear-gradient(135deg,#ffed4e,gold)!important;box-shadow:0 4px 12px #ffd70080!important;transform:translateY(-1px)}.coach-link.active{background:linear-gradient(135deg,gold,#ffb700)!important;box-shadow:0 4px 16px #ffd70099!important}@keyframes pulseGlow{0%,to{box-shadow:0 2px 8px #ffd7004d}50%{box-shadow:0 2px 12px #ffd70080}}.action-items-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:flex;font-size:var(--font-base);font-weight:var(--weight-bold);gap:4px;padding:var(--space-sm) var(--space-md);position:relative;transition:all .25s ease;white-space:nowrap}.action-items-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.action-items-btn.active{background:linear-gradient(135deg,#4f46e5,#6d28d9);box-shadow:0 0 0 2px #6366f180}.action-items-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:#ef4444;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logout-btn{background:#ef4444;border:1px solid #dc2626;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-base);font-weight:var(--weight-medium);padding:var(--space-sm) var(--space-md);transition:all .25s ease;white-space:nowrap}.logout-btn:hover{background:#dc2626;border-color:#b91c1c;box-shadow:0 2px 8px #ef44444d;transform:translateY(-1px)}.nav-dropdown{display:inline-flex;position:relative}.nav-link.dropdown-toggle{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-family:inherit;gap:6px}.nav-link.dropdown-toggle:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.nav-link.dropdown-toggle.active{background:var(--color-primary);color:var(--color-bg-base)}.dropdown-arrow{font-size:10px;margin-left:2px;transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .15s ease;background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;left:0;min-width:220px;padding:var(--space-sm) 0;position:absolute;top:calc(100% + 4px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:var(--weight-medium);gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.dropdown-item i{color:var(--color-text-muted);font-size:13px;text-align:center;width:18px}.dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.dropdown-item.active,.dropdown-item:hover i{color:var(--color-primary)}.dropdown-item.active{background:#218d8d1a}.dropdown-item.active i{color:var(--color-primary)}.dropdown-submenu{position:relative}.dropdown-item.has-submenu{justify-content:space-between}.dropdown-item.has-submenu span{align-items:center;display:flex;gap:10px}.submenu-arrow{color:var(--color-text-muted);font-size:10px;transition:transform .15s ease}.dropdown-submenu:hover .submenu-arrow{transform:translateX(2px)}.submenu-dropdown{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;left:100%;min-width:180px;opacity:0;padding:var(--space-sm) 0;position:absolute;top:-8px;transform:translateX(-8px);transition:all .15s ease;visibility:hidden;z-index:1001}.dropdown-submenu.open .submenu-dropdown,.dropdown-submenu:hover .submenu-dropdown{opacity:1;transform:translateX(4px);visibility:visible}.dropdown-divider{background:var(--color-border-light);height:1px;margin:8px 0}.dropdown-header{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 16px 4px;text-transform:uppercase}.nav-dropdown-trigger{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--space-xs)}.nav-dropdown-menu{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-xs);min-width:180px;padding:var(--space-xs) 0;position:absolute;top:100%;z-index:200}.nav-dropdown-item{color:var(--color-text-secondary);display:block;font-size:var(--font-base);font-weight:var(--weight-medium);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .2s ease}.nav-dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.nav-dropdown-item.active{background:#218d8d1a;background:var(--color-primary-light,#218d8d1a);color:var(--color-primary)}@media (max-width:1024px){.nav-container{padding:0 var(--space-md)}.nav-links{gap:var(--space-xs)}.coach-link,.logout-btn,.nav-link{font-size:var(--font-sm);padding:var(--space-sm)}.role-preview-selector select{font-size:12px;padding:4px 24px 4px 8px}}@media (max-width:768px){.nav-container{flex-wrap:nowrap;height:48px;padding:0 var(--space-sm)}.nav-links{-webkit-overflow-scrolling:touch;flex:1 1;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-actions{flex-shrink:0}}.call-intelligence-panel{animation:slideIn .3s ease;background:#0f172a;box-shadow:-4px 0 24px #0000004d;color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:420px;z-index:1000}.cip-header{background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;padding:16px 20px}.cip-header,.cip-header-left{align-items:center;display:flex}.cip-header-left{gap:16px}.cip-title{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px}.cip-icon{font-size:24px}.cip-recording-badge{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:20px;color:#fca5a5;display:flex;font-size:14px;font-weight:600;gap:8px;padding:6px 12px}.rec-dot{animation:pulse 1s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}.cip-close-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:32px;transition:background .2s;width:32px}.cip-close-btn:hover{background:#fff3}.cip-instructions{color:#64748b;font-size:13px;line-height:1.5;margin:12px 0 0;text-align:center}.cip-client-detection{background:#1e293b;border-bottom:1px solid #334155;padding:16px 20px}.detection-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.detection-icon{font-size:18px}.detection-label{color:#94a3b8;font-size:13px;font-weight:500}.detected-client-card{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f64d;border-radius:12px;display:flex;gap:14px;padding:14px}.client-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.client-info{flex:1 1;min-width:0}.client-name{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.client-phone{color:#94a3b8;font-size:13px;margin-top:2px}.client-email{color:#64748b;font-size:12px;margin-top:2px}.client-loan-status{align-items:center;color:#22c55e;display:flex;font-size:12px;gap:6px;margin-top:4px}.client-loan-status .status-dot{background:#22c55e;border-radius:50%;height:6px;width:6px}.detected-via{color:#64748b;font-size:11px;font-style:italic;margin-top:6px}.caller-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.caller-details{flex:1 1;min-width:0}.caller-name{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.new-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.caller-phone{color:#94a3b8;font-size:13px;margin-top:2px}.caller-email{color:#64748b;font-size:12px;margin-top:2px}.caller-status{align-items:center;color:#22c55e;display:flex;font-size:12px;gap:6px;margin-top:4px}.caller-status .status-dot{background:#22c55e;border-radius:50%;height:6px;width:6px}.change-caller-btn{background:#ffffff1a;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:12px;padding:8px 14px;transition:all .2s}.change-caller-btn:hover{background:#ffffff26;color:#fff}.cip-controls{background:#1e293b;border-bottom:1px solid #334155;padding:20px}.cip-record-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s;width:100%}.cip-record-btn:hover:not(:disabled){box-shadow:0 4px 20px #ef444466;transform:scale(1.02)}.cip-record-btn:disabled{cursor:not-allowed;opacity:.7}.rec-circle{background:#fff;border-radius:50%;height:16px;width:16px}.cip-active-controls{display:flex;gap:12px}.cip-pause-btn,.cip-stop-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s}.cip-pause-btn{background:#334155;color:#fff}.cip-pause-btn:hover{background:#475569}.cip-pause-btn.paused{background:#22c55e;color:#fff}.cip-stop-btn{background:#ef4444;color:#fff}.cip-stop-btn:hover{background:#dc2626}.cip-error{align-items:center;background:#ef444433;border-bottom:1px solid #ef44444d;color:#fca5a5;display:flex;font-size:13px;gap:8px;padding:12px 20px}.cip-error button{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:16px;margin-left:auto}.cip-agents-section{border-bottom:1px solid #334155;padding:16px 20px}.cip-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cip-section-header h3{color:#94a3b8;font-size:14px;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.listening-badge{background:#22c55e33;border-radius:12px;color:#86efac;font-size:12px;padding:4px 10px}.listening-badge,.realtime-badge{align-items:center;display:flex;gap:6px}.realtime-badge{background:linear-gradient(135deg,#ef444433,#ea580c33);border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.pulse-dot{animation:pulse-glow 1.5s infinite}.cip-agents-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.cip-agent-card{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:10px;display:flex;gap:10px;padding:12px;transition:all .2s}.cip-agent-card.processing{background:#ffffff0d;border-color:var(--agent-color)}.cip-agent-card.complete{background:#22c55e1a;border-color:#22c55e}.cip-agent-card .agent-icon{flex-shrink:0;font-size:20px}.cip-agent-card .agent-info{flex:1 1;min-width:0}.cip-agent-card .agent-name{color:#fff;font-size:12px;font-weight:600}.cip-agent-card .agent-desc,.cip-agent-card .agent-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cip-agent-card .agent-desc{color:#64748b;font-size:10px}.cip-agent-card .agent-status{flex-shrink:0}.status-idle{color:#475569;font-size:10px}.status-ready{color:#3b82f6;font-size:10px}.status-processing .spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top:2px solid var(--agent-color,#3b82f6);display:inline-block;height:14px;width:14px}.status-complete{align-items:center;color:#22c55e;display:flex;font-size:11px;font-weight:600;gap:4px}.status-listening{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.listening-wave{align-items:center;display:flex;gap:2px}.listening-wave,.listening-wave:after,.listening-wave:before{animation:wave 1s ease-in-out infinite;background:#3b82f6;background:var(--agent-color,#3b82f6);border-radius:2px;content:"";display:block;height:12px;width:3px}.listening-wave:before{animation-delay:-.2s;height:8px}.listening-wave:after{animation-delay:-.4s;height:16px}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.status-active{align-items:center;color:#3b82f6;color:var(--agent-color,#3b82f6);display:flex;font-size:11px;font-weight:600;gap:4px}.cip-agent-card.live{animation:subtle-pulse 2s ease-in-out infinite}.cip-agent-card.live.active{animation:none;background:#ffffff0d;border-color:var(--agent-color)}.cip-agent-card.live.listening{border-color:#fff3}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.85}}.cip-tabs{background:#1e293b;border-bottom:1px solid #334155;display:flex;gap:4px;padding:12px 20px}.cip-tabs button{background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.cip-tabs button:hover{background:#ffffff0d;color:#fff}.cip-tabs button.active{background:#334155;color:#fff}.cip-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.cip-transcript{flex:1 1;overflow-y:auto;padding:20px}.transcript-text{color:#e2e8f0;font-size:14px;line-height:1.7;white-space:pre-wrap}.transcript-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.transcript-empty p{font-size:14px;margin:0}.listening-animation{display:flex;gap:6px;margin-bottom:16px}.listening-animation span{animation:bounce 1.4s ease-in-out infinite;background:#3b82f6;border-radius:50%;height:8px;width:8px}.listening-animation span:first-child{animation-delay:-.32s}.listening-animation span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.cip-artifacts{flex:1 1;overflow-y:auto;padding:16px}.artifacts-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.artifacts-empty span{font-size:48px;margin-bottom:16px;opacity:.5}.artifacts-list{display:flex;flex-direction:column;gap:10px}.artifact-card{align-items:flex-start;background:#1e293b;border:1px solid #334155;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.artifact-card:hover{background:#263245;border-color:#475569}.artifact-card.approved{background:#22c55e1a;border-color:#22c55e}.artifact-card.executed{background:#3b82f61a;border-color:#3b82f6}.artifact-card .artifact-icon{flex-shrink:0;font-size:24px}.artifact-card .artifact-content{flex:1 1;min-width:0}.artifact-card .artifact-type{color:#94a3b8;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:capitalize}.artifact-card .artifact-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e2e8f0;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.artifact-card .artifact-actions{display:flex;flex-shrink:0;gap:6px}.artifact-actions .approve-btn,.artifact-actions .execute-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;height:28px;transition:all .2s;width:28px}.artifact-actions .approve-btn{background:#22c55e33;color:#22c55e}.artifact-actions .approve-btn:hover{background:#22c55e66}.artifact-actions .execute-btn{background:#3b82f633;color:#3b82f6}.artifact-actions .execute-btn:hover{background:#3b82f666}.status-badge{border-radius:4px;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-badge.approved{background:#22c55e33;color:#22c55e}.status-badge.executed{background:#3b82f633;color:#3b82f6}.artifact-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.artifact-modal{background:#1e293b;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.artifact-modal .modal-header{align-items:center;background:#0f172a;border-bottom:1px solid #334155;display:flex;gap:12px;padding:20px}.artifact-modal .modal-header .modal-icon{font-size:28px}.artifact-modal .modal-header h3{flex:1 1;font-size:18px;font-weight:600;margin:0;text-transform:capitalize}.artifact-modal .modal-header button{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:32px;width:32px}.artifact-modal .modal-content{flex:1 1;overflow-y:auto;padding:20px}.artifact-modal .modal-content pre{word-wrap:break-word;color:#e2e8f0;font-family:Monaco,Consolas,monospace;font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap}.artifact-modal .modal-actions{background:#0f172a;border-top:1px solid #334155;display:flex;gap:12px;padding:16px 20px}.artifact-modal .modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.modal-approve-btn{background:#22c55e;color:#fff}.modal-approve-btn:hover{background:#16a34a}.modal-execute-btn{background:#3b82f6;color:#fff}.modal-execute-btn:hover{background:#2563eb}.modal-close-btn{background:#334155;color:#fff}.modal-close-btn:hover{background:#475569}@media (max-width:480px){.call-intelligence-panel{width:100%}.cip-agents-grid{grid-template-columns:1fr}}.ai-assistant{background:#0f172a;bottom:0;box-shadow:-4px 0 24px #0000004d;color:#e2e8f0;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:420px;z-index:99}.ai-assistant-header{align-items:center;background:#1e293b;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:16px 20px}.ai-assistant-header .header-content,.header-title-row{align-items:center;display:flex;gap:12px}.ai-avatar-container{height:40px;position:relative;width:40px}.ai-avatar-letter{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.ai-status-dot{background:#22c55e;border:2px solid #1e293b;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.header-titles{display:flex;flex-direction:column}.header-titles h3{color:#fff;font-size:16px;font-weight:700;line-height:1.2;margin:0}.header-subtitle{color:#64748b;font-size:12px}.header-actions{gap:12px}.header-actions,.rec-button{align-items:center;display:flex}.rec-button{background:#ffffff0d;border:1px solid #334155;border-radius:20px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.rec-button:hover{background:#ef44441a;border-color:#ef44444d}.rec-button.active{background:#ef444433;border-color:#ef4444}.rec-button .rec-dot{background:#ef4444;border-radius:50%;height:8px;width:8px}.rec-button.active .rec-dot{animation:recPulse 1s infinite}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.settings-button{align-items:center;background:#ffffff0d;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.settings-button:hover{background:#ffffff1a;color:#fff}.ai-assistant-messages{flex:1 1;gap:16px;overflow-y:auto;padding:20px}.ai-assistant-messages,.message{display:flex;flex-direction:column}.message{gap:4px;max-width:85%}.message-user{align-self:flex-end}.message-assistant{align-self:flex-start}.message-content{border-radius:16px;font-size:14px;line-height:1.5;padding:12px 16px}.message-user .message-content{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-right-radius:4px;color:#fff}.message-assistant .message-content{background:#1e293b;border:1px solid #334155;border-bottom-left-radius:4px;color:#e2e8f0}.message-assistant{padding-left:36px;position:relative}.message-assistant:before{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;content:""}.message-assistant:after,.message-assistant:before{height:28px;left:0;position:absolute;top:0;width:28px}.message-assistant:after{align-items:center;color:#fff;content:"A";display:flex;font-size:12px;font-weight:700;justify-content:center}.message-timestamp{color:#64748b;font-size:11px;padding:0 4px}.message-user .message-timestamp{text-align:right}.ai-assistant-input{align-items:center;background:#1e293b;border-top:1px solid #334155;display:flex;gap:12px;padding:16px 20px}.ai-assistant-input textarea{display:none}.input-actions{align-items:center;display:flex;gap:12px;width:100%}.microphone-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .2s;width:44px}.microphone-button:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:scale(1.05)}.microphone-button.listening{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626)}.microphone-button:disabled{cursor:not-allowed;opacity:.5}.add-button{align-items:center;background:#334155;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:all .2s;width:44px}.add-button:hover{background:#475569}.chat-input-wrapper{flex:1 1;position:relative}.chat-input{background:#0f172a;border:1px solid #334155;border-radius:24px;color:#e2e8f0;font-size:14px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.chat-input::placeholder{color:#64748b}.chat-input:focus{border-color:#3b82f6}.send-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .2s;width:44px}.send-button:hover:not(:disabled){color:#3b82f6}.send-button:disabled{cursor:not-allowed;opacity:.3}.suggestion-chips{border-top:1px solid #334155;display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.suggestion-chip{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:20px;color:#60a5fa;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.suggestion-chip:hover{background:#3b82f633;border-color:#3b82f6}.memory-badge{display:none}@media (max-width:480px){.ai-assistant{width:100%}}.voice-input-container{margin-top:16px;width:100%}.voice-input-box{background:#fff;border:2px solid #ddd;border-radius:8px;padding:12px;position:relative;transition:border-color .3s}.voice-input-box:focus-within{border-color:#218d8d;box-shadow:0 0 0 3px #218d8d1a}.voice-input-textarea{border:none;color:#333;font-family:inherit;font-size:14px;line-height:1.5;min-height:80px;outline:none;resize:vertical;width:100%}.voice-input-textarea::placeholder{color:#999}.interim-indicator{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:#218d8d;border-radius:12px;bottom:12px;color:#fff;display:flex;font-size:12px;gap:6px;padding:4px 12px;position:absolute;right:12px}.listening-dots{animation:blink 1s ease-in-out infinite;font-size:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.voice-input-controls{align-items:center;display:flex;gap:12px;margin-top:12px}.voice-btn{align-items:center;background:#f5f5f5;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s}.voice-btn:hover{background:#e8e8e8;border-color:#bbb}.voice-btn.listening{animation:recording-pulse 1s ease-in-out infinite;background:#f44;border-color:#f44;color:#fff}@keyframes recording-pulse{0%,to{box-shadow:0 0 0 0 #ff4444b3;transform:scale(1)}50%{box-shadow:0 0 0 10px #f440;transform:scale(1.02)}}.voice-btn.listening:hover{background:#e33;border-color:#e33}.mic-icon{filter:grayscale(100%);font-size:20px}.mic-icon.recording{animation:mic-bounce .3s ease-in-out infinite alternate;filter:grayscale(0)}@keyframes mic-bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.voice-status{font-size:13px}.voice-not-supported{align-items:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;color:#999;display:flex;flex:1 1;font-size:13px;gap:8px;justify-content:center;padding:12px 20px}.not-supported-text{font-size:12px}.send-btn{align-items:center;background:#218d8d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s;white-space:nowrap}.send-btn:hover:not(:disabled){background:#1a7070;box-shadow:0 4px 12px #218d8d4d;transform:translateY(-1px)}.send-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.send-icon{font-size:16px}.listening-hint{animation:fade-in .3s;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:13px;margin-top:8px;padding:8px 12px;text-align:center}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.voice-input-controls{flex-direction:column}.send-btn,.voice-btn,.voice-not-supported{width:100%}}.coach-corner{background:#fff;border-left:1px solid #8b5c4426;bottom:0;box-shadow:-4px 0 24px #0000001a;color:#1a1a1a;display:flex;flex-direction:column;overflow-y:auto;position:fixed;right:0;top:60px;width:450px;z-index:99}.coach-header{align-items:center;border-bottom:2px solid #8b5c4426;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.coach-header .header-content{align-items:center;display:flex;gap:12px}.coach-header h2{color:#217f8d;font-size:28px;font-weight:700;margin:0;text-shadow:none}.coach-header .memory-badge{background:#217f8d1a;border:1px solid #217f8d4d;border-radius:12px;color:#217f8d;font-size:12px;font-weight:600;padding:4px 12px}.context-indicator{background:#217f8d14;border-left:3px solid #217f8d;border-radius:4px;color:#666;font-size:13px;margin-bottom:16px;padding:12px 16px}.coach-subtitle{border-bottom:1px solid #8b5c4426;color:#666;font-size:14px;font-weight:400;margin:0;padding:0 24px 16px}.btn-back{background:#fff;border:1px solid #8b5c4433;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#8b5c440d;border-color:#217f8d}.coach-intro{background:#217f8d0d;border-left:4px solid #217f8d;border-radius:8px;margin:24px 24px 16px;padding:16px}.coach-intro p{color:#1a1a1a;line-height:1.6;margin:8px 0}.coach-intro strong{color:#217f8d}.coach-modes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:24px;padding:0 24px}.coach-mode-button{background:#fff;border:2px solid #8b5c4426;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#1a1a1a;cursor:pointer;padding:20px;text-align:left;transition:all .3s ease}.coach-mode-button:hover{background:#217f8d0d;border-color:#217f8d;box-shadow:0 6px 20px #217f8d26;transform:translateY(-2px)}.mode-icon{font-size:32px;margin-bottom:8px}.mode-label{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:6px}.mode-description{color:#666;font-size:13px;line-height:1.4}.coach-loading{padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #8b5c441a;border-top-color:#217f8d;height:50px;margin:0 auto 20px;width:50px}.coach-response-container{animation:fadeIn .4s ease;padding:24px}.coach-mode-badge{background:#217f8d;border-radius:20px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;padding:6px 14px;text-transform:uppercase}.coach-message{background:#217f8d0d;border-left:4px solid #217f8d;border-radius:8px;font-size:15px;line-height:1.7;margin-bottom:24px;padding:20px}.coach-message p{color:#1a1a1a;margin:12px 0}.coach-message strong{color:#217f8d;font-weight:600}.priorities-section{margin-bottom:24px}.priorities-section h3{color:#217f8d;font-size:18px;margin-bottom:16px}.priority-item{background:#fff;border:1px solid #8b5c4426;border-left:4px solid #4caf50;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin-bottom:12px;padding:16px}.priority-item.urgency-critical{border-left-color:#c0152f}.priority-item.urgency-high{border-left-color:#a84b2f}.priority-item.urgency-medium{border-left-color:#217f8d}.priority-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.priority-number{background:#217f8d26;border-radius:6px;color:#217f8d;font-size:13px;font-weight:700;padding:4px 10px}.priority-category{color:#666;font-size:14px}.urgency-badge{border-radius:12px;font-size:11px;font-weight:600;margin-left:auto;padding:4px 10px;text-transform:uppercase}.urgency-badge.critical{background:#c0152f;color:#fff}.urgency-badge.high{background:#a84b2f;color:#fff}.urgency-badge.medium{background:#217f8d;color:#fff}.priority-action{color:#1a1a1a;font-size:15px;font-weight:500}.action-items-section{background:#217f8d0d;border:1px solid #8b5c4426;border-radius:10px;margin-bottom:24px;padding:20px}.action-items-section h3{color:#217f8d;font-size:18px;margin-bottom:16px}.action-items-section ul{list-style:none;margin:0;padding:0}.action-items-section li{color:#1a1a1a;font-size:14px;line-height:1.6;padding:12px 0 12px 28px;position:relative}.action-items-section li:before{color:#217f8d;content:"▸";font-weight:700;left:8px;position:absolute}.metrics-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{background:#fff;border:1px solid #8b5c4426;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:16px;text-align:center}.metric-label{color:#666;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.metric-value{color:#217f8d;font-size:24px;font-weight:700}.metric-value.health-good{color:#217f8d}.metric-value.health-needs_attention{color:#a84b2f}.coach-quick-actions{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.quick-action-btn{background:#217f8d;border:none;border-radius:10px;box-shadow:0 4px 12px #217f8d33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.quick-action-btn:hover{background:#1a6670;box-shadow:0 6px 20px #217f8d4d;transform:translateY(-2px)}.custom-input-modal{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#fff;border-radius:16px;box-shadow:0 12px 40px #0003;max-width:500px;padding:32px;width:90%}.modal-content h3{color:#217f8d;font-size:22px;margin-bottom:20px}.modal-content textarea{background:#fff;border:2px solid #8b5c4433;border-radius:10px;color:#1a1a1a;font-family:inherit;font-size:15px;margin-bottom:20px;padding:16px;resize:vertical;width:100%}.modal-content textarea:focus{border-color:#217f8d;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-secondary{border:1px solid #8b5c4433;color:#1a1a1a;font-size:14px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#8b5c440d;border-color:#217f8d}.btn-primary{background:#217f8d;font-size:14px;padding:10px 20px;transition:all .3s}.btn-primary:hover{background:#1a6670;box-shadow:0 4px 12px #217f8d4d;transform:translateY(-1px)}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;width:32px}.close-button:hover{background:#8b5c441a;color:#1a1a1a}.coach-header-actions{align-items:center;display:flex;gap:12px}.ai-chat-section{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;margin-top:24px;padding:20px}.ai-chat-header{margin-bottom:16px}.ai-chat-header h3{align-items:center;color:#218d8d;display:flex;font-size:18px;gap:8px;margin:0 0 8px}.ai-chat-description{color:#666;font-size:14px;line-height:1.6;margin:0}.ai-response-alert{align-items:start;animation:slide-down .3s ease;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:16px;position:relative}.ai-response-alert.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.ai-response-alert.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.ai-response-icon{flex-shrink:0;font-size:24px}.ai-response-text{flex:1 1}.ai-response-text strong{display:block;font-size:15px;margin-bottom:8px}.ai-response-text p{font-size:14px;line-height:1.6;margin:4px 0}.actions-taken-list{font-size:13px;margin:8px 0 0 20px;padding:0}.actions-taken-list li{margin:4px 0}.ai-response-dismiss{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;opacity:.6;padding:0;position:absolute;right:12px;top:12px;transition:opacity .2s;width:24px}.ai-response-dismiss:hover{opacity:1}.ai-chat-loading{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:14px;gap:12px;justify-content:center;margin-top:12px;padding:16px}.loading-spinner-small{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#218d8d;height:20px;width:20px}.ai-chat-examples{border-top:1px solid #ddd;margin-top:16px;padding-top:16px}.examples-label{color:#666;font-size:13px;font-weight:600;margin:0 0 12px}.example-chips{display:flex;flex-wrap:wrap;gap:8px}.example-chip{align-items:center;background:#fff;border:1px solid #ddd;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.example-chip:hover{background:#218d8d;border-color:#218d8d;box-shadow:0 2px 8px #218d8d33;color:#fff;transform:translateY(-1px)}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clickable{cursor:pointer;position:relative;transition:all .3s ease}.clickable:hover{border-color:#217f8d;box-shadow:0 6px 20px #217f8d33;transform:translateY(-2px)}.click-hint{color:#217f8d;font-size:20px;opacity:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease}.clickable:hover .click-hint{opacity:1;right:12px}.priority-item.clickable{padding-right:40px}.metric-card.clickable{padding-right:40px;position:relative}.drill-down-container{animation:fadeIn .4s ease;padding:24px}.detail-section{margin-bottom:24px}.detail-section h3{color:#217f8d;font-size:18px;font-weight:600;margin-bottom:12px}.urgency-banner{align-items:center;border-radius:10px;display:flex;font-weight:600;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.urgency-banner.high{background:#a84b2f1a;border:2px solid #a84b2f;color:#a84b2f}.urgency-banner.medium{background:#217f8d1a;border:2px solid #217f8d;color:#217f8d}.urgency-banner.critical{background:#c0152f1a;border:2px solid #c0152f;color:#c0152f}.urgency-label{font-size:14px;letter-spacing:.5px;text-transform:uppercase}.urgency-value{font-size:18px;font-weight:700}.action-text{background:#217f8d0d;color:#1a1a1a;font-size:16px;line-height:1.7}.action-text,.impact-box{border-radius:8px;padding:16px}.impact-box{align-items:start;background:#ffc1071a;border-left:4px solid #ffc107;display:flex;gap:12px}.impact-icon{flex-shrink:0;font-size:24px}.impact-box p{color:#1a1a1a;font-size:15px;line-height:1.6;margin:0}.related-items-list{grid-gap:12px;display:grid;gap:12px}.related-item-card{background:#fff;border:1px solid #8b5c4426;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:16px}.item-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.item-type{background:#217f8d1a;border-radius:6px;color:#217f8d;font-size:12px;font-weight:600;padding:4px 10px}.item-name{color:#1a1a1a;font-size:16px;font-weight:600}.item-status{color:#666;font-size:14px;margin-bottom:6px}.item-phone{color:#217f8d;font-size:14px;margin-bottom:12px}.btn-call{background:#217f8d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-call:hover{background:#1a6670;box-shadow:0 4px 12px #217f8d4d;transform:translateY(-1px)}.next-steps-list{list-style:none;margin:0;padding:0}.next-steps-list li{background:#fff;border:1px solid #8b5c4426;border-left:4px solid #217f8d;border-radius:8px;color:#1a1a1a;font-size:14px;line-height:1.6;margin-bottom:8px;padding:12px 16px}.status-banner{border-radius:10px;font-size:16px;font-weight:600;margin-bottom:20px;padding:16px 20px;text-align:center}.status-banner.good{background:#4caf501a;border:2px solid #4caf50;color:#2e7d32}.status-banner.needs_attention{background:#a84b2f1a;border:2px solid #a84b2f;color:#a84b2f}.pipeline-stages{grid-gap:12px;display:grid;gap:12px}.stage-card{background:#fff;border:1px solid #8b5c4426;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:16px}.stage-card.health-good{border-left:4px solid #4caf50}.stage-card.health-warning{border-left:4px solid #ffc107}.stage-card.health-critical{border-left:4px solid #c0152f}.stage-name{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:8px}.stage-metrics{display:flex;gap:16px;margin-bottom:8px}.stage-metrics .metric{color:#666;font-size:14px}.health-indicator{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.health-indicator.good{background:#4caf501a;color:#2e7d32}.health-indicator.warning{background:#ffc1071a;color:#f57c00}.health-indicator.critical{background:#c0152f1a;color:#c0152f}.recommendations-list{list-style:none;margin:0;padding:0}.recommendations-list li{background:#217f8d0d;border-left:4px solid #217f8d;border-radius:8px;color:#1a1a1a;font-size:14px;line-height:1.6;margin-bottom:8px;padding:12px 16px}.count-banner{background:#217f8d1a;border:2px solid #217f8d;border-radius:12px;margin-bottom:20px;padding:24px;text-align:center}.count-banner.critical{background:#c0152f1a;border-color:#c0152f}.count-value{color:#217f8d;display:block;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.count-banner.critical .count-value{color:#c0152f}.count-label{color:#666;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.impact-banner{background:#ffc1071a;border:2px solid #ffc107;border-radius:10px;color:#f57c00;font-size:20px;font-weight:700;padding:16px 20px;text-align:center}.impact-banner.critical{background:#c0152f1a;border-color:#c0152f;color:#c0152f}.bottleneck-items{grid-gap:12px;display:grid;gap:12px}.bottleneck-card{background:#fff;border:1px solid #8b5c4426;border-left:4px solid #c0152f;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:16px}.bottleneck-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.issue-icon{flex-shrink:0;font-size:24px}.issue-text{color:#1a1a1a;font-size:16px;font-weight:600}.bottleneck-stats{color:#666;display:flex;font-size:14px;gap:16px;margin-bottom:8px}.bottleneck-action{color:#1a1a1a;font-size:14px;margin-bottom:12px}.btn-resolve{background:#c0152f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-resolve:hover{background:#9b0e23;box-shadow:0 4px 12px #c0152f4d;transform:translateY(-1px)}.recommendation-box{background:#217f8d14;border-left:4px solid #217f8d;border-radius:8px;color:#1a1a1a;font-size:15px;line-height:1.6;padding:16px 20px}.overdue-tasks-list{grid-gap:12px;display:grid;gap:12px}.task-card{background:#fff;border:1px solid #8b5c4426;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:16px}.task-card.priority-high{border-left:4px solid #a84b2f}.task-card.priority-critical{border-left:4px solid #c0152f}.task-card.priority-medium{border-left:4px solid #217f8d}.task-header{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.task-text{color:#1a1a1a;flex:1 1;font-size:15px;font-weight:500}.priority-badge{border-radius:6px;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.priority-badge.high{background:#a84b2f;color:#fff}.priority-badge.critical{background:#c0152f;color:#fff}.priority-badge.medium{background:#217f8d;color:#fff}.task-overdue{color:#c0152f;font-size:13px;margin-bottom:12px}.btn-complete{background:#4caf50;border-radius:6px;font-size:14px;padding:8px 16px}.btn-complete:hover{background:#2e7d32;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}@media (max-width:768px){.coach-corner{width:100%}.example-chips{flex-direction:column}.example-chip{justify-content:center;width:100%}.metric-card.clickable,.priority-item.clickable{padding-right:50px}.stage-metrics{flex-direction:column;gap:8px}}.impersonation-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f9731666;color:#fff;display:flex;justify-content:space-between;left:0;padding:12px 24px;position:fixed;right:0;top:0;z-index:9999}.banner-content{gap:12px}.banner-content,.banner-icon{align-items:center;display:flex}.banner-icon{background:#fff3;border-radius:50%;flex-shrink:0;height:32px;justify-content:center;width:32px}.banner-icon svg{color:#fff}.banner-text{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:8px}.banner-text strong{font-weight:700;letter-spacing:.5px}.user-name{font-size:15px;font-weight:600}.user-role{font-size:13px;opacity:.9}.separator{font-size:12px;opacity:.6}.timer{background:#fff3;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600;padding:4px 10px}.timer.warning{animation:pulse 1s infinite;background:#dc2626}.mode-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.mode-badge svg{flex-shrink:0}.mode-badge.read-only{animation:readOnlyPulse 2s infinite;background:#ef4444e6;color:#fff}.mode-badge.full-access{background:#22c55ee6;color:#fff}@keyframes readOnlyPulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 8px 2px #ef444466}}.impersonation-banner.read-only-mode{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc262666}.impersonation-banner.read-only-mode .exit-btn{color:#dc2626}.impersonation-banner.full-access-mode{background:linear-gradient(135deg,#f97316,#ea580c)}.exit-btn{background:#ffffffe6;border:none;border-radius:6px;color:#ea580c;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s;white-space:nowrap}.exit-btn:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.exit-btn:disabled{cursor:not-allowed;opacity:.6}body:has(.impersonation-banner) .app-layout,body:has(.impersonation-banner) .app-main{padding-top:56px}@media (max-width:768px){.impersonation-banner{padding:10px 16px}.banner-text{font-size:12px;gap:6px}.user-name{font-size:13px}.user-role{display:none}.timer{font-size:11px;padding:3px 8px}.exit-btn{font-size:12px;padding:6px 14px}}.error-boundary-container{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.error-boundary-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;width:100%}.error-boundary-header{border-bottom:2px solid #f0f0f0;margin-bottom:25px;padding-bottom:20px}.error-boundary-header h1{color:#dc3545;font-size:28px;margin:0 0 10px}.error-boundary-subtitle{color:#666;font-size:14px;margin:0}.error-boundary-details{margin-bottom:25px}.error-message{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;margin-bottom:15px;padding:15px}.error-message strong{color:#000;display:block;margin-bottom:8px}.error-component-stack,.error-screenshot,.error-stack{margin-bottom:15px}.error-component-stack summary,.error-screenshot summary,.error-stack summary{background:#f8f9fa;border-radius:4px;color:#495057;cursor:pointer;font-weight:600;padding:10px;-webkit-user-select:none;user-select:none}.error-component-stack summary:hover,.error-screenshot summary:hover,.error-stack summary:hover{background:#e9ecef}.error-component-stack pre,.error-stack pre{background:#282c34;border-radius:4px;color:#abb2bf;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;margin:10px 0 0;overflow-x:auto;padding:15px}.error-screenshot img{border:1px solid #ddd;border-radius:4px;margin-top:10px;max-width:100%}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.error-boundary-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:150px;padding:12px 24px;transition:all .2s ease}.btn-auto-fix{background:linear-gradient(135deg,#218d8d,#10b981);color:#fff}.btn-auto-fix:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-auto-fix:disabled{cursor:not-allowed;opacity:.6}.btn-reload{background:#007bff;color:#fff}.btn-reload:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.btn-reload:disabled{cursor:not-allowed;opacity:.6}.btn-dismiss{background:#6c757d;color:#fff}.btn-dismiss:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 12px #6c757d4d;transform:translateY(-2px)}.btn-dismiss:disabled{cursor:not-allowed;opacity:.6}.fix-status{animation:slideIn .3s ease;background:#e7f3ff;border-left:4px solid #007bff;border-radius:6px;color:#004085;font-size:14px;padding:15px}.fix-status.fixing{animation:pulse 1.5s ease infinite;background:#fff3cd;border-left-color:#ffc107;color:#856404}.fix-attempts{font-size:12px;margin-left:5px;opacity:.7}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.ai-analysis-results{background:linear-gradient(135deg,#218d8d15,#10b98115);border:2px solid #218d8d;border-radius:8px;margin-top:25px;padding:20px}.ai-analysis-results h3{border-bottom:2px solid #218d8d40;color:#218d8d;font-size:20px;margin:0 0 20px;padding-bottom:10px}.analysis-section{margin-bottom:20px}.analysis-section h4{color:#333;font-size:15px;margin:0 0 10px}.analysis-section p{color:#555;line-height:1.6;margin:0}.analysis-section ul{margin:10px 0;padding-left:20px}.analysis-section li{color:#555;margin:5px 0}.analysis-section code{background:#282c34;border-radius:3px;color:#61dafb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:2px 6px}.analysis-badge{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#666;display:inline-block;font-size:13px;padding:8px 16px}.analysis-badge strong{color:#218d8d;text-transform:uppercase}.analysis-section.recommendation{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;padding:15px}.analysis-section.recommendation h4,.analysis-section.recommendation p{color:#856404}@media (max-width:768px){.error-boundary-content{padding:20px}.error-boundary-header h1{font-size:22px}.error-boundary-actions{flex-direction:column}.error-boundary-actions button{width:100%}}.unified-task-sidebar-v2{background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;height:100vh;max-width:100vw;position:fixed;right:0;top:0;width:900px;z-index:1000}.task-list-panel{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:280px;overflow:hidden;width:280px}.panel-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 16px}.panel-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.task-count-badge{background:#0d9488;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:4px 12px}.filter-tabs-v2{border-bottom:1px solid #e2e8f0;display:flex;gap:6px;padding:12px}.filter-tab-v2{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 4px;transition:all .2s}.filter-tab-v2:hover{background:#e2e8f0;color:#1e293b}.filter-tab-v2.active{background:#0d9488;color:#fff}.task-list-v2{flex:1 1;overflow-y:auto;padding:8px}.empty-state-v2,.loading-state-v2{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px 16px;text-align:center}.empty-icon{font-size:40px;margin-bottom:12px}.task-item-v2{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;margin-bottom:8px;overflow:hidden;transition:all .2s}.task-item-v2:hover{box-shadow:0 2px 8px #0000001f}.task-item-v2.selected{box-shadow:0 0 0 2px #0d9488}.task-status-bar{flex-shrink:0;min-width:4px;width:4px}.task-item-content{flex:1 1;min-width:0;padding:12px}.task-item-header-v2{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.task-title-v2{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;flex:1 1;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.priority-badge-small{border-radius:4px;flex-shrink:0;font-size:9px;font-weight:700;padding:2px 6px;white-space:nowrap}.task-meta-v2{align-items:center;color:#64748b;display:flex;font-size:11px;gap:8px}.client-name-v2{color:#0d9488;font-weight:500}.task-stage{color:#94a3b8}.task-detail-panel-v2{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.detail-header-v2{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 24px 16px}.detail-title-row{align-items:center;display:flex;flex:1 1;gap:12px}.detail-title-row h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.priority-badge-large{border-radius:4px;font-size:11px;font-weight:700;padding:4px 10px}.close-btn-v2{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;line-height:1;padding:4px}.close-btn-v2:hover{color:#64748b}.detail-body-v2{flex:1 1;overflow-y:auto;padding:24px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1e293b;font-size:14px;font-weight:500}.priority-value{font-weight:600}.send-via-section{margin-bottom:20px}.section-label{color:#94a3b8;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.send-via-buttons{display:flex;gap:8px}.send-via-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.send-via-btn:hover{border-color:#0d9488;color:#0d9488}.send-via-btn.active{background:#0d9488;border-color:#0d9488;color:#fff}.train-ai-section{background:#fef9c3;border:1px solid #fde047;border-radius:8px;margin-bottom:20px;padding:16px}.train-ai-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.train-ai-icon{font-size:18px}.train-ai-label{color:#854d0e;font-size:13px;font-weight:600}.train-ai-input{background:#fffef0;border:1px solid #fde047;border-radius:6px;color:#1e293b;font-family:inherit;font-size:13px;min-height:60px;padding:12px;resize:vertical;width:100%}.train-ai-input:focus{border-color:#eab308;outline:none}.train-ai-input::placeholder{color:#a16207;font-style:italic}.train-ai-input-wrapper{display:flex;gap:8px;position:relative}.train-ai-input-wrapper .train-ai-input{flex:1 1;padding-right:50px}.voice-input-btn{align-items:center;background:#fbbf24;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s;width:36px}.voice-input-btn:hover{background:#f59e0b;transform:translateY(-50%) scale(1.1)}.voice-input-btn.listening{animation:pulse-glow 1s infinite;background:#ef4444}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.listening-indicator{align-items:center;color:#dc2626;display:flex;font-size:12px;font-weight:500;gap:8px;margin-top:8px}.pulse-dot{animation:pulse-dot 1s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.train-ai-actions{display:flex;justify-content:flex-end;margin-top:12px}.train-ai-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.train-ai-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #d977064d;transform:translateY(-1px)}.train-ai-btn:disabled{cursor:not-allowed;opacity:.5}.ai-acknowledgment{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin-top:16px;padding:14px}.acknowledgment-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.ack-icon{font-size:16px}.ack-title{color:#166534;font-size:13px;font-weight:600}.acknowledgment-text{color:#15803d;font-size:13px;line-height:1.5;white-space:pre-wrap}.repopulate-section{border-top:1px dashed #fde047;margin-top:16px;padding-top:16px}.repopulate-label{color:#854d0e;display:block;font-size:12px;font-weight:600;margin-bottom:10px}.repopulate-buttons{display:flex;flex-wrap:wrap;gap:8px}.repopulate-btn{align-items:center;background:#fff;border:1px solid #fbbf24;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:8px 14px;transition:all .2s}.repopulate-btn:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b;transform:translateY(-1px)}.repopulate-btn:disabled{cursor:not-allowed;opacity:.5}.repopulate-btn.loading{background:#fef3c7}.ai-message-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;padding:16px}.ai-message-header{justify-content:space-between;margin-bottom:12px}.ai-badge,.ai-message-header{align-items:center;display:flex}.ai-badge{color:#1e40af;font-size:14px;font-weight:600;gap:8px}.ai-icon{font-size:18px}.edit-message-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.edit-message-btn:hover{background:#2563eb}.ai-message-content{border:1px solid #dbeafe;border-radius:6px;line-height:1.7;white-space:pre-wrap}.ai-message-content,.ai-message-editor{background:#fff;color:#1e293b;font-size:14px;padding:16px}.ai-message-editor{border:1px solid #3b82f6;border-radius:6px;font-family:inherit;line-height:1.6;min-height:200px;resize:vertical;width:100%}.ai-message-editor:focus{box-shadow:0 0 0 3px #3b82f633;outline:none}.comm-history-section{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.comm-history-header{align-items:center;background:#f8fafc;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:14px 16px;transition:background .2s;width:100%}.comm-history-header:hover{background:#f1f5f9}.accordion-arrow{color:#64748b;font-size:12px}.comm-history-content{border-top:1px solid #e2e8f0;max-height:200px;overflow-y:auto;padding:16px}.comm-item{background:#f8fafc;border-radius:6px;margin-bottom:8px;padding:12px}.comm-item:last-child{margin-bottom:0}.comm-date{color:#64748b;font-size:11px;margin-bottom:4px}.comm-type{color:#1e293b;font-size:12px;font-weight:600;margin-bottom:4px}.comm-summary{color:#475569;font-size:13px;line-height:1.4}.no-history{color:#94a3b8;font-size:13px;padding:20px;text-align:center}.action-buttons-v2{background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;padding:20px 24px}.btn-send-email{background:#0d9488;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.btn-send-email:hover{background:#0f766e}.btn-complete{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.btn-complete:hover{background:#16a34a}.btn-snooze{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:15px;font-weight:500;padding:14px;transition:all .2s}.btn-snooze:hover{background:#f8fafc;border-color:#cbd5e1}.no-task-selected{align-items:center;color:#94a3b8;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-task-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-task-selected h3{color:#64748b;font-size:18px;margin:0 0 8px}.no-task-selected p{font-size:14px;margin:0}@media (max-width:900px){.unified-task-sidebar-v2{flex-direction:column;width:100%}.task-list-panel{border-bottom:1px solid #e2e8f0;border-right:none;max-height:35vh;min-width:100%;width:100%}.task-detail-panel-v2{flex:1 1;min-height:0}}.global-search-overlay{align-items:flex-start;animation:fadeIn .15s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding-top:15vh;position:fixed;right:0;top:0;z-index:10000}.global-search-modal{animation:slideDown .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;overflow:hidden;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.global-search-input-wrapper{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;padding:4px;position:relative}.search-icon{font-size:18px;left:20px;opacity:.6;pointer-events:none;position:absolute}.global-search-input{background:#0000;border:none;font-size:18px;padding:16px 100px 16px 52px;transition:all .2s ease;width:100%}.global-search-input:focus{outline:none}.global-search-input::placeholder{color:#9ca3af}.search-loading{animation:spin 1s linear infinite;font-size:16px;position:absolute;right:100px}.search-shortcut{background:#e5e7eb;border-radius:4px;color:#9ca3af;font-size:12px;padding:4px 8px;position:absolute;right:16px}.global-search-results{max-height:400px;overflow-y:auto}.search-results-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:500;padding:10px 16px}.search-results-list{max-height:350px;overflow-y:auto}.search-result-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .15s ease}.search-result-item:last-child{border-bottom:none}.search-result-item.selected,.search-result-item:hover{background:#f0fdf4}.result-icon{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.result-content{flex:1 1;min-width:0}.result-name{color:#1f2937;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:4px}.result-type{background:#e5e7eb;border-radius:4px;font-weight:500;padding:2px 8px;text-transform:capitalize}.search-result-item.selected .result-type,.search-result-item:hover .result-type{background:#d1fae5;color:#065f46}.result-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-loan-number{color:#218d8d;font-family:monospace;font-weight:500}.result-status{background:#dbeafe;border-radius:4px;color:#1e40af;font-weight:500;padding:2px 6px;text-transform:capitalize}.no-results{color:#6b7280;font-size:14px;padding:32px 16px;text-align:center}.global-search-hint{color:#6b7280;padding:32px 24px;text-align:center}.global-search-hint p{font-size:14px;margin:0 0 12px}.global-search-hint .hint-shortcut{color:#9ca3af;font-size:12px}.global-search-hint kbd{background:#e5e7eb;border-radius:4px;display:inline-block;font-family:inherit;font-size:11px;font-weight:600;padding:2px 6px}@media (max-width:768px){.global-search-overlay{padding-left:16px;padding-right:16px;padding-top:10vh}.global-search-modal{max-width:100%}.global-search-input{font-size:16px;padding:14px 80px 14px 48px}.search-icon{font-size:16px;left:16px}}.app{-ms-overflow-style:none;background:var(--color-bg-base);min-height:100vh;scrollbar-width:none}.app::-webkit-scrollbar{display:none}.app-layout{-ms-overflow-style:none;display:flex;flex-direction:column;min-height:100vh;scrollbar-width:none}.app-layout::-webkit-scrollbar{display:none}.app-main{-ms-overflow-style:none;background:var(--color-bg-base);display:flex;flex:1 1 auto;justify-content:center;padding:0 24px;scrollbar-width:none;transition:margin-right .25s ease}.app-main::-webkit-scrollbar{display:none}.app-main>*{margin:0 auto;max-width:1600px;width:100%}.layout-stable{-ms-overflow-style:none;contain:layout style;scrollbar-width:none;transform:translateZ(0);will-change:contents}.layout-stable::-webkit-scrollbar{display:none}.layout-stable.loaded{animation:pageContentFadeIn .2s ease-out}@keyframes pageContentFadeIn{0%{opacity:.7}to{opacity:1}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-shimmer{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 40px,#f0f0f0 80px);background:linear-gradient(90deg,var(--color-bg-muted,#f0f0f0) 0,var(--color-bg-surface,#f8f8f8) 40px,var(--color-bg-muted,#f0f0f0) 80px);background-size:200px 100%;border-radius:4px;border-radius:var(--radius-sm,4px)}.app-main.with-assistant{margin-right:400px}.app-main.with-task-sidebar{margin-right:420px}.app-main.with-task-sidebar.with-assistant{margin-right:820px}@media (max-width:900px){.app-main.with-task-sidebar{margin-right:0}}@media (max-width:768px){.app-main.with-assistant{margin-right:0}}.landing-page{background-color:#fff;min-height:100vh}.application-success-banner{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #00000026;color:#fff;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.success-banner-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1200px;padding:0 20px}.success-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.success-text{flex:1 1}.success-text h3{font-size:18px;font-weight:600;margin:0 0 4px}.success-text p{font-size:14px;margin:0;opacity:.9}.close-banner-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:background .2s;width:32px}.close-banner-btn:hover{background:#ffffff4d}.landing-page:has(.application-success-banner) .landing-nav{top:88px}.landing-page:has(.application-success-banner) .hero-section{padding-top:268px}.landing-nav{background:#fff;box-shadow:0 2px 8px #0000001a;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.landing-nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 40px}.landing-logo{align-items:center;color:#18a0a6;display:flex;font-size:24px;font-weight:700;gap:12px}.logo-icon{font-size:32px}.logo-text{color:#1a1a1a}.landing-nav-actions{align-items:center;display:flex;gap:12px}.btn-login{background:#0000;border:2px solid #18a0a6;border-radius:6px;color:#18a0a6;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-login:hover{box-shadow:0 4px 12px #18a0a64d;transform:translateY(-2px)}.btn-login:hover,.btn-signup{background:#18a0a6;color:#fff}.btn-signup{border:2px solid #18a0a6;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-signup:hover{background:#136b6f;border-color:#136b6f;box-shadow:0 4px 12px #18a0a666;transform:translateY(-2px)}.hero-section{background:linear-gradient(135deg,#18a0a6,#136b6f);color:#fff;margin-top:70px;padding:140px 20px 100px;text-align:center}.hero-content{margin:0 auto;max-width:1000px}.hero-title{font-size:56px;font-weight:700;line-height:1.2;margin:0 0 24px}.hero-subtitle{font-size:22px;line-height:1.6;margin:0 0 40px;opacity:.95}.hero-cta{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.btn-primary-large,.btn-secondary-large{border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:600;padding:16px 40px;transition:all .3s ease}.btn-primary-large{background-color:#fff;color:#18a0a6}.btn-primary-large:hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.btn-secondary-large{background-color:initial;border:2px solid #fff;color:#fff}.btn-secondary-large:hover{background-color:#ffffff1a}.hero-note{font-size:14px;margin:0;opacity:.85}.features-section{background-color:#f9fafb;padding:80px 20px;text-align:center}.features-section h2{color:#1f2937;font-size:40px;margin:0 0 60px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{color:#18a0a6;font-size:20px;margin:0 0 12px}.feature-card p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.pricing-section{background-color:#fff;padding:80px 20px;text-align:center}.pricing-section h2{color:#1f2937;font-size:40px;margin:0 0 16px}.pricing-subtitle{color:#6b7280;font-size:18px;margin:0 0 60px}.pricing-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:40px 30px;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#18a0a6;box-shadow:0 8px 24px #18a0a61a}.pricing-card.featured{border-color:#18a0a6;box-shadow:0 8px 24px #18a0a626;transform:scale(1.05)}.popular-badge{background-color:#18a0a6;border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:6px 20px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-name{color:#1f2937;font-size:24px;margin:0 0 20px}.plan-price{margin-bottom:30px}.price-amount{color:#18a0a6;font-size:48px}.price-period{color:#6b7280}.plan-features{list-style:none;margin:0 0 30px;padding:0;text-align:left}.plan-features li{align-items:flex-start;color:#4b5563;display:flex;font-size:15px;gap:12px;padding:12px 0}.feature-check{flex-shrink:0;font-size:18px}.btn-plan,.feature-check{color:#18a0a6;font-weight:600}.btn-plan{background-color:#fff;border:2px solid #18a0a6;border-radius:8px;cursor:pointer;font-size:16px;padding:14px 24px;transition:all .3s ease;width:100%}.btn-plan-featured,.btn-plan:hover{background-color:#18a0a6;color:#fff}.btn-plan-featured:hover{background-color:#136b6f}.plan-trial{color:#9ca3af;font-size:13px;margin-top:16px}.testimonials-section{background-color:#f9fafb;padding:80px 20px;text-align:center}.testimonials-section h2{color:#1f2937;font-size:40px;margin:0 0 60px}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}@media (max-width:1024px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px;text-align:left}.testimonial-text{color:#4b5563;font-size:16px;font-style:italic;line-height:1.7;margin:0 0 20px}.testimonial-author strong{color:#1f2937;display:block;font-size:16px;margin-bottom:4px}.testimonial-author span{color:#6b7280;font-size:14px}.cta-section{background:linear-gradient(135deg,#18a0a6,#136b6f);color:#fff;padding:80px 20px;text-align:center}.cta-section h2{font-size:40px;margin:0 0 16px}.cta-section p{font-size:18px;margin:0 0 32px;opacity:.95}.cta-note{font-size:14px;margin-top:16px;opacity:.85}.landing-footer{background-color:#1f2937;color:#fff;padding:60px 20px 30px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin:0 auto 40px;max-width:1200px}@media (max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr)}}.footer-section h4{font-size:16px;font-weight:600;margin:0 0 16px}.footer-section p{color:#9ca3af;font-size:14px;margin:0}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{color:#9ca3af;cursor:pointer;font-size:14px;padding:8px 0}.footer-section ul li:hover{color:#18a0a6}.footer-section ul li a{color:inherit;text-decoration:none}.footer-section ul li a:hover{color:#18a0a6}.footer-bottom{border-top:1px solid #374151;padding-top:30px;text-align:center}.footer-bottom p{color:#9ca3af;font-size:14px;margin:0}.loading{color:#6b7280;padding:40px;text-align:center}.registration-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:40px 20px}.registration-container{grid-gap:40px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;display:grid;gap:40px;grid-template-columns:1.5fr 1fr;margin:0 auto;max-width:1200px;overflow:hidden}@media (max-width:1024px){.registration-container{grid-template-columns:1fr}.registration-summary-section{order:-1}}.registration-form-section{padding:50px}@media (max-width:640px){.registration-form-section{padding:30px 20px}}.registration-header h1{color:#1f2937;font-size:32px;margin:0 0 8px}.registration-header p{color:#6b7280;font-size:16px;margin:0 0 32px}.progress-steps{justify-content:space-between;margin-bottom:40px;padding:0 20px}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{flex:0 0 auto;flex-direction:column;gap:8px}.step-number{background-color:#e5e7eb;color:#9ca3af;font-size:16px;height:40px;transition:all .3s ease;width:40px}.progress-step.active .step-number{background-color:#18a0a6;color:#fff}.step-label{color:#6b7280;font-size:12px}.progress-line{background-color:#e5e7eb;flex:1 1;height:2px;margin:0 10px}.registration-form{max-width:500px}.form-step{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#18a0a6;box-shadow:0 0 0 3px #18a0a61a;outline:none}.btn-back,.btn-next,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-next,.btn-submit{background-color:#18a0a6;color:#fff;width:100%}.btn-next:hover,.btn-submit:hover{background-color:#136b6f}.btn-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-back{background-color:#fff;border:1px solid #d1d5db;color:#6b7280}.btn-back:hover{background-color:#f9fafb}.form-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 2fr;margin-top:24px}.confirmation-summary{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:24px}.confirmation-summary h3{color:#1f2937;font-size:20px;margin:0 0 20px}.summary-section{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.summary-section:last-of-type{border-bottom:none}.summary-section h4{color:#6b7280;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.summary-section p{color:#374151;font-size:15px;margin:6px 0}.trial-note{color:#18a0a6;font-weight:500;margin-top:12px}.terms-notice{background-color:#fef3c7;border-radius:8px;margin-top:20px;padding:16px}.terms-notice p{color:#92400e;font-size:13px;line-height:1.6;margin:0}.error-message{background-color:#fee2e2;border-radius:8px;color:#991b1b;margin-bottom:20px}.registration-footer{margin-top:32px;text-align:center}.registration-footer p{color:#6b7280;font-size:14px;margin:0}.login-link{color:#18a0a6;font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.registration-summary-section{background:linear-gradient(135deg,#18a0a6,#136b6f);color:#fff;padding:50px 40px}@media (max-width:640px){.registration-summary-section{padding:30px 20px}}.plan-summary-card{position:-webkit-sticky;position:sticky;top:50px}.plan-summary-card h3{font-size:18px;margin:0 0 24px;opacity:.9}.plan-details h2{font-size:32px;margin:0 0 16px}.plan-price{margin-bottom:16px}.price-amount{font-size:42px;font-weight:700}.price-period{font-size:18px;opacity:.85}.trial-badge{background-color:#fff3;border-radius:20px;display:inline-block;font-size:14px;font-weight:600;margin-bottom:24px;padding:8px 16px}.plan-features-list{list-style:none;margin:0 0 32px;padding:0}.plan-features-list li{align-items:flex-start;display:flex;font-size:15px;gap:12px;padding:10px 0}.check-icon{flex-shrink:0;font-size:18px;font-weight:600}.billing-info{background-color:#ffffff1a;border-radius:8px;padding:20px}.billing-info p{font-size:15px;margin:0 0 12px}.billing-info ol{margin:0;padding-left:20px}.billing-info li{font-size:14px;opacity:.9;padding:6px 0}.promo-group{position:relative}.promo-input-wrapper{align-items:center;display:flex;position:relative}.promo-input-wrapper input{padding-right:80px;text-transform:uppercase}.promo-input-wrapper input.valid{background-color:#f0fdf4;border-color:#10b981}.promo-input-wrapper input.invalid{background-color:#fef2f2;border-color:#ef4444}.promo-status{font-size:12px;font-weight:600;position:absolute;right:12px}.promo-status.validating{color:#6b7280}.promo-status.valid{color:#10b981}.promo-status.invalid{color:#ef4444}.promo-info-box{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding:12px 14px}.promo-badge{color:#059669;font-size:14px;font-weight:600}.promo-benefit{background:#fff;border-radius:12px;color:#047857;font-size:12px;font-weight:500;padding:4px 10px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.verification-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e9f0);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.verification-container{max-width:700px;width:100%}.verification-step{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.verification-header{background:#1e3a5f;color:#fff;padding:16px 24px}.step-label{font-size:14px;font-weight:500}.verification-content{padding:40px}.verification-content h1{color:#1a202c;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:16px}.verification-content h2{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:12px}.verification-content h3{color:#1a202c;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:24px}.verification-content p{color:#4a5568;line-height:1.6;margin-bottom:12px}.verification-icon{display:flex;justify-content:flex-end;margin-bottom:20px}.mailbox-icon{height:120px;width:180px}.mailbox-icon svg{height:100%;width:100%}.email-step .verification-content{position:relative}.email-step h1{color:#2d3748;font-size:32px}.verification-message{color:#4a5568;font-size:16px;max-width:400px}.verification-actions{margin-top:30px}.btn-resend{background:#0000;border:1px solid #3182ce;border-radius:6px;color:#3182ce;cursor:pointer;font-size:14px;padding:10px 24px;transition:all .2s}.btn-resend:hover:not(:disabled){background:#ebf8ff}.btn-resend:disabled{cursor:not-allowed;opacity:.6}.demo-skip{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.btn-skip-demo{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px;transition:background .2s}.btn-skip-demo:hover{background:#2c5282}.security-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;display:flex;gap:12px;margin:20px 0;padding:16px}.notice-icon{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.security-notice p{color:#92400e;font-size:14px;margin:0}.verification-info{background:#f7fafc;border-radius:8px;margin:24px 0;padding:20px}.verification-info h3{margin-top:0}.verification-info p{font-size:14px}.info-note{color:#718096!important;font-style:italic}.phone-verification-form{margin-top:24px}.form-label{color:#2d3748;font-weight:500;margin-bottom:16px}.verification-method-options{display:flex;gap:16px;margin-bottom:24px}.method-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;min-width:140px;padding:16px 32px;transition:all .2s}.method-btn.active,.method-btn:hover{background:#ebf8ff;border-color:#3182ce}.method-btn.active{color:#3182ce}.method-icon{align-items:center;display:flex;justify-content:center}.method-icon svg{height:20px;width:20px}.phone-input-section{margin-top:24px}.phone-input-section label{color:#2d3748;display:block;font-weight:500;margin-bottom:8px}.input-note{color:#718096!important;font-size:13px;margin-bottom:16px}.phone-input-group{margin-top:16px}.phone-input-group label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.phone-input{border:1px solid #e2e8f0;border-radius:6px;font-size:16px;max-width:300px;padding:12px 16px;transition:border-color .2s;width:100%}.phone-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-actions{display:flex;gap:16px;margin-top:32px}.btn-primary{background:#3182ce;border-radius:6px;font-size:16px;font-weight:500;padding:14px 48px;transition:background .2s}.btn-primary:hover:not(:disabled){background:#2c5282}.btn-cancel{background:#0000;border:none;color:#4a5568;cursor:pointer;font-size:16px;padding:14px 24px;transition:color .2s}.btn-cancel:hover{color:#2d3748}.code-entry-section{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px}.code-input{border:2px solid #e2e8f0;border-radius:8px;font-size:24px;letter-spacing:8px;margin:16px 0;padding:16px;text-align:center;width:200px}.code-input:focus{border-color:#3182ce;outline:none}.btn-verify{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-right:12px;padding:12px 32px}.btn-verify:disabled{cursor:not-allowed;opacity:.6}.btn-resend-code{background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;padding:12px 24px}.btn-resend-code:disabled{cursor:not-allowed;opacity:.5}.complete-step .verification-content h1{color:#2d3748;font-size:36px}.success-section{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;margin:24px 0;padding:20px}.success-section h2{color:#276749;margin-bottom:8px}.success-section p{color:#2f855a;margin:0}.next-steps-section{background:#ebf8ff;border:1px solid #90cdf4;border-radius:8px;margin:24px 0;padding:20px}.next-steps-section h3{color:#2b6cb0;margin-top:0}.next-steps-section p{color:#2c5282;margin:0}.complete-actions{margin-top:32px}.btn-continue{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:16px 64px;transition:background .2s}.btn-continue:hover{background:#2c5282}.error-message{background:#fed7d7;color:#c53030;margin-top:16px;padding:12px 16px}@media (max-width:600px){.verification-page{padding:20px 10px}.verification-content{padding:24px}.verification-content h1{font-size:24px}.verification-method-options{flex-direction:column}.method-btn{width:100%}.form-actions{flex-direction:column}.btn-cancel,.btn-primary{width:100%}.phone-input{max-width:100%}}.verification-sent-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.verification-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;max-width:600px;padding:50px;text-align:center}.success-icon{font-size:64px;margin-bottom:24px}.verification-card h1{color:#1f2937;font-size:32px;margin:0 0 16px}.main-message{color:#6b7280;font-size:16px;margin:0 0 12px}.instructions{color:#6b7280;font-size:15px;margin:0 0 32px}.info-box{background-color:#f9fafb;border-radius:8px;margin-bottom:32px;padding:24px;text-align:left}.info-box h3{color:#1f2937;font-size:18px;margin:0 0 16px}.info-box ol{margin:0;padding-left:20px}.info-box li{color:#4b5563;font-size:15px;padding:8px 0}.help-section{margin-bottom:24px}.help-section p{color:#6b7280;font-size:14px;margin:0 0 12px}.btn-back-home,.btn-resend{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-resend{background-color:#18a0a6;color:#fff}.btn-resend:hover{background-color:#136b6f}.btn-back-home{background-color:#fff;border:1px solid #d1d5db;color:#6b7280}.btn-back-home:hover{background-color:#f9fafb}.login-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:32px;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px}.form-group input{-webkit-text-fill-color:#333;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:15px;opacity:1;padding:12px 16px;transition:border-color .3s}.form-group input:focus{border-color:#218d8d;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.forgot-password-link{margin-top:-8px;text-align:right}.forgot-password-link a{color:#218d8d;font-size:14px;font-weight:500;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.back-to-login{margin-top:8px;text-align:center}.back-to-login a{color:#666;font-size:14px;text-decoration:none}.back-to-login a:hover{color:#218d8d;text-decoration:underline}.success-message{padding:20px 0;text-align:center}.success-message .success-icon{background:linear-gradient(135deg,#218d8d,#10b981);border-radius:50%;color:#fff;font-size:32px;height:60px;line-height:60px;margin:0 auto 20px;width:60px}.success-message p{color:#333;font-size:15px;line-height:1.6}.error-message{background-color:#fee;border-radius:6px;color:#c33;font-size:14px;padding:12px;text-align:center}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#218d8d,#10b981)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{border:2px solid #218d8d;color:#218d8d}.btn-secondary:hover:not(:disabled){background:#f8f9ff}.divider{color:#999;font-size:13px;font-weight:600;margin:10px 0;position:relative;text-align:center}.divider:after,.divider:before{background-color:#e0e0e0;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.btn-quick-test{background:#fff;border:2px solid #10b981;border-radius:8px;color:#10b981;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s}.btn-quick-test:hover:not(:disabled){background:#10b981;box-shadow:0 6px 20px #10b9814d;color:#fff;transform:translateY(-2px)}.btn-quick-test:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:20px;text-align:center}.login-footer p{color:#999;font-size:13px;margin:8px 0}.login-footer a{color:#218d8d;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-footer .note{color:#bbb;font-size:11px;font-style:italic}.demo-credentials{background-color:#f0f9ff;border:2px solid #0ea5e9;border-radius:8px;margin-top:16px;padding:16px}.demo-credentials .note{color:#0369a1;font-size:13px;font-style:normal;margin:4px 0}.demo-credentials .note strong{color:#0c4a6e;font-size:14px}.biometric-login-section{margin-bottom:20px}.btn-biometric{align-items:center;background:#fff;border:2px solid #218d8d;border-radius:8px;color:#218d8d;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s;width:100%}.btn-biometric:hover:not(:disabled){background:#218d8d;color:#fff}.btn-biometric:disabled{cursor:not-allowed;opacity:.6}.btn-biometric .biometric-icon{font-size:24px}.biometric-prompt{padding:20px 0;text-align:center}.biometric-prompt .biometric-icon{font-size:64px;margin-bottom:20px}.biometric-prompt p{color:#666;font-size:15px;line-height:1.5;margin-bottom:24px}.admin-onboarding{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;min-height:100vh}.onboarding-header{background:#fff;box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo,.onboarding-header{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:700;gap:4px}.logo-text{color:#1e293b}.logo-ai{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.progress-bar{background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;margin-left:2rem;max-width:400px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .3s ease}.steps-nav{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;padding:1.5rem 2rem}.step-indicator{align-items:center;display:flex;flex-direction:column;gap:.5rem;opacity:.5;transition:opacity .3s}.step-indicator.active,.step-indicator.completed{opacity:1}.step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;transition:all .3s;width:32px}.step-indicator.active .step-number{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.step-indicator.completed .step-number{background:#22c55e;color:#fff}.step-name{color:#64748b;font-size:.75rem;font-weight:500}.step-indicator.active .step-name{color:#10b981}.step-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:2rem}.step-panel{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:600px;padding:2.5rem;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:2rem;text-align:center}.step-header h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.step-header p{color:#64748b;font-size:1rem;margin:0}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 1rem}.error-banner .dismiss{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group input.input-disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1}.form-row .form-group.flex-2{flex:2 1}.form-row .form-group.flex-1{flex:1 1}.form-row .form-group.btn-col{align-items:flex-end;display:flex;flex:0 0 auto}.checkbox-group{margin-top:1.5rem}.checkbox-label{align-items:flex-start;color:#4b5563;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5}.checkbox-label input[type=checkbox]{flex-shrink:0;height:18px;margin-top:2px;width:18px}.checkbox-label a{color:#10b981;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary.btn-full{width:100%}.btn-primary.btn-large{font-size:1.125rem;padding:1rem 2rem}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 1.5rem;transition:background .2s,border-color .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-text{background:none;border:none;color:#10b981;cursor:pointer;font-size:.875rem;font-weight:500;padding:.875rem 1rem}.btn-text:hover{text-decoration:underline}.btn-add{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;white-space:nowrap}.btn-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem}.btn-remove:hover{color:#ef4444}.button-row{border-top:1px solid #e5e7eb;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.button-row,.plan-card{align-items:center;display:flex;gap:1rem}.plan-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;margin-bottom:2rem;padding:1.5rem}.plan-badge{background:#fff3;border-radius:20px;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.plan-details{display:flex;flex-direction:column}.plan-details .company-name{font-size:1.125rem;font-weight:600}.plan-details .plan-seats{font-size:.875rem;opacity:.9}.password-strength{margin-top:.5rem}.strength-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.strength-fill.strength-0,.strength-fill.strength-1{background:#ef4444}.strength-fill.strength-2{background:#f97316}.strength-fill.strength-3{background:#eab308}.strength-fill.strength-4,.strength-fill.strength-5{background:#22c55e}.strength-feedback{color:#6b7280;font-size:.75rem}.validation-error{color:#dc2626;font-size:.75rem;margin-top:.25rem}.logo-upload{border:2px dashed #d1d5db;border-radius:8px;padding:1.5rem;position:relative;text-align:center;transition:border-color .2s}.logo-upload:hover{border-color:#10b981}.upload-placeholder{color:#6b7280}.upload-placeholder input{cursor:pointer;inset:0;opacity:0;position:absolute}.logo-preview{align-items:center;display:flex;flex-direction:column;gap:.5rem}.logo-preview img{max-height:80px;max-width:120px;object-fit:contain}.logo-preview button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.875rem}.seats-info{align-items:baseline;background:#f3f4f6;border-radius:8px;display:inline-flex;gap:.25rem;margin-top:1rem;padding:.75rem 1rem}.seats-used{color:#10b981;font-size:1.5rem;font-weight:700}.seats-divider{color:#9ca3af}.seats-total{color:#4b5563;font-size:1rem;font-weight:600}.seats-label{color:#6b7280;font-size:.875rem;margin-left:.5rem}.invite-form,.team-list{margin-bottom:1.5rem}.team-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.team-member{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem}.team-member:last-child{border-bottom:none}.member-info{display:flex;flex-direction:column}.member-email{color:#1e293b;font-weight:500}.member-role{color:#6b7280;font-size:.75rem}.modules-step{max-width:800px}.base-package{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.base-package .package-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.base-package .package-badge{background:#10b981;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.base-package h3{color:#1e293b;flex:1 1;font-size:1.25rem;margin:0}.base-package .package-price{color:#10b981;font-size:1.5rem;font-weight:700}.base-package .package-price span{color:#6b7280;font-size:.875rem;font-weight:500}.base-package .package-features{display:flex;flex-wrap:wrap;gap:.5rem}.base-package .package-features span{background:#fff;border:1px solid #d1fae5;border-radius:6px;color:#374151;font-size:.8125rem;padding:.375rem .75rem}.modules-section{margin-bottom:2rem}.modules-section h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.modules-hint{color:#64748b;font-size:.875rem;margin:0 0 1rem}.modules-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;padding:2rem}.modules-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.module-card{align-items:flex-start;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;position:relative;transition:all .2s ease}.module-card:hover{background:#f0fdf4;border-color:#6ee7b7}.module-card.selected{background:#ecfdf5;border-color:#10b981}.module-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:24px;justify-content:center;transition:all .2s;width:24px}.module-card.selected .module-checkbox{background:#10b981;border-color:#10b981}.module-icon{flex-shrink:0;font-size:1.5rem}.module-info{flex:1 1;min-width:0}.module-info h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.module-info p{color:#64748b;font-size:.8125rem;line-height:1.4;margin:0 0 .5rem}.module-features{display:flex;flex-wrap:wrap;gap:.375rem}.feature-tag{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.6875rem;padding:.125rem .5rem;text-transform:capitalize}.module-price{color:#10b981;flex-shrink:0;font-size:1rem;font-weight:700;white-space:nowrap}.module-price span{color:#9ca3af;font-size:.75rem;font-weight:500}.pricing-summary{background:#f8fafc;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.pricing-summary .summary-row{color:#4b5563;display:flex;font-size:.9375rem;justify-content:space-between;padding:.5rem 0}.pricing-summary .summary-row.total{border-top:1px solid #e5e7eb;color:#1e293b;font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.summary-divider{border-top:1px dashed #e5e7eb;color:#9ca3af;font-size:.75rem;letter-spacing:.05em;margin-top:.5rem;padding:.75rem 0 .25rem;text-transform:uppercase}.summary-line.module-line{font-size:.8125rem;padding:.375rem 0}.payment-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 320px}.payment-step{max-width:900px}.payment-form .form-section{margin-bottom:1.5rem}.payment-form .form-section h3{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.card-element-container{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.875rem 1rem}.promo-input{display:flex;gap:.5rem}.promo-input input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem}.btn-pay{min-width:160px}.order-summary{background:#f8fafc;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px}.order-summary h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.summary-line{color:#4b5563;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.summary-line.faded{color:#9ca3af}.summary-total{border-top:1px solid #e5e7eb;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;margin-top:.5rem;padding:1rem 0 0}.secure-badge{color:#22c55e;font-size:.75rem;margin-top:1rem;text-align:center}.demo-mode{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.demo-mode p{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.btn-demo{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.complete-step{max-width:700px;text-align:center}.success-animation{margin-bottom:1.5rem}.checkmark{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:inline-flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.completion-summary{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin:2rem 0;padding:1.5rem}.summary-item{align-items:center;display:flex;font-size:.9375rem;gap:.75rem}.summary-icon{font-size:1.25rem}.summary-text{color:#4b5563}.whats-next{margin:2rem 0}.whats-next h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.next-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.next-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;padding:1.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.next-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-icon{font-size:1.5rem;margin-bottom:.5rem}.card-title{color:#1e293b;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.card-desc{color:#6b7280;font-size:.75rem;text-align:center}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#10b981;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#64748b;margin-top:1rem}.error-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#dc2626;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.error-container h2{color:#1e293b;margin-bottom:.5rem}.error-container p{color:#64748b;margin-bottom:1.5rem}@media (max-width:768px){.steps-nav{flex-wrap:wrap;gap:.5rem}.step-indicator{flex:0 0 auto}.step-name{display:none}.step-panel{padding:1.5rem}.form-row{flex-direction:column}.payment-layout{grid-template-columns:1fr}.order-summary{order:-1;position:static}.next-cards{grid-template-columns:1fr}.button-row{flex-wrap:wrap}.modules-grid{grid-template-columns:1fr}.module-card{flex-wrap:wrap}.module-price{margin-top:.5rem;text-align:right;width:100%}}
/*# sourceMappingURL=main.e3b940d2.css.map*/