:root{--font-xs:12px;--font-sm:14px;--font-base:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:32px;--font-4xl:48px;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2}.text-xs{font-size:12px;font-size:var(--font-xs)}.text-sm{font-size:14px;font-size:var(--font-sm)}.text-base{font-size:16px;font-size:var(--font-base)}.text-lg{font-size:18px;font-size:var(--font-lg)}.text-xl{font-size:20px;font-size:var(--font-xl)}.text-2xl{font-size:24px;font-size:var(--font-2xl)}.text-3xl{font-size:32px;font-size:var(--font-3xl)}.text-4xl{font-size:48px;font-size:var(--font-4xl)}.header-large{font-size:24px;font-size:var(--font-2xl)}.header-large,.header-medium{font-weight:400;letter-spacing:.025em;letter-spacing:var(--tracking-wide);text-transform:uppercase}.header-medium{font-size:20px;font-size:var(--font-xl)}.header-small{letter-spacing:.05em;letter-spacing:var(--tracking-wider);text-transform:uppercase}.content-large,.header-small{font-size:18px;font-size:var(--font-lg);font-weight:400}.content-large{line-height:1.625;line-height:var(--leading-relaxed)}.content-base{font-size:16px;font-size:var(--font-base)}.content-base,.content-small{font-weight:400;line-height:1.5;line-height:var(--leading-normal)}.content-small{font-size:14px;font-size:var(--font-sm)}.score-display{font-size:48px;font-size:var(--font-4xl);font-weight:400;letter-spacing:-.025em;letter-spacing:var(--tracking-tight)}.label{font-size:14px;font-size:var(--font-sm)}.button-text,.label{font-weight:400;letter-spacing:.025em;letter-spacing:var(--tracking-wide);text-transform:uppercase}.button-text{font-size:16px;font-size:var(--font-base)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-container{min-height:80vh}.loading-content{color:#6b7280;gap:12px}.loading-content p{color:#6b7280;font-size:15px;margin:0}:root{--primary-color:#c756ec;--secondary-color:#8834fd;--background-dark:#3a4149;--background-darker:linear-gradient(135deg,#171420,#33304f);--card-dark:#2a2a2a;--card-darker:#232323;--text-primary:#fff;--text-secondary:#ffffffb3;--border-color:#ffffff1a;--success-green:#22c55e;--error-red:#ef4444;--loading-gradient:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#f5f5f7}body,html{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3a4149;background-color:var(--background-dark);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;font-size:var(--font-base);font-weight:400;line-height:var(--leading-normal);text-rendering:optimizeLegibility}.app-layout{display:flex;min-height:100vh}.sidebar{background-color:#232323;background-color:var(--card-darker);display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;position:fixed;top:0;width:260px}.sidebar-content{padding:24px}.logo-container{padding:0 0 32px}.logo{filter:brightness(0) invert(1);height:32px;width:auto}.profile-section{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);display:flex;gap:12px;margin-bottom:24px;padding:16px 0}.avatar{background-color:#2a2a2a;background-color:var(--card-dark);border-radius:50%;height:40px;width:40px}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-item{align-items:center;border-radius:8px;color:#ffffffb3;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:#c756ec;background-color:var(--primary-color);color:#fff;color:var(--text-primary)}.sidebar-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);padding:24px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:#ffffffb3;color:var(--text-secondary);font-size:12px;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fff;color:var(--text-primary)}.main-content{background-color:#3a4149;background-color:var(--background-dark);margin-left:260px;min-height:100vh;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:80px}@media (max-width:768px){.main-content{background:#f5f5f7;margin-left:0}.main-content.sidebar-collapsed{margin-left:0}}.card-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:24px}.card{background-color:#2a2a2a;background-color:var(--card-dark);border-radius:16px;display:flex;flex-direction:column;height:240px;padding:24px}.card-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:24px}.compliance-score{background-color:#2a2a2a;background-color:var(--card-dark)}.report-card{background-color:#232323;background-color:var(--card-darker)}.summary-card{background-color:#2a2a2a;background-color:var(--card-dark)}.text-secondary{color:#ffffffb3;color:var(--text-secondary)}.mt-auto{margin-top:auto}.app-loading{align-items:center;background-color:#3a4149;background-color:var(--background-dark);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.auth-page .main-content{height:100vh;margin-left:0}.callback-page-wrapper{align-items:center;background-color:#3a4149;background-color:var(--background-dark);display:flex;justify-content:center;margin:0;min-height:100vh;padding:0;width:100vw}.auth-page,auth-wrapper{align-items:center;background-color:#3a4149;background-color:var(--background-dark);display:flex;justify-content:center;min-height:100vh;width:100%}.auth-page{margin:0;padding:0}.auth-page .main-content{align-items:center;display:flex;justify-content:center;margin:0;padding:0;width:100%}.video-sidebar{--sidebar-width:240px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fbfbfdf2;border-right:1px solid #0000000f;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;height:100vh;left:0;overflow:visible;position:fixed;top:0;transition:width .2s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid #0000000d;justify-content:space-between;padding:0 12px}.collapse-toggle,.sidebar-header{align-items:center;display:flex;flex-shrink:0}.collapse-toggle{background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;height:26px;justify-content:center;transition:all .15s ease;width:26px}.collapse-toggle:hover{background:#0000000a;color:#6b7280}.collapse-toggle svg{height:14px;width:14px}.brand{gap:10px}.brand,.brand-logo{align-items:center;display:flex}.brand-logo{flex-shrink:0;height:56px;justify-content:flex-start}.brand-logo img{height:100%;object-fit:contain}.brand-text{display:flex;flex-direction:column}.brand-name{color:#1d1d1f;font-size:15px;font-weight:600;letter-spacing:-.3px}.brand-subtitle{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:-.1px;margin-top:1px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;padding:12px}.nav-spacer{flex:1 1;min-height:8px}.video-sidebar .nav-item{align-items:center;border-radius:8px;color:#6b7280!important;display:flex;font-size:13px;font-weight:500;gap:10px;letter-spacing:-.1px;padding:10px 12px;position:relative;text-decoration:none;transition:all .15s ease}.nav-item:before{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .15s ease;width:3px}.video-sidebar .nav-item:hover{background:#00000008;color:#1d1d1f!important}.video-sidebar .nav-item.active{background:#8b5cf614;color:#8b5cf6!important;font-weight:600}.nav-item.active:before{height:20px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;opacity:.85;width:18px}.nav-icon svg{height:100%;width:100%}.nav-item.active .nav-icon,.video-sidebar .nav-item:hover .nav-icon{opacity:1}.nav-item.active .nav-icon svg{stroke:#8b5cf6}.nav-label{font-size:13px;letter-spacing:-.1px}.nav-badge{border-radius:4px;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.3px;margin-left:auto;padding:2px 5px;text-transform:uppercase}.nav-badge-dev{background:#ef44441a;color:#ef4444}.nav-badge-beta{background:#f59e0b1a;color:#f59e0b}.nav-badge-admin{background:#8b5cf61a;color:#8b5cf6}.nav-badge-research{background:#06b6d41a;color:#06b6d4}.tenant-selector-container{margin-bottom:8px;position:relative}.tenant-selector{align-items:center;background:#8b5cf60f;border:1px solid #8b5cf61f;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .15s ease}.tenant-selector:hover{background:#8b5cf61a;border-color:#8b5cf633}.tenant-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:8px;display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:28px;width:28px}.tenant-icon svg{color:#fff;height:14px;width:14px}.tenant-info{flex:1 1;min-width:0}.tenant-label{color:#9ca3af;font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.tenant-name{color:#1d1d1f;font-size:13px;font-weight:600;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-selector .dropdown-arrow{color:#9ca3af;flex-shrink:0;height:14px;transition:all .15s ease;width:14px}.tenant-selector:hover .dropdown-arrow{color:#8b5cf6}.tenant-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #00000014;border-radius:12px;bottom:100%;box-shadow:0 8px 32px #0000001f;left:0;margin-bottom:8px;max-height:200px;overflow-y:auto;padding:6px;position:absolute;right:0;z-index:1000}.tenant-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.tenant-menu-item:hover{background:#8b5cf614;color:#8b5cf6}.tenant-menu-item.active{background:#8b5cf61f;color:#8b5cf6;font-weight:600}.tenant-menu-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-menu-item .check-icon{color:#8b5cf6;flex-shrink:0;height:16px;width:16px}.sidebar-footer{border-top:1px solid #0000000d;flex-shrink:0;overflow:visible;padding:12px}.user-profile-container{overflow:visible;position:relative}.user-profile{align-items:center;background:#0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .15s ease}.user-profile:hover{background:#00000008}.user-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:32px;justify-content:center;min-width:32px;width:32px}.user-info{flex:1 1;min-width:0}.user-name{color:#1d1d1f;font-size:13px;font-weight:600;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#9ca3af;font-size:11px;letter-spacing:-.1px;margin-top:1px}.dropdown-arrow{color:#9ca3af;flex-shrink:0;height:14px;transition:all .15s ease;width:14px}.user-profile:hover .dropdown-arrow{color:#6b7280}.user-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #00000014;border-radius:12px;bottom:100%;box-shadow:0 8px 32px #0000001f;left:0;margin-bottom:8px;padding:6px;position:absolute;right:0;z-index:1000}.menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;letter-spacing:-.1px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.menu-item:hover{background:#8b5cf614;color:#8b5cf6}.menu-item svg{stroke:currentColor;height:16px;opacity:.8;width:16px}.menu-item:hover svg{opacity:1}.mobile-menu-toggle{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00000014;border-radius:12px;box-shadow:0 2px 12px #00000014;cursor:pointer;display:none;height:44px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px;z-index:101}.mobile-menu-toggle:hover{box-shadow:0 4px 16px #0000001f}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle svg{stroke:#1d1d1f;height:20px;width:20px}.sidebar-overlay{background:#0000;bottom:0;display:none;left:0;position:fixed;right:0;top:0;transition:background .3s ease;z-index:99}.sidebar-overlay.visible{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:block}@media (max-width:768px){.mobile-menu-toggle{display:flex}.video-sidebar,.video-sidebar.collapsed{--sidebar-width:260px!important;background:#fbfbfdfa;box-shadow:none;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px!important}.video-sidebar.open{box-shadow:4px 0 24px #0000001a;transform:translateX(0)}.sidebar-header{padding:16px 12px 12px}.brand-logo{height:48px}.sidebar-nav{padding:10px}.collapse-toggle{display:none!important}.video-sidebar .nav-item,.video-sidebar.collapsed .nav-item{color:#6b7280!important;font-size:14px;justify-content:flex-start!important;padding:12px 14px!important}.video-sidebar .nav-item.active{color:#8b5cf6!important}.video-sidebar .nav-label,.video-sidebar.collapsed .nav-label{color:inherit!important;display:block!important}.video-sidebar.collapsed .nav-badge{display:inline-flex!important}.video-sidebar.collapsed .brand{display:flex!important}.video-sidebar.collapsed .sidebar-nav{padding:10px!important}.video-sidebar.collapsed .dropdown-arrow,.video-sidebar.collapsed .user-info{display:block!important}.video-sidebar.collapsed .user-profile{justify-content:flex-start!important;padding:12px 10px!important}.video-sidebar.collapsed .user-avatar{margin-left:0!important}.video-sidebar.collapsed .tenant-info,.video-sidebar.collapsed .tenant-selector .dropdown-arrow{display:block!important}.video-sidebar.collapsed .tenant-selector{justify-content:flex-start!important;padding:10px!important}.nav-icon{height:20px;width:20px}.sidebar-footer{padding:12px}.user-profile{padding:12px 10px}.user-avatar{font-size:11px;height:36px;min-width:36px;width:36px}.user-name{font-size:14px}.user-menu{bottom:calc(100% + 8px);box-shadow:0 8px 32px #0000001f;left:0;margin-bottom:0;max-width:none;position:absolute;right:0;top:auto;transform:none;width:auto}.menu-item{font-size:14px;padding:12px 14px}}.video-sidebar.collapsed{--sidebar-width:64px;width:var(--sidebar-width)}.video-sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.video-sidebar.collapsed .brand{display:none}.video-sidebar.collapsed .brand-logo{height:44px}.video-sidebar.collapsed .collapse-toggle{margin:12px 0}.video-sidebar.collapsed .sidebar-nav{padding:8px}.video-sidebar.collapsed .nav-item{border-radius:10px;justify-content:center;padding:10px}.video-sidebar.collapsed .nav-badge,.video-sidebar.collapsed .nav-label{display:none}.video-sidebar.collapsed .nav-icon{height:20px;width:20px}.video-sidebar.collapsed .sidebar-footer{padding:8px}.video-sidebar.collapsed .user-profile{justify-content:center;padding:8px}.video-sidebar.collapsed .user-avatar{margin-left:0}.video-sidebar.collapsed .dropdown-arrow,.video-sidebar.collapsed .user-info{display:none}.video-sidebar.collapsed .user-menu{bottom:0;left:100%;margin-bottom:0;margin-left:8px;top:auto;width:180px}.video-sidebar.collapsed .tenant-selector-container{margin-bottom:8px}.video-sidebar.collapsed .tenant-selector{justify-content:center;padding:8px}.video-sidebar.collapsed .tenant-info,.video-sidebar.collapsed .tenant-selector .dropdown-arrow{display:none}.video-sidebar.collapsed .tenant-icon{margin-left:0}.video-sidebar.collapsed .tenant-menu{bottom:0;left:100%;margin-bottom:0;margin-left:8px;top:auto;width:180px}.menu-item.upgrade{color:#8b5cf6}.menu-item.upgrade:hover{background:#8b5cf614}.menu-item.upgrade svg{color:#8b5cf6;opacity:1}.upgrade-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.upgrade-modal{animation:modalSlideIn .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 24px 48px #00000026;max-width:380px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.upgrade-modal-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:16px 20px}.upgrade-modal-header h2{color:#1d1d1f;font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0}.upgrade-modal-header .modal-close{align-items:center;background:#0000000a;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.upgrade-modal-header .modal-close:hover{background:#00000014}.upgrade-modal-header .modal-close svg{color:#6b7280;height:14px;width:14px}.upgrade-modal-body{padding:20px}.upgrade-error,.upgrade-loading{color:#6b7280;font-size:13px;padding:20px;text-align:center}.upgrade-error{color:#ef4444}.current-plan-info{align-items:center;background:#8b5cf60f;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}.plan-label{color:#6b7280;font-size:12px;letter-spacing:-.1px}.plan-name{color:#8b5cf6;font-size:14px;font-weight:600;letter-spacing:-.1px;text-transform:capitalize}.usage-summary{background:#00000005;border-radius:10px;margin-bottom:16px;padding:12px 14px}.usage-row{color:#6b7280;display:flex;font-size:12px;justify-content:space-between;letter-spacing:-.1px;padding:6px 0}.usage-row:not(:last-child){border-bottom:1px solid #0000000a}.upgrade-options h3{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.upgrade-option-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:10px;color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:10px;padding:14px 20px;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.upgrade-option-btn:hover{box-shadow:0 4px 12px #8b5cf64d;color:#fff;text-decoration:none;transform:translateY(-1px)}.upgrade-option-btn:last-child{margin-bottom:0}.no-upgrades{color:#6b7280;padding:20px;text-align:center}.no-upgrades p{font-size:14px;margin:0}.impersonation-banner{align-items:center;background:#fbbf24;border-radius:8px;color:#1a1a1a;display:flex;font-size:12px;font-weight:500;justify-content:space-between;margin:0 8px 8px;padding:8px 12px}.impersonation-info{align-items:center;display:flex;gap:6px;min-width:0}.impersonation-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impersonation-exit{background:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 8px}.impersonation-exit:hover{background:#333}.video-sidebar.collapsed .impersonation-banner{justify-content:center;margin:0 4px 4px;padding:6px}.video-sidebar.collapsed .impersonation-exit,.video-sidebar.collapsed .impersonation-text{display:none}.video-layout{-webkit-font-smoothing:antialiased;background:#f5f5f7!important;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;min-height:100vh}.video-main-content{background:#f5f5f7;flex:1 1;margin-left:260px;max-width:calc(100vw - 260px);min-height:100vh;overflow-x:hidden;padding:0;transition:margin-left .2s ease}.video-main-content.sidebar-collapsed{margin-left:72px;max-width:calc(100vw - 72px)}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1600px;padding:16px 40px}.nav-left{flex:0 0 auto}.app-logo{align-items:baseline;display:flex;gap:8px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600}.app-name{color:#6b7280;font-size:16px;font-weight:500;margin-left:4px}.nav-center{background:#00000005;border-radius:12px;display:flex;gap:8px;padding:4px}.nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-btn:hover{background:#8b5cf60d;color:#1d1d1f}.nav-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#8b5cf6}.nav-icon{filter:grayscale(.3);font-size:18px}.nav-btn.active .nav-icon{filter:none}.nav-right{gap:12px}.demo-indicator,.nav-right{align-items:center;display:flex}.demo-indicator{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:20px;color:#8b5cf6;font-size:13px;font-weight:500;gap:8px;padding:6px 12px}.demo-dot{animation:pulse 2s ease-in-out infinite;background:#8b5cf6;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.demo-toggle-btn{background:#fff;border:1.5px solid #6b728033;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.demo-toggle-btn:hover{background:#8b5cf605;border-color:#8b5cf6;color:#8b5cf6}.book-call-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:10px;box-shadow:0 4px 12px #8b5cf640;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:all .2s ease}.book-call-btn:hover{box-shadow:0 6px 16px #8b5cf659;transform:translateY(-1px)}.video-content{margin:0 auto;max-width:1600px;padding:0}@media (max-width:1024px){.nav-container{padding:16px 24px}.app-name{display:none}}@media (max-width:768px){.video-main-content{margin-left:0;max-width:100vw;padding:72px 16px 24px}.video-content{padding:0}.nav-container{flex-wrap:wrap;gap:16px;padding:12px 16px}.nav-center{justify-content:space-around;order:3;width:100%}.nav-btn{flex:1 1;padding:8px}.demo-toggle-btn,.nav-label{display:none}}@media (max-width:480px){.video-main-content{padding-left:12px;padding-right:12px}}.loading-container,.transition-container{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.loading-container{min-height:calc(100vh - 140px)}.loading-content{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.spinner{height:48px;width:48px}.spinner-sq{fill:none;stroke-dasharray:28 95}.spinner-sq-1{stroke:#8b5cf6;animation:sq-draw-cw 1.8s cubic-bezier(.4,0,.2,1) infinite}.spinner-sq-2{stroke:#a78bfa;animation:sq-draw-ccw 1.8s cubic-bezier(.4,0,.2,1) infinite}.spinner-play{fill:#8b5cf6;animation:play-pulse 1.8s ease-in-out infinite;transform-origin:28px 28px}@keyframes sq-draw-cw{0%{stroke-dashoffset:0}to{stroke-dashoffset:-123}}@keyframes sq-draw-ccw{0%{stroke-dashoffset:0}to{stroke-dashoffset:123}}@keyframes play-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:.9;transform:scale(1)}}body.video-mode{background:#fafafa!important;color:#1d1d1f!important}.video-mode *{background-color:initial;color:#000;color:initial}.video-app{background:#fafafa;color:#1d1d1f;min-height:100vh}.video-app .app,.video-app .main-content,.video-app .sidebar{background:#0000!important}body.video-mode .sidebar:not(.video-sidebar){display:none!important}body.video-mode .main-content{margin-left:0!important;padding:0!important}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.dadaa934.css.map*/