*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fff,#f6eeff,#fbf7ff 40%,#a078e5a7,#975df6b7);background-attachment:fixed}#root{width:100%;height:100vh}.swal2-popup{background:#723ec3;border-radius:20px!important;box-shadow:0 25px 50px #00000040!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;width:50%!important;max-width:500px!important}.swal2-icon.swal2-warning{border-color:#ffc107cc!important;color:#ffc107e6!important}.swal2-icon.swal2-warning .swal2-icon-content{color:#ffc107e6!important}.swal2-cancel{border:none!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;font-size:16px!important;transition:all .2s ease!important;color:#fff!important}.swal2-cancel:hover{transform:translateY(-1px)!important}.swal2-title{color:#fff!important;font-weight:700!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;font-size:1.2rem!important}.swal2-html-container{color:#fffffff2!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;font-size:1rem!important}.swal2-confirm{background:#dc2626e6!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;font-size:16px!important;box-shadow:0 4px 12px #dc262666!important;transition:all .2s ease!important}.swal2-confirm:hover{background:#b91c1cf2!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #dc262680!important}.swal2-backdrop{background:#0009!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.swal2-icon.swal2-success{border-color:#22c55ecc!important;color:#22c55ee6!important}.swal2-icon.swal2-success .swal2-success-ring{border-color:#22c55e4d!important}.custom-online-confirm-btn{background:#10b981!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;font-size:16px!important;box-shadow:0 4px 12px #10b98166!important;transition:all .2s ease!important}.custom-online-confirm-btn:hover{background:#059669!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #10b98180!important}.full-screen-loading-overlay{position:absolute;inset:0;background:#c7bbdf73;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:16px;min-height:100vh;min-width:100vw}.full-screen-loader{text-align:center;color:#000}.full-screen-loader-spinner{width:40px;height:40px;border:4px solid rgba(139,92,246,.2);border-top:4px solid #7a41ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.full-screen-loader p{font-size:14px;font-weight:500;margin:0}.custom-select-wrapper .custom-select{width:100%;padding:10px 35px 10px 10px;font-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ccc;color:#333;cursor:pointer}.custom-select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#555}.swal-custom-cancel{color:#000!important;background:#fff;padding:4px}.dashboard-split{display:flex;height:100vh}.left-container{width:50%;display:flex;flex-direction:column;padding:10px;position:relative;z-index:3}.tab-navigation2{display:flex;width:100%;background:#cab5ed;border-radius:12px;padding:6px}.tab-navigation2 i{margin-right:8px}.tab-btnDashboard{flex:1;padding:8px 18px;font-size:13px;font-weight:500;color:#000000a8;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.tab-btnDashboard.active{background:#724cb0;color:#fff;font-weight:600}.list-container{flex:1;overflow-y:auto;padding:20px;max-height:calc(100vh - 160px);scrollbar-width:thin;scrollbar-color:rgb(114 76 176) transparent}.list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:10px;background:#ffffff1a;border:1px solid rgb(109 109 109 / 10%);border-radius:12px;margin-bottom:12px;position:relative;transition:all .3s ease}.list-item:hover{background:#ffffff26;border-color:#a7a7a733}.list-item.selected{background:#724cb0;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);z-index:99}.list-item.selected .item-info h4{color:#fff}.item-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.item-info{flex:1}.item-info h4{color:#000;font-size:15px;font-weight:600;padding:3px 0}.item-info .persona-system-prompt{color:#1d1c1c;font-size:13px;font-weight:500;padding:0;opacity:.7;max-width:70%}.item-info .persona-idDashboard{color:#000;font-weight:500;padding:3px 8px;border-radius:6px;background-color:#cfb3ff;width:190px;font-size:11px;margin:0}.item-info .status{display:inline-block;margin-top:10px;font-size:12px;padding:3px 8px;border-radius:6px;background:#8b5cf633;color:#fff;text-transform:capitalize}.actions-right{position:absolute;top:12px;right:16px}.btn-copy-link-Dashboard{background:#cfb3ff;border:1px solid rgba(255,255,255,.155);border-radius:8px;padding:8px 10px;color:#0015ffcc;cursor:pointer;transition:all .3s ease;font-size:10px}.btn-copy-link-Dashboard:hover{background:#a7b0ff88;color:#0015ffcc;transform:translateY(-1px)}.btn-start-Dashboard{background:#591bbc;color:#fff;font-size:13px;font-weight:600;padding:12px;border-radius:6px;border:none;cursor:pointer;transition:.3s}.btn-start-Dashboard:hover{background:#5f1ec8}.actions-bottom{position:absolute;bottom:12px;right:10px;display:flex;gap:8px}.btn-edit-Dashboard,.btn-delete-Dashboard{font-size:13px;padding:5px 10px;border-radius:6px;border:none;cursor:pointer}.btn-delete-Dashboard:disabled{opacity:.5;cursor:not-allowed}.btn-edit-Dashboard{background:#cfb3ff;color:#4f46e5}.btn-edit-Dashboard:hover{background:#d3ddfe;color:#4f46e5;opacity:1;transform:scale(1.1)}.btn-edit-Dashboard:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.btn-edit-Dashboard:disabled:hover{background:none;transform:none;opacity:.5}.btn-delete-Dashboard{background:#cfb3ff;color:#dc2626}.btn-delete-Dashboard:hover{background:#ff84847d;color:#dc2626;opacity:1;transform:scale(1.1)}.right-container{width:50%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff transparent}.empty-state{text-align:center;padding:40px 20px;color:#3d3d3db3}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.top-banner{background:#1f2937f2;color:#fff;text-align:center;padding:12px 24px;font-size:14px;width:fit-content;border-radius:25px;position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1)}.top-banner strong{color:#a78bfa;font-weight:600}.main-content2{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:60px 20px 80px;text-align:center;position:relative;z-index:2;margin-left:300px}.main-title{font-size:4rem;font-weight:700;color:#fff;margin-bottom:30px;text-shadow:2px 2px 4px rgb(0 0 0)}.start-conversation-btn{background:#8b5cf6f2;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf666;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px}.start-conversation-btn:hover{background:#7c3aedf2;transform:translateY(-2px)}.start-conversation-btn i{font-size:18px;animation:iconGlow 2s ease-in-out infinite alternate}.start-conversation-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes iconGlow{0%{text-shadow:none}to{text-shadow:0 0 10px rgba(236,236,236,.6),0 0 20px rgba(255,255,255,.3)}}.persona-tabs{display:flex;gap:10px;margin-bottom:40px;justify-content:center}.tab{background:#ffffffe6;color:#6b46c1;border:1px solid rgba(139,92,246,.3);padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab.active{background:#8b5cf6f2;color:#fff;border-color:#8b5cf6}.personas-section{position:relative;z-index:2;width:350px;height:100vh;display:flex;flex-direction:column;padding:0 20px 20px;align-items:center}.personas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.personas-nav{display:flex;flex-direction:column;gap:10px}.nav-arrow{background:#ffffffe6;border:1px solid rgba(139,92,246,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#6b46c1;margin:15px 0;flex-shrink:0}.nav-arrow:hover{background:#fff;border-color:#8b5cf6;transform:scale(1.05)}.nav-arrow i{font-size:14px}.nav-arrow:disabled{opacity:.5;cursor:not-allowed}.personas-container{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;width:100%;display:flex;align-items:flex-start;height:400px;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.5) transparent}.personas-container::-webkit-scrollbar{width:6px}.personas-container::-webkit-scrollbar-track{background:transparent}.personas-container::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:3px}.personas-container::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.personas-list,.replicas-list{display:flex;flex-direction:column;width:100%;transition:transform .3s ease}.persona-card{background:#fffffff2;border:1px solid rgba(139,92,246,.3);border-radius:15px;padding:20px;color:#374151;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;width:100%;box-shadow:0 4px 12px #8b5cf633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;overflow:hidden}.persona-card.selected{background:#fff;z-index:10;border:2px solid #8b5cf6;box-shadow:0 8px 25px #8b5cf666}.persona-card:hover{box-shadow:0 8px 25px #8b5cf64d;border-color:#8b5cf6}.persona-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:15px;border:2px solid rgba(139,92,246,.2)}.humee-name{font-size:18px;font-weight:700;margin-bottom:10px;color:#1f2937}.persona-description{font-size:14px;color:#6b7280;margin-bottom:15px;line-height:1.4}.persona-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#8b5cf61a;color:#6b46c1;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid rgba(139,92,246,.2)}.persona-switch{display:flex;background:#ffffffe6;border-radius:25px;padding:4px;margin-top:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2)}.switch-btn{background:transparent;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease}.switch-btn.active{background:#8b5cf6f2;color:#fff;box-shadow:0 2px 4px #8b5cf64d}.switch-btn:hover:not(.active){color:#6b46c1}.try-persona-builder{background:#fffffff2;color:#6b46c1;border:1px solid rgba(139,92,246,.3);padding:10px 20px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:20px;flex-shrink:0;display:flex;align-items:center;gap:8px}.try-persona-builder:hover{background:#fff;border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf633}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loader{width:50px;height:50px;border:5px solid rgba(139,92,246,.3);border-top:5px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.create-persona-card{background:transparent;border:2px dashed rgba(139,92,246,.4);border-radius:15px;padding:40px 20px;color:#8b5cf6;cursor:pointer;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .2s ease;min-height:200px}.create-persona-card:hover{border-color:#8b5cf6;background:transparent;box-shadow:0 8px 25px #8b5cf633}.create-persona-card i{font-size:38px;margin-bottom:16px;opacity:.8}.create-persona-btn2{background:none;border:none;color:#fffffff2;font-weight:500;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:8px}.create-persona-btn2:hover{color:#fffffff2}.dashboard-status{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:10px;padding:4px 10px;border-radius:6px;font-weight:500;text-transform:capitalize}.dashboard-status-completed,.status-badge-completed{background:#10b981e3;color:#fff}.dashboard-status-in-progress{background:#fea103eb;color:#fff}.dashboard-status-failed{background:#ef4444dc;color:#fff}.dashboard-status-tooltip-wrapper{position:relative;display:inline-block}.dashboard-status-icon{font-size:12px;cursor:help}.dashboard-status-tooltip-wrapper.first-item .dashboard-status-tooltip{top:100%;bottom:auto;margin-top:8px;margin-bottom:0}.dashboard-status-tooltip-wrapper.first-item .dashboard-status-tooltip:after{top:auto;bottom:100%;border-top:none;border-bottom:6px solid #8362ba}.dashboard-status-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-85%);margin-bottom:8px;background:#8362ba;border:1px solid #8362ba;border-radius:8px;padding:8px 12px;width:200px;box-shadow:0 4px 12px #0000001a;font-size:11px;color:#fff;z-index:1000;transition:opacity .2s ease,visibility .2s ease}.dashboard-status-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(570%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #8362ba}.dashboard-status-tooltip-wrapper:hover .dashboard-status-tooltip{visibility:visible;opacity:1}.persona-video-container{position:relative;width:80px;height:80px;border-radius:20%;overflow:hidden}.dashboard-video-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;z-index:5;border-radius:50%}.dashboard-video-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #8c23ff;border-radius:50%;animation:dashboardSpin 1s linear infinite}@keyframes dashboardSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.persona-avatar-small-dashboard{width:100%;height:100%;object-fit:cover}.loading-more{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#ffffffb3;font-size:14px}.loading-spinner-list{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #8c23ff;border-radius:50%;animation:spin 1s linear infinite}.list-loader{display:flex;justify-content:center;align-items:center;padding:40px 20px;width:100%}.dashboard-list-spinner{position:relative;width:54px;height:54px;border-radius:10px}.dashboard-list-spinner div{width:8%;height:24%;background:#fffc;position:absolute;left:50%;top:30%;opacity:0;border-radius:50px;box-shadow:0 0 3px #0003;animation:dashboardFade 1s linear infinite}@keyframes dashboardFade{0%{opacity:1}to{opacity:.25}}.dashboard-list-spinner .bar1{transform:rotate(0) translateY(-130%);animation-delay:0s}.dashboard-list-spinner .bar2{transform:rotate(30deg) translateY(-130%);animation-delay:-1.1s}.dashboard-list-spinner .bar3{transform:rotate(60deg) translateY(-130%);animation-delay:-1s}.dashboard-list-spinner .bar4{transform:rotate(90deg) translateY(-130%);animation-delay:-.9s}.dashboard-list-spinner .bar5{transform:rotate(120deg) translateY(-130%);animation-delay:-.8s}.dashboard-list-spinner .bar6{transform:rotate(150deg) translateY(-130%);animation-delay:-.7s}.dashboard-list-spinner .bar7{transform:rotate(180deg) translateY(-130%);animation-delay:-.6s}.dashboard-list-spinner .bar8{transform:rotate(210deg) translateY(-130%);animation-delay:-.5s}.dashboard-list-spinner .bar9{transform:rotate(240deg) translateY(-130%);animation-delay:-.4s}.dashboard-list-spinner .bar10{transform:rotate(270deg) translateY(-130%);animation-delay:-.3s}.dashboard-list-spinner .bar11{transform:rotate(300deg) translateY(-130%);animation-delay:-.2s}.dashboard-list-spinner .bar12{transform:rotate(330deg) translateY(-130%);animation-delay:-.1s}.popup-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-box{background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#a88cd7,#9667df);padding:24px;border-radius:12px;min-height:400px;max-width:60%;color:#333;position:relative}.popup-close{position:absolute;top:33px;right:30px;background:transparent;border:none;color:#000;font-size:18px;cursor:pointer}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.popup-subtitle{font-size:16px;color:#000;font-weight:600}.popup-subtitle .highlight{color:#22c55e;font-weight:600}.btn-copy{background:#007bff;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.btn-copy:hover{background:#0056b3}.code-box-wrapper{position:relative;max-width:700px}.btn-copy-floating{position:absolute;top:10px;right:20px;background:#492c7a;color:#fff;border:none;padding:6px 10px;border-radius:6px;font-size:14px;cursor:pointer;z-index:2;transition:.2s}.btn-copy-floating:hover{background:#341c5d}.copy-tooltip{position:absolute;top:10px;right:60px;background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;animation:fadeInOut 2s forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-5px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-5px)}}.code-box{background:#8362ba;border-radius:8px;padding:16px;font-size:16px;overflow-x:auto;color:#fff;max-height:500px;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:rgba(222,222,222,.7) transparent}.skeleton-loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 20px;width:100%;gap:10px}.skeleton-loader{position:relative;width:100%;height:120px;margin-bottom:10px;padding:15px;background-color:#724cb03d;overflow:hidden;border-radius:12px}.skeleton-loader:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(110deg,#e3e3e300 0% 40%,#e3e3e380 50%,#e3e3e300 60% 100%);animation:gradient-animation_2 1.2s linear infinite}.skeleton-loader .wrapper{width:100%;height:100%;position:relative}.skeleton-loader .wrapper>div{background-color:#876ab680}.skeleton-loader .circle{width:50px;height:50px;border-radius:50%}.skeleton-loader .line-1{position:absolute;top:11px;left:58px;height:10px;width:100px}.skeleton-loader .line-2{position:absolute;top:34px;left:58px;height:10px;width:150px}.skeleton-loader .line-3{position:absolute;top:57px;left:0;height:10px;width:100%}.skeleton-loader .line-4{position:absolute;top:80px;left:0;height:10px;width:92%}@keyframes gradient-animation_2{0%{transform:translate(-100%)}to{transform:translate(100%)}}.edit-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-loader-center{position:relative;width:50px;height:50px}.edit-loader-center .loader-large{position:absolute;inset:0;margin:auto;width:100%;height:100%;background-color:#d4adfc;border-radius:10px;animation:loading 2s infinite}.edit-loader-center .loader-small{position:absolute;width:50%;height:50%;inset:0;margin:auto;background-color:#5c469c;z-index:2;border-radius:6px;animation:loading 2s infinite reverse}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotateY(180deg)}to{transform:rotateX(180deg)}}.tooltip-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-weight:600;color:#fff;font-size:12px}.tooltip-header i{font-size:12px}.tooltip-progress-list{margin:0;padding-left:16px;list-style-type:disc}.tooltip-progress-list li{margin-bottom:4px;font-size:11px;line-height:1.4;color:#fff}.tooltip-progress-list li:last-child{margin-bottom:0}.popup-tabs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px;margin:0 auto 10px 0;background:#cab5ed;border-radius:12px;padding:6px;width:fit-content}.popup-tab{background:transparent;border:none;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#64748b;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.popup-tab.active{background:#724cb0;color:#fff;box-shadow:0 2px 4px #0000001a;font-weight:600}.popup-tab:hover:not(.active){color:#374151;background:#ffffff80}.link-tab-content{padding:0 20px}.link-section{margin-bottom:30px;margin-top:20px}.link-section label{display:block;font-weight:600;color:#374151;margin-bottom:12px;font-size:14px}.link-box-wrapper{position:relative}.link-box{background:#8362ba;border:1px solid #e2e8f0cc;border-radius:8px;padding:12px 65px 12px 16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#fff;word-break:break-all}.qr-section label{display:block;font-weight:600;color:#374151;margin-bottom:12px;font-size:14px}.qr-code-container{display:flex;justify-content:center;border-radius:8px}.qr-code-image{width:200px;height:200px;border-radius:8px}.qr-code-wrapper{position:relative;display:inline-block}.qr-logo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#e6dfdfdb;border-radius:4px;padding:4px}.qr-logo{width:90px;height:25px;object-fit:contain}.under-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b}.under-construction i{font-size:48px;color:#f59e0b;margin-bottom:20px}.under-construction h3{font-size:24px;font-weight:600;color:#374151;margin-bottom:12px}.under-construction p{font-size:16px;color:#ffffffbf;max-width:300px;line-height:1.5}.replica-association-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.replica-association-modal{background:#724cb0;border-radius:16px;padding:0;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.replica-association-modal-header{padding:32px 32px 0;text-align:center}.replica-association-icon{width:64px;height:64px;background:linear-gradient(135deg,#fef3c7,#fbbf24);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.replica-association-icon i{font-size:28px;color:#d97706}.replica-association-modal-title{font-size:24px;font-weight:600;color:#fff;margin:0}.replica-association-modal-body{padding:24px 32px}.replica-association-modal-message{font-size:16px;line-height:1.6;color:#d7d7d7;text-align:center;margin:0}.replica-association-modal-actions{padding:24px 32px 32px;display:flex;gap:12px;justify-content:center}.replica-association-cancel-btn,.replica-association-confirm-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.replica-association-cancel-btn{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.replica-association-cancel-btn:hover{background:#f1f5f9;color:#475569}.replica-association-confirm-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.replica-association-confirm-btn:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);transform:translateY(-1px)}.error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff000012;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.error-overlay i{font-size:24px;color:#dc2626}.floating-search-btn{position:absolute;top:7.5%;right:25px;width:36px;height:36px;background:#8b5cf6e6;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #8b5cf64d;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-search-btn:hover{background:#7c3aedf2;transform:scale(1.1);box-shadow:0 6px 20px #8b5cf666}.search-overlay{position:absolute;top:7%;right:65px;width:290px;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,92,246,.2);z-index:200;animation:slideDown .3s ease-out}.search-overlay-input-wrapper:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.search-overlay-input-wrapper i.fa-search{color:#8b5cf6;margin-right:12px;font-size:14px}.search-overlay-input-wrapper input{border:none;outline:none;flex:1;font-size:14px;color:#374151;background:transparent;font-weight:500;max-width:93%}.search-overlay-input-wrapper input::placeholder{color:#9ca3af;font-style:italic;font-size:13px}.search-overlay .clear-search-icon-dashboard{color:#9ca3af;cursor:pointer;padding:0;right:15px;position:absolute;border-radius:50%;transition:all .2s;font-size:12px}.search-overlay .clear-search-icon-dashboard:hover{color:#6b7280}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.floating-search-btn{width:44px;height:44px;font-size:16px}.search-overlay{width:280px}.search-overlay-content{padding:12px 16px}.search-overlay-input-wrapper{height:40px;width:240px;padding:0 12px}}.direct-link{color:#fff;text-decoration:none;cursor:pointer;transition:all .2s ease;border-bottom:1px solid transparent;word-break:break-all}.direct-link:hover{color:#fff;border-bottom:1px solid #1d4ed8;text-decoration:none}.qr-logo-overlay-small{position:absolute;bottom:8px;right:8px;background:#ffffffe6;border-radius:4px;padding:2px 4px;box-shadow:0 2px 4px #0000001a}.qr-logo-small{width:45px;height:20px;object-fit:contain}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;border:1px dashed #ccc;border-radius:8px;color:#666}.qr-loading .loading-spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.qr-with-logo-container{position:relative;display:inline-block;padding:10px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.qr-logo-overlay-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border-radius:8px;padding:8px;box-shadow:0 2px 8px #00000026;border:2px solid #ffffff}.qr-center-logo{width:40px;height:40px;object-fit:contain;display:block}.qr-scan-info{margin-top:7px;text-align:center}.scan-instruction{display:flex;align-items:center;justify-content:flex-start;gap:8px;background:#000;color:#fff;padding:4px;width:95%;border:1px solid black;border-radius:28px;font-size:21px;margin:0 4px}.scan-instruction i{font-size:28px;color:#000;padding:4px 8px;border-radius:50%;background:#fff}.scan-logo{width:64px;height:24px;object-fit:contain;margin-left:4px}.btn-copy-link-Dashboard:disabled{opacity:.5;cursor:not-allowed;background:#e5e7eb;color:#9ca3af;transform:none}.btn-copy-link-Dashboard:disabled:hover{background:#e5e7eb;color:#9ca3af;transform:none;box-shadow:none}.btn-copy-link-Dashboard:disabled i{color:#9ca3af}.qr-canvas-wrapper{position:relative;display:inline-block}.qr-canvas{display:block;border-radius:8px}.custom-qr-canvas{display:block;width:100%;height:auto;border:8px solid black;max-width:220px;border-radius:8px;cursor:pointer}.persona-create{min-height:90vh;background:transparent;padding:0 20px 20px;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(222,222,222,.7) transparent}.persona-create::-webkit-scrollbar{width:8px}.persona-create::-webkit-scrollbar-track{background:transparent}.persona-create::-webkit-scrollbar-thumb{background:#e2e2e2b3;border-radius:4px}.persona-create::-webkit-scrollbar-thumb:hover{background:#d5d5d5e6}.persona-create-header{position:sticky;top:0;background:#f9fafb;padding:15px 0;border-bottom:1px solid #e5e7eb;z-index:100;margin-bottom:20px}.persona-create-header h1{font-size:22px;font-weight:600;color:#1f2937;margin:0}.persona-create-container{display:flex;gap:40px;width:100%;margin:0;padding:20px}.left-panel,.right-panel{flex:1;background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section h3{font-size:13px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px}.layer-main-header{font-size:14px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px}.replica-section,.persona-role-section,.persona-name-section,.system-prompt-section,.persona-context-section{margin-bottom:5px}.replica-section h4,.persona-role-section h4,.persona-name-section h4,.system-prompt-section h4,.persona-context-section h4{font-size:13px;font-weight:500;margin-bottom:8px;color:#fff;display:flex;align-items:center;gap:6px}.system-prompt-section h4 .info-tooltip,.persona-context-section h4 .info-tooltip{flex-shrink:0;display:flex;align-items:center}.PersonaCreate-replica-selector{border:1px solid #d1d5db;background-color:#ffffff1f;border-radius:8px;padding:10px;cursor:pointer!important}.PersonaCreate-replica-selector:hover{box-shadow:0 0 0 3px #8b5cf61a}.replica-item{display:flex;color:#fff;align-items:center;gap:8px}.replica-avatar{width:32px;height:32px;border-radius:25%;object-fit:cover;flex-shrink:0}.default-text{color:#fff;padding-left:10px;font-size:14px}.persona-input,.system-prompt-textarea,.persona-context-textarea{width:100%;border:1px solid #d1d5db;background:#ffffff1f;color:#fff;border-radius:8px;padding:12px;font-size:14px;resize:vertical;max-height:200px}.persona-input:focus,.system-prompt-textarea:focus,.persona-context-textarea:focus{outline:none;border:2px solid #ffffff;box-shadow:0 0 0 3px #8b5cf61a}.persona-input::placeholder,.system-prompt-textarea::placeholder,.persona-context-textarea::placeholder{color:#ffffffb5}.system-prompt-header{display:flex;align-items:center;justify-content:space-between}.system-prompt-input-wrapper{position:relative}.sp-header-actions{display:flex;align-items:center;gap:6px}.sp-expand-btn{background:#8362ba;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;transition:all .2s ease;line-height:0;flex-shrink:0}.sp-expand-btn:hover{background:#9f78dd;transform:scale(1.08)}.sp-modal-overlay{position:fixed;inset:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-modal{background:#724cb0;border:none;border-radius:16px;box-shadow:0 25px 50px #00000040;width:90vw;max-width:1000px;max-height:80vh;display:flex;flex-direction:column;gap:0;padding:0;box-sizing:border-box;overflow:hidden;animation:knowledgeBaseModalSlideIn .3s ease-out}.sp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 20px;border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0}.sp-modal-header .sp-popup-label{font-size:18px;font-weight:700;color:#fff;text-transform:none;letter-spacing:normal;margin:0}.sp-modal-close{background:#8362ba;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;line-height:0;flex-shrink:0;padding:0;transition:all .2s ease}.sp-modal-close:hover{background:#9f78dd;color:#fff;transform:scale(1.05)}.sp-modal-textarea{width:calc(100% - 64px);min-height:340px;max-height:55vh;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:13px;line-height:1.65;padding:12px;resize:vertical;box-sizing:border-box;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;outline:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;margin:24px 32px 0;transition:border-color .2s}.sp-modal-textarea:focus{border-color:#a855f7}.sp-modal-textarea::placeholder{color:#a78bda}.sp-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 32px 24px}.sp-modal-charcount{font-size:11px;color:#ffffff8c}.sp-modal-done{background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 22px;transition:background .2s ease,transform .15s}.sp-modal-done:hover{background:#ffffff47;transform:scale(1.03)}@media (max-width: 600px){.sp-modal{max-width:100%;border-radius:12px}.sp-modal-header{padding:18px 20px 16px}.sp-modal-textarea{margin:16px 20px 0;width:calc(100% - 40px);min-height:160px;max-height:45vh}.sp-modal-footer{padding:12px 20px 18px}}.sp-popup{position:absolute;z-index:9999;background:#2d1f4e;border:1px solid rgba(139,92,246,.4);border-radius:10px;box-shadow:0 8px 32px #00000073;padding:12px 14px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.4) transparent;animation:spPopupIn .15s ease;pointer-events:auto;box-sizing:border-box}.sp-popup::-webkit-scrollbar{width:5px}.sp-popup::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:3px}@keyframes spPopupIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sp-popup-label{font-size:11px;font-weight:600;color:#8b5cf6e6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.sp-popup-body{font-size:13px;line-height:1.65;color:#ffffffe0;white-space:pre-wrap;word-break:break-word;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}@media (max-width: 600px){.sp-popup{left:0!important;width:calc(100vw - 32px)!important;max-height:200px}}.ai-generate-icon{color:#fff;cursor:pointer;transition:color .2s ease}.ai-generate-icon:hover{color:#fff}.ai-generator-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.ai-generator-modal-overlay{background:#1207288a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-generator-modal{width:min(92vw,430px);background:linear-gradient(180deg,#936fca,#8a67c4);border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:0 28px 70px #1207285c;overflow:hidden}.ai-generator-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 22px 12px}.ai-generator-modal-header h2{margin:0;font-size:18px;font-weight:700;line-height:1.25;color:#fff}.ai-generator-modal-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:#ffffffd1;font-size:22px;line-height:1;cursor:pointer;border-radius:999px;transition:background-color .2s ease,color .2s ease}.ai-generator-modal-close:hover{background:#ffffff14;color:#fff}.ai-generator-modal-body{padding:0 22px 20px}.ai-generator-fields{display:flex;flex-direction:column;gap:16px}.ai-generator-field{display:flex;flex-direction:column;gap:8px}.ai-generator-label{font-size:13px;font-weight:600;color:#fff}.ai-generator-label .required{color:#ff5a78;font-size:inherit}.ai-generator-input{width:100%;height:48px;border:1px solid rgba(255,255,255,.34);border-radius:10px;padding:0 14px;font-size:14px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:#fdfdfd;outline:none;background:#e6d4ff47;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.ai-generator-input::placeholder{color:#fff9}.ai-generator-input:focus{border-color:#ffffffb8;box-shadow:0 0 0 3px #ffffff1f;background:#e6d4ff57}.ai-generator-input:disabled{opacity:.6;cursor:not-allowed;background:#e6d4ff38}.ai-generator-role-wrapper{position:relative}.ai-generator-dropdown{position:absolute;top:100%;left:0;right:0;background:#7a56b7;border:1px solid rgba(255,255,255,.18);border-radius:8px;max-height:180px;overflow-y:auto;z-index:10;margin-top:6px;box-shadow:0 14px 30px #12072838}.ai-generator-dropdown-option{padding:10px 12px;color:#fff;font-size:13px;cursor:pointer;transition:background .15s ease}.ai-generator-dropdown-option:hover{background:#ffffff26}.ai-generator-dropdown-loader,.ai-generator-dropdown-empty{padding:10px 12px;color:#ffffff80;font-size:13px;text-align:center}.ai-generator-textarea{width:100%;min-height:122px;border:1px solid rgba(255,255,255,.34);border-radius:10px;padding:12px;font-size:14px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:#fdfdfd;resize:none;outline:none;background:#e6d4ff47;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.ai-generator-textarea::placeholder{color:#fff9}.ai-generator-textarea:focus{border-color:#ffffffb8;box-shadow:0 0 0 3px #ffffff1f;background:#e6d4ff57}.ai-generator-textarea:disabled{opacity:.6}.ai-generator-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.ai-generator-hint-text{font-size:12px;line-height:1.4;color:#ffffffb8}.ai-generator-hint-text.is-error{color:#ffd2db}.ai-generator-submit-btn{min-width:112px;height:40px;padding:0 18px;border:none;border-radius:10px;background:linear-gradient(180deg,#a898da,#8679bc);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 10px 20px #2e185333}.ai-generator-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #2e185347}.ai-generator-submit-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media (max-width: 540px){.ai-generator-modal{width:min(94vw,430px)}.ai-generator-modal-header{padding:18px 18px 10px}.ai-generator-modal-header h2{font-size:16px}.ai-generator-modal-body{padding:0 18px 18px}.ai-generator-footer{flex-direction:column;align-items:stretch}.ai-generator-submit-btn{width:100%}}.required{color:#fff;font-size:12px}.layer-item{border:1px solid #e5e7ebd1;border-radius:8px;padding:15px;margin-bottom:12px;cursor:pointer;transition:border-color .2s;position:relative;display:flex;align-items:center}.layer-content{flex:1}.layer-header{display:flex;align-items:center;margin-bottom:5px}.layer-header h4{font-size:14px;font-weight:600;color:#fff;transition:color .2s ease}.layer-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#fff;font-size:16px}.layer-item:hover{border:2px solid #ffffff}.layer-item.layer-item--toggle:hover{border:1px solid #e5e7ebd1;cursor:default}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background-color:#fff3;border-radius:24px;overflow:hidden;transition:background-color .25s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px #0000004d}.toggle-switch input:checked+.toggle-slider{background-color:#8b5cf6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.layer-header i{color:#9ca3af;font-size:16px}.layer-item p{font-size:13px;color:#ffffffbd;line-height:1.4;max-width:90%}.layer-add-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf640;min-width:50px;display:flex;align-items:center;justify-content:center;gap:4px}.layer-add-btn:hover{transform:translateY(-50%) translateY(-1px);box-shadow:0 4px 12px #8b5cf659;background:linear-gradient(135deg,#7c3aed,#9333ea)}.layer-add-btn:active{transform:translateY(-50%) translateY(0);box-shadow:0 2px 6px #8b5cf64d}.layer-add-btn i{font-size:11px}.layer-add-btn-outline{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#fff;color:#8b5cf6;border:1.5px solid #8b5cf6;padding:7px 15px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:50px;display:flex;align-items:center;justify-content:center;gap:4px}.layer-add-btn-outline:hover{background:#8b5cf6;color:#fff;transform:translateY(-50%) translateY(-1px);box-shadow:0 4px 12px #8b5cf640}.layer-add-btn-pill{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#f3f4f6;color:#6b7280;border:none;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:45px;display:flex;align-items:center;justify-content:center;gap:4px}.layer-add-btn-pill:hover{background:#8b5cf6;color:#fff;transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #8b5cf64d}.objectives-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-top:24px}.objectives-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.edit-btn{margin-left:auto;background:none;border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.objectives-note{font-size:12px;color:#6b7280;font-style:italic}.bottom-actions{position:fixed;bottom:0;left:0;right:0;padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;z-index:100}.create-conversation-btn,.create-humee-btn{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.create-conversation-btn{background:#fff;color:#374151;border:1px solid #d1d5db}.create-conversation-btn:hover{background:#f9fafb;border-color:#9ca3af}.create-humee-btn{background:#8b5cf6f2;color:#fff;border:none;display:flex;align-items:center;gap:8px}.create-persona-btn:disabled{opacity:.5;cursor:not-allowed}.create-persona-btn:hover{background:#7c3aedf2}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.replica-modal{background:linear-gradient(180deg,#fff,#f6eeff,#fbf7ff 40%,#935af5fc,#a073eafb);background-attachment:fixed;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.tools-modal{background:#724cb0;border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.modal-header2{display:flex;justify-content:space-between;align-items:center;padding:15px 24px 10px}.modal-header2 h2{font-size:18px;color:#fff;font-weight:600;margin:0}.ReplicaH2{font-size:20px;color:#000!important;font-weight:600;margin:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 24px 10px}.modal-header h2{font-size:20px;color:#fff;font-weight:600;margin:0}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280}.modal-description{padding:0 24px;color:#ffffffb3;font-size:13px;margin-bottom:16px}.tools-code-editor{padding:0 24px;flex:1}.code-textarea{width:100%;padding:16px;border:1px solid #d1d5db;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.4;color:#fff;background:#8362ba;resize:vertical;min-height:300px}.code-textarea:focus{outline:none;border:2px solid #ffffff;box-shadow:0 0 0 3px #8b5cf61a}.code-textarea::placeholder{color:#bcbcbc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4}.cancel-btn{background:#fff;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;cursor:pointer;margin-right:12px}.save-btn{background:#8b5cf6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.modal-tabs2{display:flex;padding:4px;background:#cab5ed;border-radius:8px;margin:15px 24px;gap:0;width:fit-content}.tab-btn2{background:transparent;border:none;padding:8px 35px;cursor:pointer;font-weight:500;color:#000000a8;transition:all .2s ease;font-size:14px;white-space:nowrap}.tab-btn2.active{background:#724cb0;color:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;font-weight:600}.tab-btn2:hover:not(.active){color:#374151}.search-section{display:flex;gap:12px;padding:15px 24px}.search-input-wrapper3 .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input-wrapper3 input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;background-color:#f9f5ff;color:#000;border-radius:8px;font-size:14px}.clear-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;cursor:pointer;font-size:14px;transition:color .3s ease}.clear-icon:hover{color:#000}.search-btn3{background:#8b5cf6f2;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.search-btn3:hover:not(:disabled){background:#7c3aedf2}.search-btn3:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.replicas-content{padding:15px 24px;flex:1;overflow-y:auto}.personal-section,.stock-section{margin-bottom:32px}.personal-section h3,.stock-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#000}.create-replica-card{border:1px solid #ffffffb8;border-radius:12px;padding:30px 20px;text-align:center;color:#6b7280;background:#724cb0;min-height:120px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.disabled-card{opacity:.5;cursor:not-allowed}.create-replica-card i{font-size:20px;margin-bottom:12px;color:#fffffff2;background:transparent;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.create-replica-btn{background:none;border:none;color:#fffffff2;font-weight:500;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px}.create-replica-btn:hover{color:#fffffff2}.replica-card{border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;background:#724cb0;box-shadow:0 4px 12px #00000061}.replica-card:hover{border-color:#8b5cf6}.replica-card.active{border:4px solid #2500fff7;box-shadow:0 4px 12px #8b5cf64d}.video-controls2{position:absolute;top:12px;right:12px;display:flex;gap:8px}.control-btn2{background:#000000b3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s}.control-btn2:hover{background:#000000e6}.replica-info{position:absolute;bottom:12px;left:12px;color:#fff;font-size:12px;display:flex;gap:12px;align-items:center}.replica-model{font-weight:600;background:#0009;padding:4px 8px;border-radius:4px}.replica-id{font-weight:500;background:#0009;padding:4px 8px;border-radius:4px}.replica-card h4{padding:16px;margin:0;font-size:16px;font-weight:600;color:#fff}.replica-card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.replica-card-footer h4{margin:0;font-size:14px;font-weight:600;color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replica-delete-btn{background:#fee2e2;border:none;color:red;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;font-size:14px;opacity:.7;display:none}.replica-delete-btn:hover{background:#fee2e2;color:#dc2626;opacity:1;transform:scale(1.1)}.replica-delete-btn:disabled{opacity:.5;cursor:not-allowed}.modal-footer2{position:sticky;bottom:0;padding:24px;border-top:1px solid #a8a8a8;display:flex;justify-content:flex-end;background:transparent;z-index:10}.select-btn{background:#8b5cf6f2;color:#fff;border:none;padding:12px 32px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.select-btn:hover:not(:disabled){background:#7c3aedf2}.select-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.load-more-btn{background:#fff;border:1px solid #d1d5db;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;color:#374151;transition:all .2s}.load-more-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.video-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #8c23ff;border-radius:50%;animation:spin 1s linear infinite}.search-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin:16px 24px;display:flex;align-items:center;gap:8px}.search-results{padding:0 24px 16px}.search-results h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#374151}.llm-config{padding:20px 0}.config-header{display:flex;align-items:center;margin-bottom:16px}.config-header h3{margin:0;font-size:15px;font-weight:600;color:#fff}.back-btnLayer{background:none;border:none;font-size:16px;color:#fff;cursor:pointer;margin-right:12px;padding:4px;display:flex;align-items:center;justify-content:center}.back-btnLayer:hover{color:#fff}.config-description-personaCreate{color:#ffffffa3;font-size:14px;margin-bottom:15px;line-height:1.5}.config-field{margin-bottom:12px}.config-field label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#fff;margin-bottom:8px}.config-field label .info-tooltip{flex-shrink:0;display:flex;align-items:center}.config-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.config-input{width:100%;padding:12px;border:1px solid #d1d5db;color:#fff;background:#8362ba;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.config-input:focus{outline:none;border:2px solid #fefdff;box-shadow:0 0 0 3px #8b5cf61a}.config-input:hover{border-color:#e2e2e2}.config-input::placeholder{color:#dbdbdb;font-family:"system-ui";font-weight:"normal"}.config-input:disabled{background:#8362ba;color:#dbdbdb;cursor:not-allowed}.llm-config .config-select,.perception-config .config-select,.stt-config .config-select,.tts-config .config-select{width:100%;padding:12px 40px 12px 12px!important;border:2px solid #d1d5db!important;border-radius:8px!important;font-size:14px!important;background:#fff!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;color:#374151!important;font-weight:400!important}.llm-config .config-select:focus,.perception-config .config-select:focus,.stt-config .config-select:focus,.tts-config .config-select:focus{outline:none!important;border:3px solid #8b5cf6;box-shadow:0 0 0 3px #8b5cf61a!important}.llm-config .config-select:hover,.perception-config .config-select:hover,.stt-config .config-select:hover,.tts-config .config-select:hover{border-color:#9ca3af!important}.config-select option{padding:12px;font-size:14px;color:#374151;background:#fff;font-weight:400}.config-select option:checked{background:#f3f4f6;color:#111827;font-weight:500}.config-select option:hover{background:#f9fafb}.config-textarea{width:100%;padding:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;resize:vertical;min-height:120px;font-family:inherit;color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.config-textarea::placeholder{color:#ccc}.config-textarea:focus{outline:none;border:2px solid #ececec;box-shadow:0 0 0 3px #8b5cf61a}.config-textarea:hover{border-color:#e9e9e9}.config-checkbox{display:flex;align-items:center;margin-bottom:10px;margin-top:12px;color:#fff;font-size:14px}.config-checkbox input{margin-right:8px;accent-color:#8b5cf6;height:15px;width:15px}.config-checkbox label{display:flex;align-items:center;gap:8px}.config-checkbox label span{flex:1}.add-tool-btn{background:none;border:1px dashed #d1d5db;padding:8px 16px;border-radius:8px;color:#fff;cursor:pointer;font-size:14px}.tools-error{padding:12px 24px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin:0 24px 16px;display:flex;align-items:center;gap:8px}.tools-error i{color:#dc2626}.query-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;cursor:pointer}.query-tags:hover{opacity:.8}.query-tag{display:flex;align-items:center;background:#8362ba;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;font-size:12px;gap:6px;max-width:400px;overflow:hidden}.query-tag span{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.remove-tag-btn{background:none;border:none;color:#ffc7c7;cursor:pointer;font-size:10px;padding:0;display:flex;align-items:center}.remove-tag-btn:hover{color:#dc2626}.custom-select-wrapper{position:relative}.custom-select{width:100%;padding:10px;border:2px solid #d1d5db;border-radius:8px;background:#ffffff1f;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#fff;transition:border-color .2s ease}.custom-select:hover{border-color:#e7e7e7}.custom-select.focused{border:2px solid #ffffff;box-shadow:0 0 0 3px #8b5cf61a}.custom-select i.rotated{transform:rotate(180deg)}.custom-dropdown{position:absolute;top:100%;left:0;right:0;background:#8564bc;border:1px solid #d1d5db59;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cccccc transparent}.dropdown-option{padding:10px;cursor:pointer;font-size:14px;color:#fff;display:flex;align-items:center;gap:8px}.dropdown-option:hover{background:#997ed6}.dropdown-option.selected{background:#9b6fff;color:#fff;font-weight:500}.dropdown-option-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-option-icon i,.dropdown-option i{color:#fff;font-size:12px}.info-tooltip{position:relative;display:inline-block}.tooltip-content{visibility:hidden;opacity:0;position:absolute;top:100%;left:120%;transform:translate(-50%);margin-top:8px;background:#754eb2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:16px;width:250px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-size:13px;line-height:1.4;color:#fff;z-index:1000;transition:opacity .2s ease,visibility .2s ease}.tooltip-content:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#754eb2;border:1px solid rgba(255,255,255,.3);border-bottom:none;border-right:none;transform:translate(-50%) rotate(45deg)}.tooltip-content p{margin:0 0 12px}.tooltip-content p:last-child{margin-bottom:0}.toast{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;padding:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;align-items:flex-start;justify-content:space-between;min-width:300px;max-width:90vw;height:auto;z-index:1001;animation:slideIn .3s ease-out;word-break:break-word;overflow-wrap:anywhere}.toast.success{border-left:4px solid #10b981}.toast.info{border-left:4px solid #3b82f6;background:#3b82f6}.toast.error{border-left:4px solid #ef4444}.toast-content{display:flex;align-items:flex-start;gap:12px;flex:1}.toast.success .toast-content i{color:#10b981}.toast.info .toast-content i{color:#3b82f6}.toast.error .toast-content i{color:#ef4444}.toast-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;margin-left:12px;flex-shrink:0}.toast-close:hover{color:#374151}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.replica-status-error{color:#ef4444;font-size:10px;font-weight:600;background:#ef44441a;padding:2px 6px;border-radius:4px;border:1px solid rgba(239,68,68,.3)}.success-modal{background:#442870f2;border-radius:20px;width:90%;max-width:500px;position:relative;box-shadow:0 25px 50px #00000040;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-modal .modal-header-Success{padding:24px 24px 16px;text-align:center;border-bottom:none}.success-modal .modal-header-Success h2{font-size:16px;font-weight:600;color:#fff;margin:0;letter-spacing:-.025em}.success-modal .close-btn{position:absolute;top:16px;right:16px;background:#f3f4f6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease}.success-modal .close-btn:hover{background:#e5e7eb;color:#374151}.success-card{padding:0 24px 24px}.success-card .settings-card2{background:#030027;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000080;transition:all .3s ease}.success-card .card-image{width:100%;height:300px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.success-card .card-img{width:100%;height:100%;object-fit:cover}.success-card .card-body{padding:24px;text-align:left}.success-card .card-body h3{font-size:20px;font-weight:600;color:#ccc;margin:0 0 8px;letter-spacing:-.025em}.success-card .card-body p{font-size:14px;color:#efefefc2;margin:0;line-height:1.6}.modal-actions{padding:0 24px 24px;display:flex;gap:12px;justify-content:center}.skip-btn,.configure-btn{padding:12px 32px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.skip-btn{background:#e4e4e4;color:#50555f;border:1px solid #e5e7eb}.skip-btn:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.configure-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.configure-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.configure-btn:active{transform:translateY(0)}.configure-btn:disabled{background:linear-gradient(135deg,#68719c,#766488);color:#9ca3af;cursor:not-allowed;box-shadow:none}.configure-btn:disabled:hover{background:linear-gradient(135deg,#68719c,#766488);transform:none;box-shadow:none}.progress-steps{display:flex;align-items:center;justify-content:center;padding:20px 0 8px}.progress-step{display:flex;align-items:center}.progress-step-names{display:flex;justify-content:space-between;align-items:center;padding:0;gap:25px;margin-bottom:10px}.step-name-label{font-size:12px;font-weight:500;color:#fff9;text-align:center;flex:1;transition:all .3s ease}.step-name-label.active{color:#ffffffe6;font-weight:600}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#9ca3af;font-size:16px;transition:all .3s ease}.step-icon.active{background:#7135e2;color:#fff}.step-line{width:35px;height:2px;background:#e5e7eb;margin:0 10px;transition:all .3s ease}.step-line.completed{background:#7135e2}.knowledge-base-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:990;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.knowledge-base-modal{background:#724cb0;border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;animation:knowledgeBaseModalSlideIn .3s ease-out}@keyframes knowledgeBaseModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.knowledge-base-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 20px;border-bottom:1px solid #e1e1e14f}.knowledge-base-modal-header h2{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:-.025em}.knowledge-base-close-btn{background:#8362ba;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;font-size:16px}.knowledge-base-close-btn:hover{background:#9f78dd;color:#fff;transform:scale(1.05)}.knowledge-base-upload-section{padding:32px;flex:1}.knowledge-base-upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:15px 25px;text-align:center;background:#8362ba;transition:all .3s ease;position:relative;margin-bottom:24px}.knowledge-base-upload-area:hover{border-color:#e5e5e5;background:#8362ba}.knowledge-base-upload-area.uploading{border-color:#d6d6d6;background:#8362ba}.knowledge-base-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.knowledge-base-upload-label{display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;pointer-events:none}.knowledge-base-upload-icon{width:54px;height:54px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;transition:transform .2s ease}.knowledge-base-upload-area:hover .knowledge-base-upload-icon{transform:scale(1.1)}.knowledge-base-upload-text{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.knowledge-base-upload-subtext{font-size:14px;color:#ffffffa6;line-height:1.5}.knowledge-base-uploaded-documents{margin-top:24px}.knowledge-base-uploaded-documents h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px}.knowledge-base-documents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-height:200px;overflow-y:auto;padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#8362ba}.knowledge-base-documents-grid::-webkit-scrollbar{width:6px}.knowledge-base-documents-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.knowledge-base-documents-grid::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:3px}.knowledge-base-document-card{position:relative;background:#6126b2;border-radius:12px;padding:10px;text-align:center;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease;cursor:pointer}.knowledge-base-document-card:hover{transform:translateY(-2px)}.knowledge-base-remove-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;opacity:0;transition:opacity .2s ease}.knowledge-base-document-card:hover .knowledge-base-remove-btn{opacity:1}.knowledge-base-remove-btn:hover{background:#dc2626cc}.knowledge-base-document-icon{margin-bottom:8px;display:flex;align-items:center;justify-content:center}.document-type-icon{width:32px;height:32px;object-fit:contain}.knowledge-base-document-name{color:#fff;font-size:12px;font-weight:500;word-break:break-word;line-height:1.2;max-width:100%;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kb-analysis-badge{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:6px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;width:fit-content;margin-left:auto;margin-right:auto}.kb-analysis-pending{background:#ffffff26;color:#e2d9f3}.kb-analysis-warning{background:#fbbf2440;color:#fbbf24}.kb-analysis-failed{background:#ef444440;color:#fca5a5}.kb-analysis-skipped{background:#9ca3af40;color:#d1d5db}.knowledge-base-modal-actions{padding:24px 32px;border-top:1px solid #e1e1e14f;display:flex;gap:12px;justify-content:flex-end;background:#724cb0}.knowledge-base-btn-outline{padding:12px 24px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:100px}.knowledge-base-btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.knowledge-base-btn-primary{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf64d}.knowledge-base-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.knowledge-base-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.knowledge-base-loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:knowledgeBaseSpinner 1s linear infinite;margin-right:8px}@keyframes knowledgeBaseSpinner{to{transform:rotate(360deg)}}.knowledge-base-modal-v2{max-width:880px}.knowledge-base-header-note{margin:6px 0 0;font-size:13px;line-height:1.5;color:#ffffffc7}.knowledge-base-header-actions{display:flex;align-items:center;gap:12px}.knowledge-base-refresh-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff}.knowledge-base-refresh-btn:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff52}.knowledge-base-tabs{display:inline-flex;gap:8px;padding:6px;margin-bottom:18px;border-radius:12px;background:#36196e59;border:1px solid rgba(255,255,255,.14)}.knowledge-base-tab{border:none;background:transparent;color:#ffffffb8;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.knowledge-base-tab.active{background:#ffffff29;color:#fff}.knowledge-base-modal-v2 .knowledge-base-upload-area{margin-bottom:18px}.knowledge-base-guidance-text{display:flex;gap:20px;text-align:left;width:100%;margin-top:4px}.guidance-column{flex:1;min-width:0}.guidance-heading{display:block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}.dos-heading{color:#86efac}.donts-heading{color:#fca5a5}.guidance-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.guidance-column ul li{position:relative;padding-left:18px;font-size:12px;line-height:1.5;color:#ffffffd1}.guidance-dos ul li:before{content:"✓";position:absolute;left:0;color:#86efac;font-weight:700}.guidance-donts ul li:before{content:"✕";position:absolute;left:0;color:#fca5a5;font-weight:700}.knowledge-base-website-form{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:14px;background:#8362ba;border:1px solid rgba(255,255,255,.16);margin-bottom:18px}.knowledge-base-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.knowledge-base-crawl-grid{max-width:360px}.knowledge-base-form-field{display:flex;flex-direction:column;gap:8px}.knowledge-base-form-field span{font-size:13px;font-weight:600;color:#ffffffeb}.knowledge-base-form-field input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#3a137459;color:#fff;font-size:14px}.knowledge-base-form-field input::placeholder{color:#ffffff73}.knowledge-base-form-field input:focus{outline:none;border-color:#ffffff7a;box-shadow:0 0 0 3px #ffffff1f}.knowledge-base-checkbox{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#ffffffeb}.knowledge-base-checkbox input{width:16px;height:16px}.knowledge-base-website-actions{display:flex;justify-content:flex-end}.knowledge-base-status-summary{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#fffc;margin-bottom:14px}.knowledge-base-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.knowledge-base-document-list{display:flex;flex-direction:column;gap:12px;max-height:360px;overflow-y:auto;padding-right:4px}.knowledge-base-empty-state{padding:24px;border-radius:12px;background:#ffffff14;border:1px dashed rgba(255,255,255,.24);color:#ffffffc7;font-size:14px;text-align:center}.knowledge-base-document-row{position:relative;display:flex;align-items:flex-start;gap:16px;padding:18px 56px 18px 20px;border-radius:14px;background:#4c1c9180;border:1px solid rgba(255,255,255,.14);cursor:pointer;transition:transform .2s ease,background .2s ease}.knowledge-base-document-row:hover{transform:translateY(-1px);background:#5723a49e}.knowledge-base-remove-btn-inline{top:14px;right:14px;opacity:1;z-index:1}.knowledge-base-document-visual{width:44px;min-width:44px;display:flex;align-items:flex-start;justify-content:center;padding-top:2px}.knowledge-base-website-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff24;color:#fff;font-size:18px}.knowledge-base-document-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.knowledge-base-document-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.knowledge-base-modal-v2 .knowledge-base-document-name{font-size:14px;font-weight:700;color:#fff;line-height:1.35;text-align:left}.knowledge-base-source-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#ffffff1f;color:#ffffffeb;font-size:11px;font-weight:700;white-space:nowrap}.knowledge-base-document-url{font-size:12px;color:#ffffffa3;word-break:break-word}.knowledge-base-badges{display:flex;flex-wrap:wrap;gap:8px}.knowledge-base-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.knowledge-base-status-badge.validation.verified,.knowledge-base-status-badge.tavus.ready{background:#22c55e2e;color:#bbf7d0}.knowledge-base-status-badge.validation.warning{background:#fbbf242e;color:#fde68a}.knowledge-base-status-badge.validation.invalid,.knowledge-base-status-badge.tavus.failed{background:#f871712e;color:#fecaca}.knowledge-base-status-badge.validation.unverified,.knowledge-base-status-badge.validation.pending,.knowledge-base-status-badge.tavus.processing,.knowledge-base-status-badge.tavus.recrawling{background:#ffffff21;color:#ede9fe}.knowledge-base-secondary-text{font-size:12px;color:#ffffffb8}.knowledge-base-warning-text,.knowledge-base-error-text{font-size:12px;line-height:1.55;padding:10px 12px;border-radius:10px}.knowledge-base-warning-text{background:#fbbf2426;color:#fde68a}.knowledge-base-error-text{background:#f8717129;color:#fecaca}.knowledge-base-row-actions{display:flex;justify-content:flex-start}.knowledge-base-inline-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.knowledge-base-inline-btn:hover:not(:disabled){background:#ffffff26}.knowledge-base-inline-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 768px){.knowledge-base-modal-v2{width:95%;max-height:94vh}.knowledge-base-modal-v2 .knowledge-base-upload-section,.knowledge-base-modal-v2 .knowledge-base-modal-actions,.knowledge-base-modal-v2 .knowledge-base-modal-header{padding-left:18px;padding-right:18px}.knowledge-base-header-actions,.knowledge-base-status-summary,.knowledge-base-document-topline{flex-direction:column;align-items:stretch}.knowledge-base-form-grid{grid-template-columns:1fr}.knowledge-base-document-row{padding:16px 48px 16px 16px}.knowledge-base-remove-btn-inline{top:12px;right:12px}}.modal-title{text-align:center;font-size:18px;font-weight:600;color:#374151;margin-bottom:20px;margin-top:0}.step-progress{display:flex;align-items:center;justify-content:center;padding:15px 0}.step-indicator{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:all .3s ease}.step-numberDashBoard{width:20px;height:20px;border-radius:50%;background:#0000005c;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;transition:all .3s ease}.step-indicator.active .step-numberDashBoard{background:#8b5cf6cc;border-color:#8b5cf699;box-shadow:0 4px 12px #8b5cf64d}.step-label{color:#000;font-size:14px;font-weight:500;text-align:center}.step-line2{width:80px;height:2px;background:#4a4a4a78;margin:0 20px}.step-content2{background:#724cb0;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:20px 34px;margin-bottom:24px;box-shadow:0 18px 32px #00000080;width:100%;max-width:none;scrollbar-width:thin;scrollbar-color:#ffffff transparent}.section{width:100%}@media (max-width: 768px){.success-modal{width:95vw;max-width:95vw;margin:10px;max-height:90vh;border-radius:16px;box-shadow:0 20px 40px #0000004d;overflow-y:auto;padding:0}.modal-header-Success{padding:20px 16px;text-align:center;background:transparent}.modal-title{font-size:18px;color:#fff;font-weight:700;margin:0 0 24px;line-height:1.3}.progress-steps{display:flex;align-items:center;justify-content:center;margin-bottom:16px;padding:0 10px;-webkit-overflow-scrolling:touch}.progress-step{display:flex;align-items:center;flex-shrink:0;cursor:pointer;transition:all .3s ease}.step-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-line{width:45px;height:2px;background:#ffffff4d;margin:0 8px;transition:all .3s ease}.step-line.completed{background:#fff;box-shadow:0 0 8px #ffffff80}.progress-step-names{display:flex;justify-content:space-between;align-items:center;padding:0 12px;margin-top:12px}.success-modal .modal-header-Success h2{margin-bottom:3%}.step-name-label{font-size:12px;color:#ffffffb3;font-weight:600;text-align:center;flex:1;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-wrap-mode:nowrap}.step-name-label.active{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.success-card{padding:20px 16px;background:transparent}.settings-card2{background:#fffffff2;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #0000001a}.modal-actions{padding:16px 20px 20px;display:flex;gap:12px;background:transparent}.skip-btn{flex:1;padding:12px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skip-btn:hover{background:#ffffff4d;border-color:#ffffff80}.configure-btn{flex:2;padding:12px 20px;background:#fff;border:none;color:#7c3aed;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffffff4d}.configure-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #fff6}}@media (max-width: 480px){.success-modal{width:100vw;height:100vh;margin:0;border-radius:0;max-height:100vh}.modal-header-Success{padding:16px 12px}.modal-title{font-size:16px;margin-bottom:20px}.progress-steps{padding:0 8px}.step-icon{width:40px;height:40px;font-size:14px}.step-line{width:32px;margin:0 6px}.progress-step-names{padding:0 8px}.step-name-label{font-size:11px}.success-card{padding:16px 12px}.modal-actions{padding:12px 16px 16px;gap:10px}.skip-btn,.configure-btn{padding:10px 16px;font-size:13px}}@media (max-width: 360px){.modal-title{font-size:15px;line-height:1.2}.step-icon{width:36px;height:36px;font-size:13px}.step-line{width:28px;margin:0 4px}.step-name-label{font-size:10px}.skip-btn,.configure-btn{padding:8px 12px;font-size:12px}}@media (max-height: 600px) and (orientation: landscape){.success-modal{height:95vh;overflow-y:auto}.modal-header-Success{padding:12px 16px}.modal-title{font-size:16px;margin-bottom:16px}.progress-steps{margin-bottom:12px}.progress-step-names{margin-top:8px}.success-card{padding:16px}.modal-actions{padding:12px 16px}}.PersonaCreate-replica-selector,.persona-input,.system-prompt-textarea,.persona-context-textarea{width:100%;max-width:none}.PersonaCreate-replica-selector.disabledUpdate{position:relative;pointer-events:none;opacity:.7}.replica-overlay{position:absolute;inset:0;background:#13131399;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.replica-overlay .overlay-content{display:flex;align-items:center;gap:8px}.replica-overlay .overlay-text{color:#fff;font-size:13px;font-weight:500}.step-actions-inside{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.step-actions-on-create-page{display:flex;justify-content:flex-end;margin-top:24px}.back-btnDashBoard,.next-btn{padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;display:flex;align-items:center;gap:8px}.back-btnDashBoard{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.back-btnDashBoard:hover{background:#ffffff26;transform:translateY(-1px)}.next-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 4px 12px #8b5cf666}.next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.persona-component-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.persona-component-modal{background:linear-gradient(180deg,#fff,#f6eeff,#fbf7ff 40%,#b793f7fe,#b892f7);border-radius:16px;width:95%;height:98vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;animation:personaComponentModalSlideIn .3s ease-out;margin:10px}@keyframes personaComponentModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.persona-component-modal-header{position:absolute;top:16px;right:16px;z-index:200;display:flex;align-items:center;gap:10px}.persona-component-modal-list{background:#8b5cf6e6;border:none;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.persona-component-modal-list:hover{background:#7c3aed;transform:scale(1.05);box-shadow:0 4px 8px #8b5cf64d}.persona-component-modal-list:active{transform:scale(.95)}.persona-component-modal-close{background:#00000080;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.persona-component-modal-close:hover{background:#000000b3;transform:scale(1.1)}.persona-component-modal-content{width:100%;height:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header-actions{display:flex;align-items:center;gap:12px}.settings-icon-btn{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0s ease;color:#fff}.settings-icon-btn:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.settings-icon-btn i{font-size:16px}.create-new-btn{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0s ease;color:#fff}.create-new-btn:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.create-new-btn i{font-size:16px}.skip-btn-footer{padding:8px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.3);background:transparent;color:#ffffffb3;display:flex;align-items:center;gap:8px}.skip-btn-footer:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.persona-template-dropdown{max-height:250px;overflow-y:auto}.persona-template-option{padding:10px 20px!important;border-bottom:1px solid #f1f5f91c}.persona-template-option:last-child{border-bottom:none}.template-info{display:flex;flex-direction:column;gap:4px}.template-name{font-weight:500;color:#fff;font-size:14px}.template-preview{font-size:12px;color:#ffffffb0;line-height:1.4}.dropdown-loader{padding:20px;text-align:center}.dropdown-loader .loader{width:20px;height:20px;border:2px solid #f3f4f6;border-top:2px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 8px}.dropdown-loader p{margin:0;font-size:12px;color:#fff}.persona-search-input{width:100%;padding:12px 16px;border-radius:8px;font-size:14px;transition:all .2s ease;border:1px solid #d1d5db;color:#fff;background-color:#ffffff1f}.persona-search-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #8b5cf61a}.training-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:4px}.training-status.status-completed{color:#10b981}.training-status.status-failed-training{color:#ef4444}.training-status i{font-size:10px}.persona-search-input::placeholder{color:#ffffffd0}.training-list-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.training-list-modal{background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#935af5,#723ec3);border-radius:12px;width:90%;max-width:650px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.training-list-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-bottom:1px solid #d1d1d1}.training-list-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.training-list-modal-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.training-list-modal-close:hover{color:#374151}.training-list-modal-content{padding:24px;flex:1;display:flex;flex-direction:column;overflow:hidden}.training-preview-video{position:sticky;top:0;z-index:10;background:#000;margin-bottom:20px;border-radius:12px;overflow:hidden}.preview-video-player-training{width:100%;height:250px;object-fit:cover;background:#000}.preview-video-overlay{position:absolute;bottom:16px;left:16px;background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px}.generated-videos-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.generated-videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.generated-videos-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.all-videos-btn{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s}.all-videos-btn:hover{color:#374151}.training-videos-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.7) transparent}.training-videos-list::-webkit-scrollbar{width:6px}.training-videos-list::-webkit-scrollbar-track{background:transparent}.training-videos-list::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:3px}.training-videos-list::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.training-video-item{display:flex;align-items:center;gap:12px;padding:6px;border-radius:8px;cursor:pointer;transition:background-color .2s;background:#3e237c}.training-video-item:hover{background:#392075}.video-thumbnail{position:relative;align-content:space-evenly;padding:8px;height:65px;border-radius:6px;overflow:hidden;flex-shrink:0}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;pointer-events:none}.video-thumbnail-player{width:100%;height:100%;object-fit:cover;border-radius:6px}.video-details-training{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.video-details-training h5{margin:0 0 4px;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.video-id{font-size:12px;color:#6b7280}.training-video-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.download-training-btn{background:none;border:none;color:#dcdcdc;font-size:14px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s;flex-shrink:0}.download-training-btn:hover{color:#000;background:#fff}.delete-training-btn{background:none;border:none;color:#ef4444;font-size:14px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s;flex-shrink:0}.delete-training-btn:hover{background:#fef2f2}@media (max-width: 768px){.training-list-modal{width:95%;margin:20px}.training-list-modal-content{padding:16px}.preview-video-player{height:200px}}.no-replica-found-card{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:12px;padding:40px 20px;text-align:center;color:#fff;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.no-replica-found-card i{font-size:30px;opacity:.8}.no-replica-found-card p{font-size:14px;font-weight:600;margin:0}.no-replica-found-card small{font-size:13px;opacity:.7;margin:0}.layer-item-disabled{position:relative;opacity:.6;cursor:not-allowed}.layer-disabled-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.layer-overlay-content{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-align:center}.layer-lock-icon{font-size:20px;color:#ef4444}.layer-overlay-text{font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.layer-item-disabled .layer-arrow{opacity:.3}span.required{color:red}.objectives-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:990;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.objectives-modal{background:#724cb0;border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow-x:hidden;overflow-y:auto;position:relative;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;animation:knowledgeBaseModalSlideIn .3s ease-out}.objectives-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 20px;border-bottom:1px solid #e1e1e14f}.objectives-modal-header h2{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:-.025em}.objectives-close-btn{background:#8362ba;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;font-size:16px}.objectives-close-btn:hover{background:#9f78dd;transform:scale(1.05)}.objectives-modal-description{padding:16px 32px 0}.objectives-modal-description p{font-size:13px;color:#d4bfff;margin:0}.objectives-modal-review-note{margin-top:8px!important;color:#f3e8ff!important}.objectives-modal-body{padding:16px 32px 24px;flex:1;overflow-x:hidden;overflow-y:auto}.objectives-loading,.objectives-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#d4bfff;gap:12px}.objectives-loading i,.objectives-empty i{font-size:28px;opacity:.7}.objectives-loading p,.objectives-empty p{font-size:13px;text-align:center;margin:0}.objectives-list{display:flex;flex-direction:column;gap:12px}.objectives-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px;transition:all .2s ease;cursor:grab}.objectives-card:active{cursor:grabbing}.objectives-card-drag-over{border-color:#a855f7;background:#a855f726}.objectives-card-dragging{opacity:.4}.objectives-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.objectives-card-left,.objectives-card-actions{display:flex;align-items:center;gap:8px}.objectives-drag-handle{color:#d4bfff;cursor:grab;font-size:14px;opacity:.6;transition:opacity .2s}.objectives-drag-handle:hover{opacity:1}.objectives-step-number{font-size:13px;font-weight:600;color:#fff}.objectives-review-btn{border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.objectives-review-btn:hover:not(:disabled){background:#ffffff29;border-color:#ffffff4d}.objectives-review-btn:disabled{opacity:.55;cursor:not-allowed}.objectives-delete-btn{background:none;border:none;color:#f87171;cursor:pointer;font-size:13px;padding:4px 6px;border-radius:4px;transition:all .2s;opacity:.7}.objectives-delete-btn:hover{opacity:1;background:#f871711a}.objectives-delete-btn:disabled{opacity:.3;cursor:not-allowed}.objectives-card-body{display:flex;flex-direction:column;gap:8px}.objectives-prompt-textarea{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f;color:#fff;font-size:13px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;resize:vertical;min-height:60px;transition:border-color .2s;box-sizing:border-box}.objectives-prompt-textarea:focus{outline:none;border-color:#a855f7}.objectives-prompt-textarea::placeholder{color:#a78bda}.objectives-prompt-textarea:disabled{opacity:.5;cursor:not-allowed}.objectives-prompt-textarea.objectives-prompt-error{border-color:#ef4444}.objectives-prompt-info{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;min-height:18px}.objectives-prompt-info-has-error{flex-direction:column;align-items:stretch}.objectives-prompt-error-text{display:block;width:100%;color:#fff4f6;font-size:12px;font-weight:700;line-height:1.45;padding:8px 10px;border-radius:10px;background:#7f1d1da6;border:1px solid rgba(254,202,202,.55);box-shadow:0 0 0 1px #7f1d1d2e}.objectives-prompt-char-count{color:#a78bda;font-size:11px;margin-left:auto;flex-shrink:0}.objectives-prompt-info-has-error .objectives-prompt-char-count{align-self:flex-end}.objectives-suggestion-card{margin-top:4px;padding:12px;border-radius:8px;background:#ffffff14;border:1px solid rgba(243,232,255,.18)}.objectives-suggestion-label{margin:0 0 6px;color:#f3e8ff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.objectives-suggestion-text{margin:0;color:#fff;font-size:12px;line-height:1.5}.objectives-suggestion-apply-btn{margin-top:10px;border:none;border-radius:999px;padding:8px 14px;background:#a855f733;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.objectives-suggestion-apply-btn:hover:not(:disabled){background:#a855f759}.objectives-suggestion-apply-btn:disabled{opacity:.5;cursor:not-allowed}.objectives-advanced-toggle{background:none;border:none;color:#d4bfff;font-size:12px;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:6px;transition:color .2s;align-self:flex-start}.objectives-advanced-toggle:hover{color:#fff}.objectives-advanced-toggle i{font-size:10px}.objectives-advanced-section{display:flex;flex-direction:column;gap:10px;padding:10px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.objectives-advanced-row{display:flex;align-items:center;gap:10px}.objectives-advanced-row label{font-size:12px;color:#d4bfff;min-width:130px;flex-shrink:0}.objectives-advanced-row select,.objectives-advanced-row input{flex:1;padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:#fff;font-size:12px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.objectives-advanced-row select:focus,.objectives-advanced-row input:focus{outline:none;border-color:#a855f7}.objectives-advanced-row select option{background:#5a3d8a;color:#fff}.objectives-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:12px;border:1px dashed rgba(255,255,255,.25);border-radius:10px;background:transparent;color:#d4bfff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.objectives-add-btn:hover{border-color:#a855f7;color:#fff;background:#a855f714}.objectives-add-btn:disabled{opacity:.4;cursor:not-allowed}.objectives-modal-actions{padding:20px 32px;border-top:1px solid #e1e1e14f;display:flex;justify-content:flex-end;background:#724cb0;border-radius:0 0 16px 16px}.objectives-btn-primary{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.objectives-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#9333ea);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.objectives-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.premium-loader-container{display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .3s ease}.premium-loader-container.overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.premium-loader-container.inline{position:relative;padding:40px;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a}.premium-loader-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .4s ease-out}.premium-spinner{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.spinner-ring{position:absolute;border:3px solid transparent;border-radius:50%;animation:spin 2s linear infinite}.spinner-ring:nth-child(1){width:80px;height:80px;border-top:3px solid rgba(139,92,246,.8);border-right:3px solid rgba(139,92,246,.4);animation-duration:2s}.spinner-ring:nth-child(2){width:60px;height:60px;border-top:3px solid rgba(236,72,153,.8);border-left:3px solid rgba(236,72,153,.4);animation-duration:1.5s;animation-direction:reverse}.spinner-ring:nth-child(3){width:40px;height:40px;border-top:3px solid rgba(59,130,246,.8);border-bottom:3px solid rgba(59,130,246,.4);animation-duration:1s}.spinner-core{width:20px;height:20px;background:linear-gradient(135deg,#8b5cf6f2,#f472b6);border-radius:50%;animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 20px #8b5cf666}.loader-message{margin:0;font-size:16px;font-weight:600;color:#374151;text-align:center;letter-spacing:.5px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.premium-loader-content{padding:24px;margin:16px}.premium-spinner{width:60px;height:60px}.spinner-ring:nth-child(1){width:60px;height:60px}.spinner-ring:nth-child(2){width:45px;height:45px}.spinner-ring:nth-child(3){width:30px;height:30px}.spinner-core{width:15px;height:15px}.loader-message{font-size:14px}}.delete-confirmation-overlay{position:fixed;inset:0;z-index:2147483650;display:flex;align-items:center;justify-content:center;padding:24px;background:#0e0a1c8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.delete-confirmation-modal{width:min(100%,480px);border-radius:16px;background:#724cb0;box-shadow:0 25px 50px #00000040;animation:delete-confirmation-fade-in .24s ease-out}@keyframes delete-confirmation-fade-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-confirmation-body{padding:32px 32px 0}.delete-confirmation-title{margin:0 0 12px;color:#fff;font-size:20px;line-height:1.15;font-weight:700;letter-spacing:-.025em}.delete-confirmation-message{margin:0;color:#e1e1e1d1;font-size:14px;line-height:1.5}.delete-confirmation-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px 32px}.delete-confirmation-cancel,.delete-confirmation-confirm{min-width:110px;height:42px;padding:0 20px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.delete-confirmation-cancel{background:#f9fafb;color:#374151;border:1px solid #d1d5db;box-shadow:none}.delete-confirmation-cancel:hover:not(:disabled){background:#f5f7fb;transform:translateY(-1px)}.delete-confirmation-confirm{background:#ef4444;color:#fff;box-shadow:0 2px 4px #ef444433}.delete-confirmation-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #ef3b2d57}.delete-confirmation-cancel:disabled,.delete-confirmation-confirm:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.delete-confirmation-spinner{width:16px;height:16px;animation:delete-confirmation-spin 1s linear infinite}@keyframes delete-confirmation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.delete-confirmation-overlay{padding:16px}.delete-confirmation-modal{width:100%}.delete-confirmation-body{padding:24px 24px 0}.delete-confirmation-title{font-size:18px}.delete-confirmation-message{font-size:13px}.delete-confirmation-actions{flex-direction:column-reverse;padding:16px 24px 24px}.delete-confirmation-cancel,.delete-confirmation-confirm{width:100%}}.training-config-page{margin-left:0;padding:0 20px 20px}.training-config-page::-webkit-scrollbar{width:8px}.training-config-page::-webkit-scrollbar-track{background:transparent}.training-config-page::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:4px}.training-config-page::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.training-config-header{position:sticky;top:0;padding:10px 5px 5px;z-index:100;margin-bottom:20px;margin-right:80px}.training-config-header h1{font-size:18px;font-weight:600;color:#1f2937;margin:0}.daily-video-container{display:flex;height:calc(100vh - 120px);border-radius:12px;overflow:hidden;position:relative}.daily-video-main{flex:1;position:relative;background:#1a1a1a}.daily-frame-wrapper{position:relative;width:100%;height:100%}.daily-iframe-container{width:100%;height:100%;border-radius:12px}.daily-controls-overlay{position:absolute;bottom:20px;right:20px;display:flex;gap:12px;z-index:10}.daily-control-button{width:48px;height:48px;border-radius:50%;border:none;background:#ffffffe6;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.daily-control-button:hover{background:#fff;transform:scale(1.05)}.daily-control-button.daily-muted,.daily-control-button.daily-disabled{background:#ef4444e6;color:#fff}.daily-control-button.daily-muted:hover,.daily-control-button.daily-disabled:hover{background:#ef4444}.daily-close-button{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;border:none;background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px;z-index:10}.daily-close-button:hover{background:#000000b3;transform:scale(1.05)}.daily-video-sidebar{width:300px;background:#374151f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:30px;color:#fff}.daily-sidebar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.daily-status-message{margin-bottom:40px}.daily-status-message h3{font-size:16px;font-weight:600;color:#fff;margin:0;line-height:1.4}.daily-join-button,.daily-leave-button{background:#10b981;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.daily-join-button:hover{background:#059669;transform:translateY(-1px)}.daily-join-button:disabled{background:#6b7280;cursor:not-allowed;transform:none}.daily-leave-button{background:#ef4444}.daily-leave-button:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width: 1024px){.daily-video-container{flex-direction:column;height:auto}.daily-video-sidebar{width:100%;padding:20px}.daily-video-main{height:400px}}@media (max-width: 768px){.training-config-page{margin-left:0;padding:0 10px 10px}.daily-controls-overlay{bottom:10px;right:10px;gap:8px}.daily-control-button{width:40px;height:40px;font-size:16px}}.error-overlay2{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.error-content{background:#ef4444f2;color:#fff;padding:24px 32px;border-radius:12px;text-align:center;max-width:400px;margin:0 20px;box-shadow:0 8px 32px #0000004d;position:relative;animation:errorSlideIn .3s ease-out}.error-content i.fa-exclamation-triangle{font-size:32px;margin-bottom:16px;display:block;color:#fef2f2}.error-content p{margin:0;font-size:16px;font-weight:500;line-height:1.4}.error-dismiss{position:absolute;top:8px;right:8px;background:none;border:none;color:#fffc;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.error-dismiss:hover{background:#ffffff1a;color:#fff}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-message{display:none}.loading-overlay{position:absolute;inset:0;background:#1a1a1a;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner-training{display:flex;flex-direction:column;align-items:center;gap:16px;color:#9ca3af}.loading-spinner-training i{font-size:32px;color:#8b5cf6}.loading-spinner-training p{margin:0;font-size:16px;font-weight:500}.placeholder-overlay{position:absolute;inset:0;background:#1a1a1a;display:flex;align-items:center;justify-content:center;z-index:5}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#6b7280}.placeholder-content i{font-size:48px;opacity:.5}.placeholder-content p{margin:0;font-size:16px;font-weight:500}.call-interface-container{height:calc(100vh - 120px);background:#000;border-radius:12px;overflow:hidden;position:relative}.call-main-video{width:100%;height:100%;position:relative;background:#1a1a1a}.remote-participant-video{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.local-video-corner{position:absolute;bottom:20px;right:20px;width:200px;height:150px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #0006;background:#000}.local-corner-video{width:100%;height:100%;object-fit:cover}.local-video-controls{position:absolute;top:8px;right:8px}.corner-control-btn{background:#0009;border:none;color:#fff;width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px}.call-controls-center{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:16px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:50px;border:1px solid rgba(255,255,255,.1)}.call-control-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease;background:#ffffff1a;color:#fff}.call-control-btn.camera-btn.disabled{background-color:#dc3545!important;opacity:1!important;display:flex!important;visibility:visible!important}.call-control-btn.camera-btn.disabled i{color:#fff!important}.call-control-btn.camera-btn{display:flex!important;visibility:visible!important;opacity:1!important}.call-control-btn:hover{background:#fff3;transform:scale(1.05)}.mic-btn.muted{background:#ef4444}.camera-btn.disabled{background:#6b7280}.end-call-btn{background:#ef4444}.end-call-btn:hover{background:#dc2626}.call-timer-overlay{position:absolute;top:16px;left:16px;z-index:10}.timer-warning{background:#000c;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;max-width:380px;display:flex;flex-wrap:wrap;gap:4px}.timer-warning-text{color:#9ca3af}.timer-warning-time{color:#fbbf24;font-weight:600}.timer-display{background:#000000b3;color:#fff;padding:6px 10px;border-radius:4px;font-size:16px;font-weight:600}.video-with-overlay{position:relative;width:100%;height:100%}.glassy-overlay{position:absolute;inset:0;background:#0099a51a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.2);z-index:2;pointer-events:none}.command-instructions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:16px 20px;z-index:3;border:1px solid rgba(255,255,255,.1);max-width:90%;width:max-content}.command-instructions p{color:#fff;font-size:14px;line-height:1.5;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center}.command-instructions strong{color:#10b981;font-weight:600}@media (max-width: 768px){.command-instructions{bottom:15px;padding:12px 16px;max-width:95%}.command-instructions p{font-size:13px}}.countdown-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-content{text-align:center;color:#fff}.countdown-number{font-size:120px;font-weight:900;color:#10b981;text-shadow:0 0 30px rgba(16,185,129,.5);animation:countdownPulse 1s ease-in-out;margin-bottom:20px}.countdown-text{font-size:24px;font-weight:600;color:#ffffffe6;animation:fadeInUp .5s ease-out}@keyframes countdownPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.SetupIntro-page{padding:0 20px 20px}.training-page::-webkit-scrollbar{width:8px}.training-page::-webkit-scrollbar-track{background:transparent}.training-page::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:4px}.training-page::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.training-header{position:sticky;top:0;padding:10px 5px 5px;z-index:100;margin-bottom:0;margin-right:50px}.training-header h1{font-size:20px;font-weight:600;color:#1f2937;margin:2px}.SetupIntro-container{display:grid;gap:20px;max-width:1300px;margin:0 auto}.input-panel,.preview-panel{background:#724cb0;border-radius:12px;box-shadow:0 18px 32px #00000080;overflow:hidden;display:flex;flex-direction:column}.preview-panel{height:400px}.panel-header{padding:15px;border-bottom:1px solid #c7a5f4;display:flex;justify-content:flex-end;align-items:center}.panel-header h2{margin:0;font-size:14px;font-weight:500;color:#fff}.panel-header-centered{padding:0;border-bottom:1px solid #c7a5f4;display:flex;justify-content:space-between;align-items:center}.panel-header-centered h2{margin:0;font-size:16px;font-weight:500;color:#fff}.preview-tabs{display:flex;gap:8px}.preview-tab{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:14px;cursor:pointer}.preview-tab.active{background:#f3f4f6;border-color:#9ca3af}.input-panel{padding:0}.input-content{padding:24px;flex:1}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:#fff;font-size:14px}.replica-selector{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border:1px solid #d1d5db;background-color:#ffffff1f;border-radius:8px;cursor:auto}.replica-info{display:flex;align-items:center;gap:12px}.replica-avatar img{width:40px;height:40px;border-radius:25%}.replica-name{font-size:16px;color:#111827;font-weight:500}.replica-default{color:#6b7280}.dropdown-arrow{color:#6b7280;font-size:14px}.input-tab-navigation{display:flex;gap:0;margin-bottom:10px;padding-bottom:0}.input-tab-btn{display:flex;align-items:center;gap:8px;padding:12px 0;border:none;background:none;font-size:14px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-right:32px;color:#9ca3af;font-weight:500}.input-tab-btn.active{color:#fff;border-bottom-color:#9859ff;font-weight:600}.input-tab-btn:hover:not(.active){color:#b9b9b9}.input-tab-btn i{font-size:14px}.script-input-container{position:relative;margin-bottom:24px}.script-textarea{width:100%;padding:20px 50px 20px 20px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;line-height:1.6;resize:none;height:140px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#ffffff1f;color:#fff;outline:none;transition:border-color .2s}.script-textarea:focus{border:1px solid #ffffff;box-shadow:0 0 0 3px #6366f11a}.script-textarea::placeholder{color:#bfbfc0;font-size:14px}.random-script-btn{position:absolute;top:16px;right:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-size:13px;color:#6b7280;cursor:pointer;z-index:2;transition:all .2s;display:flex;align-items:center;gap:6px}.random-script-btn:hover{background:#f3f4f6;color:#374151}.random-script-btn i{font-size:12px;color:#5826cd}.magic-btn{position:absolute;bottom:16px;right:16px;width:32px;height:32px;border:none;background:#6b7280;color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background-color .2s}.magic-btn:hover{background:#4b5563}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#fff;background:#ffffff1f;transition:border-color .2s}.form-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:#cacbcc}.generate-btn-setup{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;padding:10px 24px;background:#8b5cf6f2;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;margin-left:auto;margin-top:24px}.generate-btn-setup:hover{background:#8b5cf6f2}.video-preview{flex:1;padding:20px;display:flex;align-items:center;justify-content:center}.video-container2{position:relative;width:100%;max-width:500px;border-radius:12px;overflow:hidden;background:#ffffff1f;aspect-ratio:16/9}.video-container2 img,.video-container2 video{width:100%;height:auto;display:block;object-fit:cover}.preview-overlay{position:absolute;bottom:0;left:0;right:0;background:#000c;color:#fff;padding:12px;font-size:14px;text-align:center}.audio-upload-section{margin-bottom:24px}.audio-drop-zone{border:2px dashed #d1d5db;border-radius:12px;padding:18px;text-align:center;background:#ffffff1f;margin-bottom:15px;transition:border-color .2s}.audio-drop-zone:hover{border-color:#d1d5db}.upload-icon-setup{margin-bottom:2px}.upload-icon-setup i{font-size:24px}.upload-formats-intro{font-size:13px;color:#ffffffe3;margin:0 0 8px}.audio-drop-zone h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.upload-subtitle{color:#ffffff87;font-size:13px;margin-bottom:24px}.audio-action-buttons{display:flex;gap:12px;justify-content:center}.audio-action-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb6b}.upload-btn{background:#fff;color:#374151}.upload-btn:hover{background:#f9fafb}.record-btn2{background:#fff;color:#374151}.record-btn2:hover{background:#f9fafb}.audio-url-section{margin-top:15px}.audio-url-section label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#fff}.uploaded-audio-display{border:1px solid #ffffffc9;border-radius:8px;padding:16px;background:transparent;box-shadow:0 10px 32px #0000004d;margin-bottom:24px}.audio-file-info{display:flex;align-items:center;gap:12px}.audio-icon{width:40px;height:40px;border-radius:50%;background:#fef2f2;display:flex;align-items:center;justify-content:center}.audio-icon i{font-size:16px}.audio-details{flex:1}.audio-filename{font-size:14px;font-weight:500;color:#fff;margin-bottom:4px}.audio-metadata{font-size:12px;color:#fffc}.audio-controls{display:flex;gap:8px}.audio-control-btn{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.audio-control-btn:hover{background:#f9fafb}.audio-control-btn i{font-size:12px;color:#6b7280}.delete-btn:hover{background:#fef2f2;border-color:#fecaca}.delete-btn:hover i{color:#dc2626}.audio-recorder-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.audio-recorder-modal{background:#724cb0;border-radius:16px;padding:40px;text-align:center;min-width:300px}.recorder-initial,.recorder-active{display:flex;flex-direction:column;align-items:center;gap:24px}.record-mic-btn,.stop-record-btn{width:80px;height:80px;border-radius:50%;background:red;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:none}.record-mic-btn:hover,.stop-record-btn:hover{background:#ff0000d7;transform:scale(1.05)}.record-mic-btn i,.stop-record-btn i{color:#fff;font-size:24px}.microphone-selector{position:relative;display:inline-block}.mic-dropdown{padding:12px 40px 12px 16px;border:1px solid #ffffffdc;border-radius:8px;background:#ffffff1f;font-size:14px;appearance:none;cursor:pointer;min-width:200px}.record-instruction-text{color:#fff;font-size:16px;font-weight:500;margin:0;text-align:center}.microphone-selector i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.back-btn-Setup,.cancel-btn{padding:12px 24px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.back-btn-Setup:hover,.cancel-btn:hover{background:#f9fafb}.recording-timer{font-size:24px;font-weight:600;color:#111827}.confirmation-modal{background:#724cb0;border-radius:16px;width:90%;max-width:480px;position:relative;box-shadow:0 20px 40px #00000026;overflow:hidden;animation:modalSlideIn .3s ease-out}.confirmation-modal .modal-header{padding:24px 24px 16px;border-bottom:none}.confirmation-modal .modal-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.confirmation-modal .modal-content{padding:0 24px 24px}.confirmation-modal .modal-content p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#ffffffd9}.confirmation-modal .modal-content p:last-child{margin-bottom:0;font-weight:500;color:#000}.modal-actions-setup{gap:12px;padding:24px;border-top:1px solid #9494944d;display:flex;align-items:center;justify-content:center}.modal-actions-setup .btn-outline-setup{background:#fff;color:#000;border:1px solid #d1d5db;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-actions-setup .btn-outline-setup:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.modal-actions-setup .btn-primary-setup{background:#8b5cf6;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;justify-content:center;display:flex}.modal-actions-setup .btn-primary-setup:hover{background:#7c3aed}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.preview-loader .loading-spinner-setup{text-align:center;color:#fff}.preview-loader .loading-spinner-setup i{font-size:32px;margin-bottom:12px;color:#8b5cf6}.preview-loader .loading-spinner-setup p{font-size:14px;color:#fff;margin:0}.required-star{color:#dc2626;font-weight:700;margin-left:2px}.preview-panel-centered{width:100%;display:flex;flex-direction:column;align-items:center}.video-preview-centered{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:920px;width:100%;background:#724cb0;border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000026}.video-container-centered{width:100%;border-radius:16px;overflow:hidden;background:#724cb0;aspect-ratio:16/9;box-shadow:0 12px 32px #00000040;border:2px solid rgba(255,255,255,.15);position:relative}.preview-video-player-intro{width:100%;height:100%;object-fit:cover;background:#724cb0}.video-info-centered{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.video-name-centered{color:#fff;font-size:18px;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.delete-video-btn-centered{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.delete-video-btn-centered:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.delete-video-btn-centered:hover:before{left:100%}.delete-video-btn-centered:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 12px 28px #ef444466}.delete-video-btn-centered:active{transform:translateY(0);box-shadow:0 6px 16px #ef44444d}.delete-video-btn-centered i{font-size:16px;transition:transform .3s ease}.delete-video-btn-centered:hover i{transform:scale(1.1)}.preview-loader{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#724cb0}.loading-spinner-setup{text-align:center;color:#fffc}.loading-spinner-setup i{font-size:32px;margin-bottom:12px;color:#ffffffe6}.loading-spinner-setup p{font-size:16px;color:#ffffffb3;margin:0;font-weight:500}@media (max-width: 768px){.video-preview-centered{padding:24px;gap:24px}.video-name-centered{font-size:18px}.delete-video-btn-centered{padding:12px 24px;font-size:14px}}.setup-intro-error-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:995}.setup-intro-error-modal{background:#724cb0;border-radius:16px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 40px #0000004d;text-align:center}.setup-intro-error-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.setup-intro-error-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.setup-intro-error-icon{color:#ef4444;font-size:24px}.setup-intro-error-content{margin-bottom:32px}.setup-intro-error-content p{color:#fffc;line-height:1.5;margin:0;font-size:16px}.setup-intro-error-actions{display:flex;justify-content:center}.setup-intro-retry-btn{background:#f65c5ce2;color:#fff;border:none;padding:12px 32px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease;min-width:120px}.setup-intro-retry-btn:hover{background:#ed3a3a;transform:translateY(-1px)}.third-party-config-page{min-height:90vh;padding:0 20px 20px}.third-party-config-header{position:sticky;top:0;padding:12px 0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100;margin-bottom:16px}.third-party-config-header h1{font-size:18px;font-weight:600;color:#1f2937;margin:0}.third-party-config-content{background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#c6adf2,#9667df);box-shadow:0 8px 8px #0000004d;border-radius:16px;padding:32px;max-width:760px;margin:0 auto}.config-description{display:flex;align-items:flex-start;gap:16px;margin-bottom:30px;padding:20px;background:#724cb0;border-radius:12px;border-left:4px solid #8b5cf6;word-break:normal;overflow-wrap:break-word}.description-text{min-width:0}.description-icon{flex-shrink:0;width:42px;height:42px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.description-text h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 6px}.description-text p{font-size:13px;color:#ffffff94;line-height:1.55;margin:0}.email-config-form{max-width:100%}.form-group-inquiry{margin-bottom:24px}.form-label-inquiry{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#374151;margin-bottom:9px}.form-label-inquiry .info-tooltip,.description-text h3 .info-tooltip{flex-shrink:0;display:flex;align-items:center}.description-text h3{display:flex;align-items:center;gap:6px}.info-tooltip{position:relative;display:inline-block;outline:none;border:none;background:none}.info-tooltip .tooltip-content{visibility:hidden;opacity:0;position:absolute;top:100%;left:120%;transform:translate(-50%);margin-top:8px;background:#754eb2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;padding:16px;width:300px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-size:13px;line-height:1.4;color:#fff;z-index:1000;transition:opacity .2s ease,visibility .2s ease}.info-tooltip .tooltip-content:before{content:none}.info-tooltip:hover .tooltip-content{visibility:visible;opacity:1}.info-tooltip .tooltip-content p{margin:0}.info-tooltip .tooltip-content:has(.scheduling-tooltip-content){width:380px;max-height:460px;overflow-y:auto;text-align:left;padding:14px 16px}.scheduling-tooltip-content p{margin:0 0 8px;font-size:12.5px;line-height:1.45;color:#fff}.scheduling-tooltip-content h4{margin:12px 0 6px;font-size:13px;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:4px}.scheduling-tooltip-content ol{margin:0 0 8px;padding-left:18px}.scheduling-tooltip-content li{margin:2px 0;font-size:12.5px;line-height:1.45;color:#fff}.scheduling-tooltip-content em{display:block;margin:8px 0 4px;font-style:normal;font-weight:600;font-size:12px;color:#ffffffd9}.scheduling-tooltip-content code{font-family:Courier New,Consolas,monospace;font-size:11.5px;background:#ffffff2e;padding:1px 4px;border-radius:3px;word-break:break-all}.scheduling-tooltip-content strong{font-weight:600;color:#fff}.required-star{color:#ececec;margin-left:4px}.email-input-row{display:flex;align-items:center;gap:16px}.email-input-wrapper{flex:1;position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#979797d6;font-size:14px}.email-input{width:100%;padding:13px 14px 13px 42px;border-radius:10px;font-size:14px;color:#000;border:1px solid #d1d5db;background-color:#e3ebf9;transition:all .3s ease}.email-input:focus{outline:none;border:2px solid #d1d5db;box-shadow:0 0 0 3px #8b5cf61a}.email-input::placeholder{font-size:13px;color:#858585bc}.file-attachment-display{cursor:default;color:#4b5563}.toggle-wrapper-inquiry{display:flex;align-items:center;gap:10px;flex-shrink:0;align-self:center}.toggle-switch-inquiry{position:relative;display:block;width:46px;height:24px;flex-shrink:0}.toggle-switch-inquiry input{opacity:0;width:0;height:0}.toggle-slider-inquiry{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-slider-inquiry:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider-inquiry{background-color:#8b5cf6}input:checked+.toggle-slider-inquiry:before{transform:translate(22px)}.toggle-label-inquiry{font-size:13px;font-weight:500;color:#374151;min-width:60px;line-height:24px}.warning-message{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;background:#fef3cd;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:13px}.warning-message i{color:#f59e0b}.form-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.submit-btn-inquiry{display:flex;align-items:center;gap:7px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.submit-btn-inquiry:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.submit-btn-inquiry:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn-inquiry i.fa-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.third-party-config-content{padding:24px}.email-input-row{flex-direction:column;align-items:stretch;gap:16px}.toggle-wrapper{justify-content:center}}.input-icon.enabled{color:#10b981!important}.scheduling-type-row{display:flex;gap:12px;margin-top:8px}.scheduling-type-option{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid rgba(139,92,246,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s;background:transparent;flex:1;justify-content:center}.scheduling-type-option input[type=radio]{display:none}.scheduling-type-option:hover{border-color:#8b5cf699;color:#8b5cf6}.scheduling-type-option.active{border-color:#8b5cf6;background:#8b5cf614;color:#8b5cf6}.scheduling-type-option i{font-size:15px}.calendly-not-connected{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px}.calendly-connect-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #8b5cf659}.calendly-connect-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf673}.calendly-hint{font-size:12px;color:#6b7280;margin:0}.calendly-connected-state{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#e3ebf9;border:1px solid rgba(124,58,237,.25);border-radius:10px;flex-wrap:wrap}.calendly-connected-info{display:flex;flex-direction:column;gap:8px}.calendly-connected-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#059669}.calendly-connected-badge i{font-size:14px;flex-shrink:0}.calendly-connected-details{display:flex;flex-direction:column;gap:4px}.connected-name{font-size:13px;font-weight:600;color:#1f2937}.connected-email{font-size:12px;color:#6b7280}.connected-event{display:flex;align-items:center;gap:6px;font-size:12px;color:#7c3aed;font-weight:500}.connected-event i{font-size:12px;flex-shrink:0}.calendly-connected-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.calendly-reconnect-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;color:#7c3aed;border:1px solid #7c3aed;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.calendly-reconnect-btn:hover{background:#7c3aed12}.calendly-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.calendly-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 24px 64px #00000038;overflow:hidden;animation:calendly-modal-in .2s ease}@keyframes calendly-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.calendly-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e7eb}.calendly-modal-header h3{font-size:16px;font-weight:700;color:#1f2937;margin:0}.calendly-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;font-size:13px;cursor:pointer;transition:all .2s;flex-shrink:0}.calendly-modal-close:hover{background:#e5e7eb;color:#111827}.calendly-modal-body{padding:22px;display:flex;flex-direction:column;gap:14px}.calendly-modal-desc{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.calendly-token-success{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:10px}.calendly-token-success>i{font-size:22px;color:#10b981;flex-shrink:0;margin-top:1px}.token-success-title{font-size:14px;font-weight:600;color:#065f46;margin:0 0 3px}.token-success-sub{font-size:12px;color:#6b7280;margin:0}.calendly-user-confirmed{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;padding:10px 14px;background:#10b98112;border:1px solid rgba(16,185,129,.25);border-radius:8px}.calendly-user-confirmed i{color:#10b981;font-size:15px;flex-shrink:0}.calendly-event-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.4) transparent}.calendly-event-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .18s ease;background:#fafafa}.calendly-event-card:hover{border-color:#8b5cf680;background:#8b5cf60a}.calendly-event-card.selected{border-color:#8b5cf6;background:#8b5cf612}.calendly-event-info{display:flex;flex-direction:column;gap:3px}.calendly-event-name{font-size:14px;font-weight:600;color:#1f2937}.calendly-event-duration{font-size:12px;color:#6b7280}.calendly-event-check{color:#8b5cf6;font-size:17px;flex-shrink:0}.calendly-event-card.disabled{opacity:.55;cursor:not-allowed;background:#f3f4f6}.calendly-event-card.disabled:hover{border-color:#e5e7eb;background:#f3f4f6}.calendly-event-already-added{font-size:11px;font-weight:600;color:#6b7280;background:#e5e7eb;padding:2px 8px;border-radius:999px;margin-left:8px;text-transform:uppercase;letter-spacing:.3px}.calendly-modal-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:#8b5cf6;padding:6px 0}.calendly-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.calendly-modal-cancel{padding:10px 18px;background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.calendly-modal-cancel:hover{background:#f9fafb;color:#374151}.calendly-modal-primary{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px #8b5cf64d}.calendly-modal-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 5px 14px #8b5cf666}.calendly-modal-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.email-error-message{display:flex;align-items:center;gap:6px;font-size:12px;color:#ef4444;margin-top:-4px}.email-error-message i{font-size:12px;flex-shrink:0}.calendly-keys-list{display:flex;flex-direction:column;gap:10px}.calendly-key-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffffd9;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s ease}.calendly-key-row.active{border-color:#8b5cf6;background:#fff;box-shadow:0 2px 8px #8b5cf626}.calendly-key-radio{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.calendly-key-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.calendly-key-radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid #d1d5db;background:#fff;display:inline-block;position:relative;transition:all .2s ease}.calendly-key-radio input:checked+.calendly-key-radio-dot{border-color:#8b5cf6}.calendly-key-radio input:checked+.calendly-key-radio-dot:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#8b5cf6}.calendly-key-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.calendly-key-name-row{display:flex;align-items:center;gap:8px}.calendly-key-name{font-size:14px;font-weight:600;color:#1f2937}.calendly-key-active-tag{font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}.calendly-key-email{font-size:12px;color:#6b7280}.calendly-key-event{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#4b5563;margin-top:2px}.calendly-key-event i{color:#8b5cf6}.calendly-key-actions{display:flex;gap:6px;flex-shrink:0}.calendly-key-edit-btn,.calendly-key-delete-btn{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.calendly-key-edit-btn{border:1px solid #ddd6fe;background:#f5f3ff;color:#7c3aed}.calendly-key-edit-btn:hover{background:#ede9fe;border-color:#c4b5fd}.calendly-key-delete-btn{border:1px solid #fecaca;background:#fff5f5;color:#ef4444}.calendly-key-delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.calendly-keys-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.calendly-add-key-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px dashed #8b5cf6;background:#8b5cf614;color:#6d28d9;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.calendly-add-key-btn:hover:not(:disabled){background:#8b5cf626;border-color:#7c3aed}.calendly-add-key-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.calendly-key-row{flex-wrap:wrap}.calendly-key-actions{margin-left:auto}}.link-scheduling-list{display:flex;flex-direction:column;gap:14px}.link-scheduling-row{display:flex;flex-direction:column;gap:6px}.link-scheduling-inputs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.link-scheduling-name-wrapper{position:relative;flex:0 0 180px;min-width:140px}.link-scheduling-link-wrapper{position:relative;flex:1;min-width:220px}.link-scheduling-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #fecaca;background:#fff5f5;color:#ef4444;cursor:pointer;transition:all .2s ease;flex-shrink:0}.link-scheduling-remove-btn:hover{background:#fee2e2;border-color:#fca5a5}.link-scheduling-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:4px}.link-scheduling-add-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px dashed #8b5cf6;background:#8b5cf614;color:#6d28d9;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.link-scheduling-add-btn:hover:not(:disabled){background:#8b5cf626;border-color:#7c3aed}.link-scheduling-add-btn:disabled{opacity:.5;cursor:not-allowed}.link-scheduling-master-toggle{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#fff9;border-radius:10px}@media (max-width: 768px){.link-scheduling-inputs{flex-direction:column;align-items:stretch}.link-scheduling-name-wrapper,.link-scheduling-link-wrapper{flex:1 1 auto;width:100%}.link-scheduling-remove-btn{align-self:flex-end}}.generate-widget-page{margin-left:0;padding:0 20px 20px;position:relative}.generate-widget-page::-webkit-scrollbar{width:8px}.generate-widget-page::-webkit-scrollbar-track{background:transparent}.generate-widget-page::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.generate-widget-page::-webkit-scrollbar-thumb:hover{background:#ffffff80}.generate-widget-header{position:sticky;top:0;background:#f9fafb;padding:15px 0;border-bottom:1px solid #e5e7eb;z-index:100;margin-bottom:20px;margin-right:50px}.generate-widget-header h1{font-size:22px;font-weight:600;color:#1f2937;margin:0}.generate-widget-content{border-radius:16px;padding:20px 30px 0;background:transparent;box-shadow:none;position:relative}.generate-widget-content p{font-size:13px;color:#ffffffe6;margin:0;line-height:1.4}.widget-config-section{position:relative}.widget-config-section h2{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px}.section-description{font-size:16px;font-weight:700;color:#000!important;margin:0 0 10px!important;line-height:1.6}.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto 30px;max-width:90%;position:relative}.top-row-grid{display:grid;grid-template-columns:3fr 4fr 5fr;gap:20px;margin:0 auto 30px;max-width:90%;position:relative}@media (max-width: 1400px){.config-grid,.top-row-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.config-grid,.top-row-grid{grid-template-columns:1fr}}.config-group{background:#724cb0;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px;transition:all .2s ease;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff1a}.config-group:hover{border-color:#ffffff40;background:#724cb0;box-shadow:0 12px 40px #0000002e,inset 0 1px #ffffff26}.config-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.config-header-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.config-header-left{display:flex;align-items:center;gap:12px}.toggle-switch{display:flex;align-items:center;margin-left:100px}.toggle-input{display:none}.toggle-label{position:relative;display:inline-block;width:50px;height:24px;background-color:#ccc;border-radius:24px;cursor:pointer;transition:background-color .3s}.toggle-input:checked+.toggle-label{background-color:#8b5cf6}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-input:checked+.toggle-label .toggle-slider{transform:translate(26px)}.config-number{width:22px;height:22px;background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #0000001a}.config-group h3{font-size:13px;font-weight:600;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.required-star{color:#fbbf24}.radio-group{display:flex;gap:20px;margin-top:20px;margin-left:inherit}.radio-option input[type=radio]{display:none}.radio-option{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#ffffffe6}.radio-custom{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-radius:50%;margin-right:12px;position:relative;transition:all .2s ease}.radio-option input[type=radio]:checked+.radio-custom{border-color:#8b5cf6;background:#8b5cf6}.radio-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.radio-label{font-weight:500;font-size:13px}.size-input-group{margin-top:5px}.size-input-group label{display:block;font-size:11px;font-weight:500;color:#ffffffe6;margin-bottom:8px}.size-input{width:120px;height:35px;padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;transition:border-color .2s ease;background:#ffffff1f;color:#fff}.size-input::-webkit-outer-spin-button,.size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-input[type=number]{appearance:textfield;-moz-appearance:textfield}.size-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #fff3}.size-input::placeholder{color:#c3c2c2}.color-selection{display:flex;flex-direction:column;gap:20px}.color-palette{display:flex;gap:12px;flex-wrap:wrap}.color-option{width:30px;height:30px;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#374151;box-shadow:0 0 0 2px #fff,0 0 0 4px #374151}.custom-color-input label{font-size:14px;font-weight:500;color:#ffffffe6}.color-picker{width:45px;height:30px;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;background:#ffffff1a}.image-upload-section{display:flex;flex-direction:column;gap:0px}.file-input{display:none}.upload-area-widget{border:2px dashed rgba(255,255,255,.4);border-radius:12px;padding:10px;text-align:center;transition:all .2s ease;cursor:pointer;background:#ffffff0d;min-width:100px}.upload-area-widget:hover{border-color:#fff9;background:#ffffff1a}.upload-label{display:flex;flex-direction:column;align-items:center;gap:0px;cursor:pointer;color:#fffc}.upload-icon2{font-size:25px;color:#fff}.upload-label span{font-size:13px;font-weight:500;color:#fff}.upload-label small{font-size:12px;color:#ffffffb3}.image-size-inputs{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.size-input-row{display:flex;gap:20px}.size-input-row .size-input-group{margin-top:0;flex:1}.form-input{margin-bottom:10px;font-size:13px;height:40px}.bottom-actions2{display:flex;justify-content:center}.generate-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:15px 25px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;margin-left:0;border:solid 1px #ddd}.generate-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn:disabled:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.checkbox-group{display:flex;flex-direction:row;gap:20px;margin-bottom:12px}.checkbox-group-vertical{display:flex;flex-direction:column;gap:16px}.auth-mode-group{display:flex;flex-direction:column;gap:12px}.auth-mode-label{color:#fff}.auth-mode-options{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.auth-inline-option{margin-left:0}.checkbox-group-horizontal{display:flex;gap:30px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.checkbox-group-horizontal{flex-direction:column;align-items:flex-start;gap:16px}}.checkbox-option{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#ffffffe6}.checkbox-option.disabled-option{opacity:.6;cursor:not-allowed}.checkbox-option.disabled-option .checkbox-custom{background-color:#f3f4f6;border-color:#d1d5db;cursor:not-allowed}.checkbox-option.disabled-option .checkbox-label{color:#9ca3af;cursor:not-allowed}.checkbox-option input[type=checkbox]{display:none}.info-icon{margin-left:8px;color:#fff;font-size:12px;cursor:auto}.upgrade-lock-icon{margin-left:8px;color:#ef4444;font-size:12px;cursor:help}.checkbox-option{position:relative}.checkbox-custom{width:20px;height:20px;flex-shrink:0;border:2px solid rgba(255,255,255,.4);border-radius:4px;margin-right:12px;position:relative;transition:all .2s ease}.checkbox-option input[type=checkbox]:checked+.checkbox-custom{border-color:#b3b3b3;background:#ffffff1f}.checkbox-option input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-label{font-weight:500;font-size:13px}.text-input-group{margin-top:0}.text-input-group label{display:block;font-size:12px;font-weight:500;color:#ffffffe6;margin-bottom:8px}.text-input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;transition:border-color .2s ease;background:#ffffff1f;color:#fff}.text-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #fff3}.text-input::placeholder{color:#dbdbdb;font-style:italic}.intro-video-options{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.uploaded-file-info{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 16px #0000001a;border-radius:8px;padding:8px}.file-details{display:flex;align-items:center;gap:12px}.file-icon{color:#fffc;font-size:13px}.file-name{flex:1;font-size:13px;font-weight:500;color:#fff;word-break:break-all}.remove-file-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:10px}.remove-file-btn:hover{background:#dc2626;transform:scale(1.1)}.widget-info-tooltip{position:relative;display:inline-block;margin-left:8px}.widget-styling-group .widget-tooltip-content{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}.widget-styling-group .widget-tooltip-content:before{top:auto;bottom:-6px;transform:translate(-50%) rotate(-135deg)}.widget-tooltip-content{visibility:hidden;opacity:0;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#754eb2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:16px;width:320px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-size:13px;line-height:1.4;color:#374151;z-index:1002;transition:opacity .2s ease,visibility .2s ease}.widget-tooltip-content:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#754eb2;border:1px solid rgba(255,255,255,.3);border-bottom:none;border-right:none;transform:translate(-50%) rotate(45deg)}.widget-info-tooltip:hover .widget-tooltip-content{visibility:visible;opacity:1}.widget-tooltip-content p{margin:0 0 12px}.widget-tooltip-content p:last-child{margin-bottom:0}.preview-button-container{margin-top:12px;display:flex;justify-content:center}.preview-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:11px;transition:background .2s ease}.preview-btn:hover{background:#ffffff4d}.preview-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a;border-color:#fff3}.preview-btn:disabled:hover{background:#ffffff1a;transform:none}.preview-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.preview-modal{background:#724cb0;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preview-modal-header h4{margin:0;font-size:18px;font-weight:600;color:#fff}.close-preview-btn{background:none;border:none;font-size:18px;color:#cfcfcf;cursor:pointer;padding:4px}.close-preview-btn:hover{color:#fff}.preview-modal-content{display:flex;justify-content:center;align-items:center;padding:20px}.widget-preview{box-shadow:0 4px 12px #00000026;transition:all .3s ease}.widget-preview-section{margin-top:20px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.widget-preview-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#374151}.widget-preview-container{display:flex;justify-content:center;align-items:center;padding:20px}.widget-preview:hover{transform:scale(1.05)}.position-styling-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.position-styling-grid{grid-template-columns:1fr}}.custom-color-input{display:flex;align-items:center;gap:12px}.custom-color-input label{font-size:13px;font-weight:500;color:#ffffffe6}.hex-color-input{display:flex;align-items:center;gap:12px}.hex-color-input label{font-size:13px;font-weight:500;color:#ffffffe6}.hex-input{width:100px;padding:6px 12px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;font-family:monospace}.hex-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #fff3}.hex-input::placeholder{color:#fff9}.color-input-row{display:flex;align-items:center;gap:20px}.hex-input.invalid{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.error-text{color:#ef4444;font-size:12px;margin-top:4px;display:block}.widget-styling-group{grid-column:1 / -1;background:#724cb0;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px;transition:all .2s ease;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff1a}.widget-styling-group:hover{border-color:#ffffff40;background:#724cb0;box-shadow:0 12px 40px #0000002e,inset 0 1px #ffffff26}.widget-styling-content{display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:350px}.widget-styling-content-one,.widget-styling-content-two{display:flex;align-items:center;gap:20px}.widget-styling-inputs{display:flex;justify-content:space-between;gap:20px;flex:1}.widget-styling-inputs .size-input-group{margin-top:0;flex:0 0 auto}.widget-styling-inputs .size-input{width:110px}.widget-preview-sizes{display:flex;align-items:center;gap:20px;flex-direction:column}.widget-preview-sizes h4{font-size:14px;font-weight:600;color:#fff;margin:0;flex-shrink:0}.preview-sizes-row{display:flex;gap:30px;align-items:center;justify-content:center;flex-wrap:wrap;flex:1}.preview-size-item{display:flex;flex-direction:column;align-items:center;gap:8px}.preview-size-item span{font-size:12px;color:#fffc;font-weight:500}.widget-position-radio{display:flex;gap:20px;align-items:center;margin-left:auto}@media (max-width: 980px){.widget-styling-content{align-items:flex-start;margin-left:10px}.widget-position-radio{margin-left:0;margin-top:10px}}@media (max-width: 1480px){.widget-styling-content-one,.widget-styling-content-two{flex-wrap:wrap}}@media (max-width: 768px){.widget-styling-inputs{flex-direction:column;align-items:flex-start;gap:12px}.widget-styling-inputs .size-input{width:120px}.widget-preview-sizes{margin-left:22px!important}.generate-widget-content,.widget-config-section,.config-grid{overflow-x:hidden!important;width:fit-content!important;text-align:center!important;justify-self:anchor-center!important}.generate-widget-content{padding:30px 14px 0!important}}.text-color-section{margin-top:16px}.text-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.Scrollbar{overflow-y:auto!important;scroll-behavior:auto!important;max-height:calc(96vh - 100px)}.widget-radius-select-wrapper{position:relative;width:100%}.widget-radius-select{width:100%;padding:8px 30px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1f;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#fff;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.widget-radius-select:hover{border-color:#ffffff80;background:#ffffff2e}.widget-radius-select.focused{border-color:#fff;box-shadow:0 0 0 3px #fff3;background:#fff3}.widget-radius-select i{transition:transform .2s ease;color:#fffc;margin-left:10px}.widget-radius-select i.rotated{transform:rotate(180deg)}.widget-radius-options{position:absolute;bottom:100%;left:0;right:0;background:#724cb0f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 -8px 32px #0000004d;z-index:1000;max-height:200px;overflow-y:auto;margin-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.widget-radius-options::-webkit-scrollbar{width:6px}.widget-radius-options::-webkit-scrollbar-track{background:transparent}.widget-radius-options::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.widget-radius-option{padding:12px 16px;cursor:pointer;font-size:14px;color:#ffffffe6;display:flex;align-items:center;gap:8px;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.widget-radius-option:last-child{border-bottom:none}.widget-radius-option:hover{background:#ffffff26;color:#fff}.widget-radius-option.selected{background:#fff3;color:#fff;font-weight:600}.widget-radius-option.selected:before{content:"✓";color:#25be5d;font-weight:700;margin-right:8px}.email-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.email-error-message{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.email-error-message i{color:#ef4444;font-size:12px}.default-image-container{display:flex;flex-direction:column;align-items:center;gap:12px}.default-widget-image{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.image-action-buttons{display:flex;gap:8px}.upload-action-btn{padding:8px 16px;border:1px solid rgba(161,103,255,.6);border-radius:6px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;cursor:pointer;font-size:12px;transition:all .2s ease}.upload-action-btn i{padding-right:5px}.upload-action-btn:hover{background:linear-gradient(135deg,#7348d6,#7333e2);color:#fff;border-color:#a167ff99}.reset-action-btn{padding:8px 16px;border:1px solid rgba(255,99,71,.3);border-radius:6px;background:#ff6347b3;color:#fff;cursor:pointer;font-size:12px;transition:all .2s ease}.reset-action-btn:hover{background:tomato;border-color:#ff634799}.reset-action-btn i{padding-right:5px}.cancel-upload-btn{margin-top:8px;padding:6px 12px;background:#fff;border:1px solid rgba(255,255,255,.3);color:#000000b3;border-radius:4px;cursor:pointer;font-size:12px}.Scrollbar{scroll-behavior:auto}.generate-widget-page,.Scrollbar,.generate-widget-content,.widget-config-section,.config-grid{position:relative}@media (max-width: 1024px){.generate-widget-page{scroll-behavior:auto!important;position:relative;padding:10px 0 20px!important;overflow-x:hidden}.Scrollbar{overflow-y:auto!important;scroll-behavior:auto!important;max-height:calc(96vh - 100px)}.bottom-actions2{padding-top:2%}.config-grid{scroll-margin-top:0!important;margin-top:0!important}}@media (min-width: 1025px){.Scrollbar{overflow-y:visible!important;scroll-behavior:unset!important;max-height:none!important}}.settings-page{border-radius:16px;padding:0 20px 20px;margin:0 auto}.settings-header{padding:20px 5px 5px;z-index:100;margin-bottom:20px;margin-right:50px}.settings-header h1{font-size:18px;font-weight:600;color:#111827;margin:0}.settings-close-btn{background:#6b7280;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s ease}.settings-close-btn:hover{background:#4b5563}.settings-content{padding:5px;margin:0 80px 23px 90px}.settings-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.settings-card{background:transparent;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #0000001a;transition:transform .2s ease,box-shadow .2s ease;height:350px}.settings-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.card-image{width:100%;height:220px;position:relative;overflow:hidden}.card-image-disabled{filter:grayscale(100%)}.card-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-align:center}.overlay-lock-icon{font-size:24px;color:#ef4444}.overlay-text{font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-update-btn:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.card-img,.card-img-top{width:100%;height:100%;object-fit:cover;object-position:center 35%}.settings-page .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card-text{flex:1}.card-content h3{font-size:16px;font-weight:600;color:#111827}.card-content p{font-size:14px;color:#000!important;line-height:1.5;margin:0 0 16px}.card-update-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;width:auto;min-width:80px}.card-update-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.card-update-btn:disabled{background:#d1d5db;color:#8d8e91;cursor:not-allowed}.card-update-btn-in-progress{background:#fea103eb!important;color:#fff!important;cursor:not-allowed!important;opacity:1!important}.card-update-btn-failed{background:#ef4444!important;color:#fff!important;border-color:#dc2626!important}.card-update-btn-failed:hover{background:#dc2626!important}.card-training-tooltip-wrapper{position:relative;display:inline-block}.card-training-status-icon{font-size:12px;margin-left:6px;cursor:help}.card-training-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#8362ba;color:#fff;padding:8px 12px;border-radius:6px;width:200px;z-index:1000;margin-bottom:8px;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.card-training-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #8362ba}.card-training-tooltip-wrapper:hover .card-training-tooltip{visibility:visible;opacity:1}.card-training-tooltip .tooltip-header{font-weight:600;font-size:13px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.3)}.card-training-tooltip .tooltip-progress-list{margin:0;padding-left:16px;font-size:12px;line-height:1.5}.card-training-tooltip .tooltip-progress-list li{margin-bottom:2px}.enquire-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.enquire-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.enquire-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #eee;margin-bottom:24px;text-wrap:wrap}.enquire-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333;padding-bottom:16px}.enquire-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease;flex-shrink:0}.enquire-modal-close:hover{color:#333}.enquire-modal-content{padding:0 24px}.enquire-form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.enquire-form-group label,.select-wrapper .select-label{font-size:14px;font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.enquire-form-group label .required{color:#ef4444}.enquire-form-group input,.enquire-form-group textarea,.enquire-form-group select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;color:#333}.enquire-form-group input::placeholder,.enquire-form-group textarea::placeholder{color:#9ca3af}.enquire-form-group input:focus,.enquire-form-group textarea:focus,.enquire-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.enquire-form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.enquire-form-group.error input,.enquire-form-group.error textarea,.enquire-form-group.error select{border-color:#ef4444;background-color:#fef2f2}.enquire-form-group.error input:focus,.enquire-form-group.error textarea:focus,.enquire-form-group.error select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.enquire-error-message{font-size:12px;color:#ef4444;margin-top:4px}.enquire-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquire-phone-group{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:flex-start}.enquire-phone-group select{padding:10px 8px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;min-height:100%}.enquire-phone-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.enquire-form-group.error .enquire-phone-group select{border-color:#ef4444;background-color:#fef2f2}.enquire-char-counter{display:flex;justify-content:flex-end;font-size:12px;color:#9ca3af}.enquire-modal-footer{display:flex;gap:12px;padding:24px;border-top:1px solid #eee;margin-top:24px}.btn-enquire-cancel,.btn-enquire-submit{flex:1;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn-enquire-cancel{background:#f3f4f6;color:#666;border:1px solid #d1d5db}.btn-enquire-cancel:hover:not(:disabled){background:#e5e7eb;color:#333}.btn-enquire-submit{background:#8b5cf6;color:#fff}.btn-enquire-submit:hover:not(:disabled){background:#8b5cf6}.btn-enquire-cancel:disabled,.btn-enquire-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.enquire-modal-overlay{padding:16px}.enquire-modal{margin:10px;max-width:none;width:calc(100% - 20px)}.enquire-modal-header,.enquire-modal-content,.enquire-modal-footer{padding-left:16px;padding-right:16px}.enquire-modal-header h2{font-size:18px}.enquire-form-row{grid-template-columns:1fr;gap:0;margin-bottom:0}.enquire-form-row .enquire-form-group{margin-bottom:20px}.enquire-phone-group{grid-template-columns:100px 1fr;gap:10px}.enquire-modal-footer{flex-direction:column-reverse;gap:10px;padding:16px}.btn-enquire-cancel,.btn-enquire-submit{flex:none;width:70%;margin:auto}}@media (max-width: 480px){.enquire-form-group input,.enquire-form-group textarea,.enquire-form-group select,.enquire-modal-header h2{font-size:16px}.enquire-phone-group{grid-template-columns:90px 1fr}.enquire-phone-group select{padding:8px 6px;font-size:12px}}.enquire-phone-group{display:flex;position:relative}.country-dropdown-settings{position:absolute;top:100%;left:0;width:100px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000}.country-option-settings{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;color:#000}.country-option-settings:hover{background:#f5f5f5}.country-code-settings{color:#333}#mobileNumber{min-width:80%;max-width:80%}.country-selector-settings{cursor:pointer;border:1px solid #c5bebed7;background-color:#fff}.select-wrapper .button{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);min-width:200px;justify-content:space-between}.select-wrapper .button:where(.dark,.dark *){--border: rgb(255 255 255/10%);--highlight: rgb(255 255 255/5%);--shadow: rgb(0 0 0/25%);background-color:#ffffff0d;color:#fff;box-shadow:inset 0 0 0 1px var(--border),inset 0 -1px 0 1px var(--shadow),inset 0 1px 0 var(--highlight)}.select-wrapper .button:not(:active):hover{--border: rgb(0 0 0/33%)}.select-wrapper .button:where(.dark,.dark *):not(:active):hover{--border: rgb(255 255 255/25%)}.select-wrapper .button[aria-disabled=true]{opacity:.5}.select-wrapper .button[data-focus-visible]{outline-style:solid}.select-wrapper .button:active,.select-wrapper .button[data-active]{padding-top:.125rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--border)}@media (min-width: 640px){.select-wrapper .button{gap:.5rem}}.select-wrapper .button:active:where(.dark,.dark *),.select-wrapper .button[data-active]:where(.dark,.dark *){box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 1px 1px var(--shadow)}.select-wrapper{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.select-wrapper .popover{z-index:50;display:flex;max-height:min(var(--popover-available-height, 300px),300px);flex-direction:column;overscroll-behavior:contain;border-radius:.5rem;border-width:1px;border-style:solid;border-color:#dae2e7;background-color:#fff;padding:.5rem;color:#000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:auto;transform-origin:top;opacity:0;transition-property:opacity,scale,translate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;scale:.95;translate:0 -.5rem}.select-wrapper .popover:focus-visible,.select-wrapper .popover[data-focus-visible]{outline:2px solid #8b5cf6;outline-offset:-1px}.select-wrapper .popover:where(.dark,.dark *){border-color:#3b3e40;background-color:#27292a;color:#fff;box-shadow:0 10px 15px -3px #00000040,0 4px 6px -4px #0000001a}.select-wrapper .select-item{display:flex;cursor:default;scroll-margin:.5rem;align-items:center;gap:.5rem;border-radius:.25rem;padding:.5rem;outline:none!important}.select-wrapper .select-item[aria-disabled=true]{opacity:.5}.select-wrapper .select-item[data-active-item]{background-color:#8b5cf6;color:#fff}.select-wrapper .popover[data-enter]{opacity:1;scale:1;translate:0}.linkedin-banner-generator{padding:20px;background:#724cb0;border-radius:8px;color:#fff;margin-top:20px}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;color:#fff}.email-notes-header{margin-left:15px}.email-notes-header h4{display:flex;justify-content:space-between;align-items:center;margin-left:5px;color:#fff}.banner-header{text-align:center;margin-bottom:30px}.header-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.title-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ffffff1a;border-radius:8px}.title{font-size:24px;font-weight:600;margin:0}.subtitle{color:#fffc;font-size:14px;max-width:600px;margin:0 auto}.banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.banner-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 32px #00000080;border-radius:8px;overflow:hidden}.linkedin-banner-generator .card-header{padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between}.card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;margin:0}.card-icon{width:18px;height:18px;color:#ffffffb3}.linkedin-banner-generator .card-content{padding:20px;max-width:unset}.form-section{margin-bottom:10px}.section-header-image{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#ffffffb3;margin-bottom:16px}.section-icon{width:14px;height:14px}.form-group{margin-bottom:16px}.form-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffe6!important;margin-bottom:6px}.label-icon{width:12px;height:12px}.optional{color:#fff9;font-weight:400}.form-input{width:100%;padding:10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px}.form-input::placeholder{color:#ffffff80}.form-input:focus{outline:none;border-color:#fff6;background:#ffffff26}.linkedin-banner-generator .form-divider{height:1px;background:#ffffff1a;margin-bottom:5px;margin-top:5px}.ai-background-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px;margin-bottom:10px}.toggle-content{display:flex;align-items:center;justify-content:space-between}.toggle-label2{font-size:13px;color:#fff;font-weight:500}.toggle-description2{font-size:11px;color:#fff9;margin-top:2px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#8b5cf6}input:checked+.slider:before{transform:translate(20px)}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-button{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s;text-align:left}.style-button:hover{background:#ffffff1a}.style-button.active{border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 2px 4px #8b5cf64d}.style-label{font-size:13px;font-weight:500;color:#fff;margin-bottom:2px}.style-description{font-size:11px;color:#fff9}.generate-button{width:100%;padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-top:15px}.generate-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.generate-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{width:16px;height:16px}.spinning{animation:spin 1s linear infinite}.download-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#7344dd;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.linkedin-banner-generator .preview-container{width:100%;aspect-ratio:1584 / 396;border:2px dashed rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;display:flex;padding:0;align-items:center;justify-content:center;overflow:hidden}.linkedin-banner-generator .profile-logo-section{display:flex;gap:30px;flex-wrap:nowrap}.preview-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.2);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;padding:1rem!important}.preview-loading p{font-size:13px;color:#ffffffb3!important;margin:0}.preview-image{width:100%;height:100%;object-fit:cover}.preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.placeholder-icon{width:40px;height:40px;color:#ffffff4d}.preview-placeholder p{font-size:13px;color:#ffffff97!important;margin:0}@media (max-width: 768px){.banner-grid{grid-template-columns:1fr;gap:20px}}.default-logo-image{width:100%;height:80px;max-width:210px;border-radius:6px;object-fit:contain;border:2px solid rgba(255,255,255,.3)}.default-widget-image-linkedin{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.section-header{color:#bebebe!important}.linkedin-banner-generator .form-group select{height:100%;color:#fff}.linkedin-banner-generator .form-group select option{background:#724cb0;color:#fff}.linkedin-banner-generator .custom-select-icon{color:#fff;top:43%}.linkedin-email-detail-view{display:flex;gap:16px}.linkedin-email-detail-view>div{flex:1;min-height:400px;min-width:500px}.linkedin-email-detail-view .signature-card .card-content{padding:20px}.linkedin-email-detail-view .preview-image{object-fit:contain;align-self:center;height:fit-content;max-width:720px;max-height:590px;margin:20px auto}.linkedin-email-detail-view>.banner-card.email-card{align-content:space-between}.linkedin-email-detail-view .download-button{margin:10px 10px 10px auto;font-size:18px}.copy-button-wrapper{position:absolute;width:fit-content;top:5%;right:5%;margin:5px 0 5px auto}.copy-tooltip2{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;animation:fadeInOut 2s forwards;z-index:10}.copy-tooltip2:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#333}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-5px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}.email-signature-generator{margin:0 auto;padding:20px 20px 0}.signature-container{background:#724cb0;border-radius:8px;box-shadow:0 2px 10px #0000001a}.signature-header{padding:15px;border-bottom:1px solid #e5e7eb}.header-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.title-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#f3f4f6;border-radius:8px}.title{font-size:20px;font-weight:600;color:#fff;margin:0}.subtitle{color:#f1f1f1;margin:0}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px}.signature-card{background:#724cb0;box-shadow:0 18px 32px #00000080;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:8px;height:100%;overflow:hidden}.card-header-details{padding:16px 20px;background:linear-gradient(172deg,#fff,#f6eeff,#fbf7ff 40%,#935af5,#723ec3);background-attachment:fixed;border-bottom:1px solid #e5e7eb}.linkedin-email-detail-view .card-header-details{padding:5px;height:fit-content}.card-title{font-size:16px;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:8px}.card-content{padding:20px}.email-signature-form-group{display:flex;flex-direction:column}.email-signature-form-group label{display:block;font-weight:500;color:#fff;margin-bottom:6px}.email-signature-form-input,.email-signature-form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#ffffff1f;color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;min-height:44px}.email-signature-form-input::placeholder,.email-signature-form-textarea::placeholder{color:#ffffffd0}.email-signature-form-input:focus,.email-signature-form-textarea:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #8b5cf61a}.template-buttons{display:flex;gap:8px}.template-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.template-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.template-description{font-size:12px;color:#fff!important;margin:0}.social-link-row{display:grid;grid-template-columns:minmax(100px,max-content) 1fr auto;align-items:center;column-gap:8px;row-gap:6px;margin-bottom:12px}.social-platform{display:flex;align-items:center;gap:6px;min-width:100px;font-size:12px;font-weight:500;color:#fff}.social-input{flex:1}.remove-btn{padding:6px;border:none;background:#fee2e2;color:#dc2626;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-social-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.add-social-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.add-social-btn:hover{background:#f9fafb}.signature-preview{border:1px solid #e5e7eb;border-radius:6px;padding:16px;background:#fafafa;min-height:200px}.preview-section{display:flex;flex-direction:column;gap:16px}.action-buttons-emailpage{display:flex;gap:8px;flex-wrap:wrap}.action-btn-emailpage{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.action-btn-emailpage.primary{background:#3b82f6;color:#fff}.action-btn-emailpage.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.preview-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.preview-toggle-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.email-preview{border:1px solid #e5e7eb;border-radius:6px;background:#fff;overflow:hidden}.email-header{background:#f9fafb;padding:12px 16px;border-bottom:1px solid #e5e7eb}.email-field{display:flex;margin-bottom:4px;font-size:13px}.field-label{font-weight:600;min-width:60px;color:#374151}.field-value{color:#6b7280}.email-body{padding:16px}.email-content{margin-bottom:20px;font-size:14px;line-height:1.5;color:#374151}.email-signature{border-top:1px solid #e5e7eb;padding-top:16px}.html-textarea{width:100%;height:200px;font-family:monospace;font-size:12px;resize:vertical}.html-description{font-size:12px;color:#6b7280;margin-top:8px;margin-bottom:0}.signature-footer{padding:16px 24px;border-top:1px solid #e5e7eb;text-align:center;color:#fff;font-size:14px}.icon,.icon-sm{width:16px;height:16px}.details-card .card-content{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto auto;gap:10px;padding:20px}.social-media-group{grid-column:1 / -1}.details-card .email-signature-form-group:nth-child(1){grid-column:1 / -1;grid-row:1}.details-card .email-signature-form-group:nth-child(2){grid-column:1/3;grid-row:2}.details-card .email-signature-form-group:nth-child(3){grid-column:3;grid-row:2}.details-card .email-signature-form-group:nth-child(4){grid-column:3;grid-row:2;margin-top:100px}.details-card .email-signature-form-group:nth-child(5){grid-column:3;grid-row:3}.details-card .email-signature-form-group:nth-child(6){grid-column:1/3;grid-row:3}.details-card .email-signature-form-group:nth-child(7){grid-column:3;grid-row:4}.details-card .email-signature-form-group:nth-child(8){grid-column:1/3;grid-row:4}.details-card .email-signature-form-group:nth-child(9){grid-column:1/-1;grid-row:5}.details-card .email-signature-form-group:nth-child(10){grid-column:1 / -1;grid-row:6}@media (max-width: 1200px){.details-card .card-content{display:block}.details-card .email-signature-form-group:nth-child(n+4):nth-child(-n+6){margin-top:0}}@media (max-width: 768px){.details-card .card-content{grid-template-columns:1fr;grid-template-rows:auto;gap:20px}.details-card .email-signature-form-group{grid-column:1!important;grid-row:auto!important}}@media (max-width: 768px){.signature-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.brand-tool-submit{margin-top:24px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.submit-brand-tool-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:200px;justify-content:center}.submit-brand-tool-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.submit-brand-tool-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.readonly-input{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important;opacity:.8}.readonly-input:focus{box-shadow:none!important;border-color:#dee2e6!important}.phone-input-container2{position:relative;display:flex;border:1px solid #e4e4e4;border-radius:8px;background-color:#ffffff1f;color:#fff;overflow:visible}.phone-input-container2:focus-within{border:2px solid #9164f6;color:#fff}.phone-number-input::placeholder{color:#fff;opacity:.7}.country-selector2{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;border-right:1px solid #e4e4e4;background-color:#ffffff1f;min-width:80px}.country-flag2{width:20px;height:15px;object-fit:fill;border-radius:2px}.country-code2{font-size:14px;color:#fff;font-weight:500}.country-dropdown2{position:absolute;top:calc(100% + 4px);left:0;width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;max-height:200px;overflow-y:auto}.country-option2{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .2s}.country-option2:hover{background:#f3f4f6}.country-name2{flex:1;font-size:14px;color:#374151}.phone-number-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;padding:12px;color:#fff}.social-input-wrapper{flex:1;position:relative}.social-link-container{display:flex;flex-direction:column}.social-error-message{grid-column:2;margin:0;color:#b00020;font-size:14px;font-weight:500;line-height:1.5;background-color:#fdecea;padding:8px 12px;border-radius:4px;border-left:3px solid #d32f2f}.required-2{color:red;font-size:14px}.brand-tool-wrapper{display:flex;flex-direction:column;padding:30px}.brand-tool-submit{margin-top:0;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.submit-brand-tool-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:200px;justify-content:center;margin-left:10px}.close-brand-tool-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:200px;justify-content:center}:is(.close-brand-tool-btn,.submit-brand-tool-btn):hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}:is(.close-brand-tool-btn,.submit-brand-tool-btn):disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.popup-tabs-linkedin{display:flex;justify-content:center;gap:4px;margin:0 auto 0 0;background:#cab5ed;border-radius:12px;padding:6px;width:fit-content}ul.brand-notes{margin:8px 28px;padding:12px;font-size:14px;color:#fff}.clone-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.clone-modal{background:linear-gradient(180deg,#fff,#f6eeff,#fbf7ff 40%,#d4b8f5,#c9a7f0);border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:450px;width:100%;animation:cloneModalSlideIn .3s ease-out;position:relative}@keyframes cloneModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.clone-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(147,90,245,.2)}.clone-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.clone-modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1;transition:color .2s}.clone-modal-close:hover{color:#333}.clone-modal-body{padding:24px}.clone-form-group{margin-bottom:20px}.clone-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.clone-form-group input{width:100%;padding:12px 16px;border:1px solid rgba(147,90,245,.3);border-radius:8px;font-size:14px;background:#fffc;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.clone-form-group input:focus{outline:none;border-color:#935af5;box-shadow:0 0 0 3px #935af51a}.clone-form-group input::placeholder{color:#999}.clone-form-group input.clone-input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.clone-form-group input.clone-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.clone-role-error{color:#dc2626;font-size:13px;line-height:1.5;padding:10px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;margin-top:4px}.clone-role-error .clone-error-title{font-weight:600}.clone-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px}.clone-btn-cancel{padding:10px 24px;border:1px solid rgba(147,90,245,.3);border-radius:8px;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.clone-btn-cancel:hover:not(:disabled){background:#0000000d;color:#333}.clone-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.clone-btn-ok{padding:10px 32px;border:none;border-radius:8px;background:linear-gradient(135deg,#935af5,#7c3aed);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.clone-btn-ok:hover:not(:disabled){background:linear-gradient(135deg,#a370f7,#8b5cf6);transform:translateY(-1px)}.clone-btn-ok:disabled{opacity:.6;cursor:not-allowed;transform:none}.clone-loading-overlay{position:absolute;inset:0;background:#ffffff85;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.clone-loading-spinner{width:40px;height:40px;border:3px solid rgba(147,90,245,.2);border-top-color:#935af5;border-radius:50%;animation:cloneSpinnerRotate .8s linear infinite}@keyframes cloneSpinnerRotate{to{transform:rotate(360deg)}}.clone-loading-text{margin-top:12px;font-size:14px;color:#666;font-weight:500}@media (max-width: 480px){.clone-modal-overlay{padding:16px}.clone-modal{max-width:100%}.clone-modal-header{padding:16px 20px}.clone-modal-header h2{font-size:18px}.clone-modal-body{padding:20px}.clone-modal-footer{padding:12px 20px 20px;flex-direction:column-reverse}.clone-btn-cancel,.clone-btn-ok{width:100%;text-align:center}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f9fafa;color:#111;line-height:1.6}.create-replica-container1{margin-left:60px;min-height:100vh;background:transparent;margin-top:1%}.page-title{font-size:20px;font-weight:600;color:#000;margin:0 0 16px;text-align:left}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#fff;border-bottom:1px solid #eaeaea}.header h1{font-size:24px;font-weight:600;color:#111}.api-info{display:flex;align-items:center;gap:8px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:8px 12px;font-size:14px}.method{background:#007bff;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.endpoint{color:#6c757d;font-family:Monaco,Menlo,monospace}.copy-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.copy-btn:hover{background-color:#e9ecef}.icon-btn{background:none;border:1px solid #dee2e6;color:#6c757d;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#f8f9fa;border-color:#adb5bd}.btn-outline-Twin{background:#fff;border:1px solid #dee2e6;color:#495057;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-outline-Twin:hover{background:#f8f9fa;border-color:#adb5bd}.btn-primary-Twin{padding:12px 32px;background:#8b5cf6f2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.disabled-twin{background:#9ca3af;cursor:not-allowed}.main-content{display:flex;justify-content:center;padding:60px 40px;margin-left:0!important;padding-top:13px!important}.card{background:#724cb0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:60px 40px;width:100%;max-width:1000px;text-align:center}.card h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:18px;margin-top:-46px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}.step-card{position:relative;text-align:center}.step-number{position:absolute;top:-12px;left:20px;background:#6c757d;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;z-index:10}.step-image-wrapper{position:relative;width:100%;margin-bottom:24px;border-radius:12px;overflow:hidden}.step-visual{width:100%;height:100%;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center}.firstImage{width:100%;height:100%}.document-stack{position:relative;margin-right:20px}.document{width:40px;height:50px;background:#fff;border:1px solid #dee2e6;border-radius:4px;position:absolute;box-shadow:0 2px 4px #0000001a}.doc-1{transform:rotate(-5deg);z-index:1}.doc-2{transform:rotate(0);z-index:2;left:5px}.doc-3{transform:rotate(5deg);z-index:3;left:10px}.person-avatar{width:60px;height:60px;background:#6c757d;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #00000026}.consent-badge{position:absolute;top:12px;left:12px;background:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px}.video-frame{width:90%;height:80%;background:#1a1a1a;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.person-in-video{width:80px;height:80px;background:#6c757d;border-radius:50%;border:3px solid white}.video-overlay{position:absolute;inset:0}.rec-badge{position:absolute;top:12px;left:12px;background:#dc3545;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600}.video-info{position:absolute;bottom:12px;right:12px;background:#000c;color:#fff;padding:6px 8px;border-radius:4px;font-size:10px;line-height:1.2}.final-avatar{width:100px;height:100px;background:#007bff;border-radius:50%;border:4px solid white;box-shadow:0 4px 12px #007bff4d}.generating-badge{position:absolute;top:12px;left:12px;background:#007bff;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px}.step-card h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#fff;text-align:left}.step-card p{font-size:14px;color:#ffffff9c;line-height:1.5;margin:0;font-weight:600;text-align:left}.action-buttons{display:flex;justify-content:center;gap:16px}.action-buttons .btn-outline-Twin{padding:12px 24px;font-size:14px}@media (max-width: 1024px){.steps-grid{grid-template-columns:1fr;gap:32px}.card{padding:40px 24px}}@media (max-width: 768px){.header{flex-direction:column;gap:16px;align-items:flex-start}.main-content{padding:0%!important}.card h2{font-size:24px;margin-bottom:40px;margin-top:0}.floating-twin-list-btn{top:73px!important}.action-buttons{flex-direction:column;align-items:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.recording-modal{background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#935af5,#723ec3);border-radius:20px;width:100%;max-width:900px;overflow-y:auto;position:relative;box-shadow:0 20px 40px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:32px 40px 24px;border-bottom:none}.modal-header h2{font-size:20px;font-weight:600;margin:0;color:#111;text-align:center;flex:1}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;position:absolute;right:32px;top:32px}.close-btn:hover{background:#f3f4f6;color:#6b7280}.modal-tabs{display:flex;justify-content:center;padding:4px;background:#cab5ed;border-radius:12px;width:fit-content;margin:0 auto}.tab-btn{background:none;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;color:#000000a8;min-width:120px}.tab-btn.active{background:#724cb0;color:#fff;box-shadow:0 2px 4px #0000001a}.modal-content{padding:0 40px 40px}.tips-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}.dos-section,.donts-section{background:#724cb0;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px}.section-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;margin-bottom:20px;color:#fff}.check-icon{background:#10b981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.x-icon{background:#ef4444;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.tips-list{display:flex;flex-direction:column;gap:8px}.tip-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;line-height:1.5}.tip-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:2px}.tip-text{flex:1;font-size:14px;line-height:1.5;margin:0;color:#fff;text-align:left}.dos-section .tip-icon svg{color:#10b981}.donts-section .tip-icon svg{color:#ef4444}.best-practices{text-align:center;margin-bottom:32px;font-size:15px;color:#6b7280}.link{color:#3b82f6;text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.modal-footer{display:flex;justify-content:center;padding-top:3%!important}.understand-btn{background:#8b5cf6f2;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #9030df4d}.understand-btn:hover{transform:translateY(-1px)}.video-tips-content{margin-bottom:32px}.video_container{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001f;background:#000}.video_container video{width:100%;height:400px;display:block;object-fit:cover}@media (max-width: 1024px){.recording-modal{max-width:800px}.modal-header,.modal-content{padding-left:32px;padding-right:32px}.modal-tabs{margin-left:32px;margin-right:32px}}@media (max-width: 768px){.recording-modal{max-width:95%;margin:10px}.modal-header{padding:24px 20px 16px}.modal-header h2{font-size:20px}.close-btn{right:20px;top:24px}.modal-tabs{margin:0 20px 24px;width:calc(100% - 40px)}.tab-btn{padding:10px 16px;font-size:14px;min-width:auto;flex:1}.modal-content{padding:0 20px 32px}.tips-section{grid-template-columns:1fr;gap:24px}.dos-section,.donts-section{padding:20px}.section-title{font-size:16px}.tip-item{font-size:14px}.video_container video{height:250px}.understand-btn{padding:12px 32px;font-size:14px}}@media (max-width: 480px){.modal-header{padding:20px 16px 12px}.close-btn{right:16px;top:20px}.modal-tabs{margin:0 16px 20px;width:calc(100% - 32px)}.modal-content{padding:0 16px 24px}.dos-section,.donts-section{padding:16px}.video_container video{height:200px}}.donts-section .section-title{background:#ef4444;color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.donts-section .section-title svg{color:#fff}.dos-section .section-title{background:#10b981;color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.dos-section .section-title .check-icon{color:#fff;font-weight:700;font-size:18px}.floating-twin-list-btn{position:fixed;top:8%;right:30px;background:#6366f1;color:#fff;border:none;border-radius:50px;padding:12px 20px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #6366f14d;transition:all .3s ease;z-index:960}.floating-twin-list-btn:hover{background:#5855eb;transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.floating-twin-list-btn i{font-size:16px}.twin-list-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:flex;align-items:center;justify-content:flex-end;padding-right:20px}.twin-list-modal-right{background:linear-gradient(180deg,#fff,#f6eeff,#fbf7ff 40%,#beaadffe,#a581de);width:550px;height:90vh;max-height:90vh;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative}.floating-search-btn-TwinList{position:absolute;top:18px;right:60px;width:36px;height:36px;background:#8b5cf6e6;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #8b5cf64d;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-search-btn-TwinList:hover{background:#7c3aedf2;transform:scale(1.1);box-shadow:0 6px 20px #8b5cf666}.search-overlay-TwinList{position:absolute;top:12px;right:100px;width:290px;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,92,246,.2);z-index:99;animation:slideDown .3s ease-out}.search-overlay-content{padding:5px;display:flex;justify-content:flex-end}.search-overlay-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid rgba(139,92,246,.3);border-radius:20px;padding:0 15px;height:36px;width:280px;box-shadow:0 4px 20px #8b5cf61a;transition:all .3s ease}.clear-search-icon{position:absolute;right:15px;color:#9ca3af;cursor:pointer;font-size:12px}.clear-search-icon:hover{color:#6b7280}.twin-list-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.close-btn-TwinList{position:absolute;top:20px;right:15px;background:#f3f4f6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s;z-index:10}.close-btn-TwinList:hover{background:#e5e7eb;color:#374151}.replicas-list-TwinList{flex:1;overflow-y:auto;padding:16px;max-height:calc(90vh - 80px);scrollbar-width:thin;scrollbar-color:rgb(114 76 176) transparent}.list-container::-webkit-scrollbar{width:8px}.list-container::-webkit-scrollbar-track{background:transparent}.list-container::-webkit-scrollbar-thumb{background:#e2e2e2b3;border-radius:4px}.list-container::-webkit-scrollbar-thumb:hover{background:#d5d5d5e6}.twin-status.error{background:#fee2e2;color:#991b1b}.training-section{background:transparent;display:flex;flex-direction:column}.training-tab-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;background:transparent}.training-tab-heading h3{margin:0;color:#584b69;font-size:22px;font-weight:700;letter-spacing:-.02em;display:inline-flex;align-items:baseline;gap:10px}.training-tab-heading h3 i{font-size:16px;color:#6f45bf}.training-tab-btn{background:transparent;border:none;padding:10px 18px;font-size:14px;font-weight:600;color:#6f6485;cursor:pointer;border-radius:12px;transition:all .2s ease;margin:0;display:inline-flex;align-items:center;gap:8px}.training-tab-btn.active{color:#fff;background:linear-gradient(135deg,#7b54c9,#5f37b6);box-shadow:0 8px 18px #5f37b647}.training-tab-btn:hover:not(.active){color:#3d2b5b;background:#724cb01a}.training-tab-content{flex:1}.training-record-tab{--training-content-width: min(100%, 880px);height:100%;width:100%}.training-container{margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.training-script-section{background:#724cb0;border-radius:12px;border:1px solid #e2e8f0;padding:16px 24px;box-shadow:0 1px 3px #0000000d;margin:10px auto 0;width:var(--training-content-width);max-width:100%;box-sizing:border-box;height:160px;overflow:auto;scrollbar-width:thin}.script-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.script-header h3{font-size:16px;font-weight:600;color:#fff;margin:0;letter-spacing:-.025em}.topic-ideas-btn{background:#fff;border:1px solid #e2e8f0;color:#6b7280;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.topic-ideas-btn:hover{border-color:#d1d5db;background:#f9fafb;color:#374151}.topic-ideas-btn i{font-size:14px}.script-content{margin-bottom:0}.script-text-container{background:transparent;font-weight:500}.script-text-train{font-size:14px;line-height:1.7;color:#ffffffeb;margin:1% 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.paragraph{font-size:15px;line-height:1.7;color:#fff;margin:14px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.training-modes{display:flex;flex-direction:column;gap:16px}.mode-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.mode-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.mode-icon.speaking{background:#3b82f6}.mode-icon.silent{background:#6b7280}.mode-details{display:flex;flex-direction:column;gap:4px}.mode-title{font-weight:600;color:#1f2937;font-size:14px}.mode-description{font-size:13px;color:#6b7280;line-height:1.4}.training-video-section{display:flex;flex-direction:column;gap:15px;justify-content:flex-start;width:var(--training-content-width);max-width:100%;margin:0 auto}.training-video-container{background:#374151;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16/9;margin:0 auto;width:100%;min-height:0}.recording-status{position:absolute;top:16px;left:20%;transform:translate(-50%);z-index:10}.status-indicators{display:flex;gap:12px;width:max-content}.mode-indicator{display:flex;align-items:baseline;gap:8px;padding:3px 12px 6px;border-radius:16px;background:#000000b3;color:#9ca3af;font-size:13px;font-weight:500;transition:all .2s ease;min-width:100px;justify-content:center}.mode-indicator.active{background:#3b82f6;color:#fff}.mode-indicator.active.silent{background:#6b7280}.mode-indicator i{font-size:12px}.training-video-area{position:relative;width:100%;height:100%;background:#1f2937;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.training-live-video{width:100%;height:100%;object-fit:cover}.camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#9ca3af;text-align:center}.camera-icon{width:120px;height:120px;background:#6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px dashed #9ca3af;opacity:.8}.camera-placeholder p{font-size:16px;margin:0}.loading-spinner-trainingVideo{display:flex;flex-direction:column;align-items:center;gap:12px;color:#9ca3af}.loading-spinner-trainingVideo i{font-size:24px}.loading-spinner-trainingVideo p{margin:0;font-size:14px}.video-quality-indicator{position:absolute;bottom:16px;left:16px;background:#000c;color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;z-index:1}.quality-dot{width:6px;height:6px;background:#10b981;border-radius:50%}.control-btn{width:36px;height:36px;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.control-btn:hover{background:#000000e6}.control-btn i{font-size:14px}.training-controls{display:flex;justify-content:center;width:100%;margin-bottom:1%}.start-recording-btn{background:#8b5cf6f2;color:#fff;border:none;padding:12px 25px!important;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px;box-shadow:0 2px 4px #ec489933}.start-recording-btn:hover:not(:disabled){background:#8b5cf6f2;transform:translateY(-1px);box-shadow:0 4px 8px #ec48994d}.start-recording-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.stop-recording-btn{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.stop-recording-btn:hover{background:#b91c1c;transform:translateY(-1px)}.stop-recording-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.stop-recording-btn:disabled:hover{transform:none;box-shadow:none}.cancel-btn{background:#fff;border:2px solid #64748b;color:#64748b;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{border-color:#475569;color:#475569;background:#f8fafc}.training-upload-tab{min-height:500px;display:flex;align-items:center;justify-content:center;border-radius:12px}.upload-container{width:100%;max-width:600px;margin:0 auto}.upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:80px 40px;background:#fafbfc;cursor:pointer;transition:all .2s ease;text-align:center;margin-bottom:32px}.upload-area:hover,.upload-area.drag-over{border-color:#8b5cf6f2;background:#fef7f7}.upload-area h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;line-height:1.4}.upload-subtitle,.upload-formats{font-size:14px;color:#6b7280;margin:0 0 8px}.upload-note{font-size:12px;color:#9ca3af;margin:0;font-style:italic}.upload-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.upload-divider span{background:#fff;color:#9ca3af;padding:0 16px;font-size:14px;font-weight:500}.url-input-container{display:flex;gap:8px}.url-input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:#fff}.url-input:focus{outline:none;border-color:#8b5cf6f2;box-shadow:0 0 0 3px #ec48991a}.url-submit-btn{background:#8b5cf6f2;color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;min-width:48px}.url-submit-btn:hover{background:#db2777}.upload-preview{width:100%;max-width:800px}.uploaded-video-container{position:relative;background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:24px}.action-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffffe6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.action-btn:hover{background:#fff;color:#374151}.uploaded-video{width:100%;height:auto;display:block}.upload-requirements{margin-bottom:32px}.upload-actions{display:flex;gap:16px;justify-content:center;padding:0 24px 24px}.btn-outline{background:#fff;border:2px solid #d1d5db;color:#6b7280;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-outline:hover{border-color:#9ca3af;color:#374151}.btn-primary{background:#8b5cf6f2;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#8b5cf6f2}.btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.training-preview{z-index:1000;overflow-y:auto}.preview-container{max-width:900px;margin:20px auto;padding:0;background-color:transparent;box-shadow:none}.training-preview .preview-container{background-color:transparent!important;overflow:visible!important;box-shadow:none!important;max-width:900px}.preview-tabs{display:flex;justify-content:center;gap:40px;margin-bottom:40px;border-bottom:1px solid #e5e7eb;padding-bottom:0}.preview-tab{background:none;border:none;font-size:16px;font-weight:500;color:#9ca3af;cursor:pointer;padding:12px 0;position:relative;border-bottom:2px solid transparent}.preview-tab.active{color:#8b5cf6f2;font-weight:600;border-bottom-color:#8b5cf6f2}.preview-video-section{margin-bottom:0}.preview-video-wrapper{position:relative;display:flex;border-radius:12px;overflow:hidden;width:100%;line-height:0;font-size:0}.preview-action-buttons{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;z-index:10}.preview-action-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.preview-action-btn:hover{background:#fff;color:#374151}.delete-btn:hover{color:#dc2626}.download-btn:hover{color:#2563eb}.preview-video-player{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#1f2937}.requirements-section{margin-top:16px;margin-bottom:8px}.requirements-section h3{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 14px;display:flex;justify-content:space-between;align-items:center}.check-all-item{display:flex;align-items:center;gap:6px}.check-all-label{font-size:13px;font-weight:500;color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none}.requirement-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background:#724cb0;border-radius:8px;transition:background .2s ease}.requirement-item:hover{background:#6641a4}.requirement-item input[type=checkbox]{margin-top:2px;accent-color:rgba(139,92,246,.95);width:15px;height:15px;cursor:pointer;flex-shrink:0}.requirement-item label{font-size:13px;color:#fff;line-height:1.5;cursor:pointer;flex:1;-webkit-user-select:none;user-select:none;font-weight:400}.preview-requirements{margin-bottom:30px;padding:20px 24px 0}.requirements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.requirements-header h3{font-size:15px;font-weight:600;color:#fff;margin:0}.check-all-wrapper{display:flex;align-items:center;gap:8px}.requirements-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.requirement-row{display:flex;align-items:flex-start;gap:12px;background:#724cb0;border-radius:8px;padding:10px}.requirement-checkbox{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;appearance:none;position:relative;flex-shrink:0;margin-top:2px}.pink-checkbox:checked{background:#8b5cf6f2;border-color:#8b5cf6f2}.pink-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.requirement-row label,.check-all-wrapper label{font-size:14px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5}.preview-bottom-actions{display:flex;justify-content:center;gap:16px;margin-top:32px}.record-again-btn{background:#fff;border:2px solid #d1d5db;color:#6b7280;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.record-again-btn:hover{border-color:#9ca3af;color:#374151}.confirm-btn{background:#8b5cf6f2;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-btn:hover{background:#db2777}.confirm-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.confirm-btn:disabled:hover{background:#d1d5db}@media (max-width: 768px){.training-tab-navigation{flex-direction:column;align-items:flex-start;gap:10px}.training-tab-heading h3{font-size:18px}.training-tab-switcher{width:100%;justify-content:flex-start}.training-tab-btn{padding:8px 14px;font-size:13px}.training-tab-content{padding:10px 8px}.training-container{gap:12px}.training-script-section{padding:14px 16px;height:140px;width:100%}.training-script-section,.training-video-section{width:100%}.script-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px}.script-header h3{font-size:14px}.paragraph{font-size:13px;margin:10px 0}.training-video-container{aspect-ratio:4/3}.recording-status{left:50%;transform:translate(-50%);top:8px;width:auto}.status-indicators{gap:6px}.mode-indicator{min-width:auto;padding:3px 8px 5px;font-size:11px;gap:5px}.mode-indicator i{font-size:10px}.recording-controls{flex-direction:column;gap:10px}.start-recording-btn{width:100%;max-width:280px;padding:10px 20px!important;font-size:14px}.stop-recording-btn,.cancel-btn{padding:10px 20px;font-size:13px}.camera-permission-prompt h3{font-size:16px}.camera-permission-prompt p{font-size:13px;padding:0 10px}.safari-camera-icon i{font-size:32px}.video-quality-indicator{bottom:8px;left:8px;padding:4px 8px;font-size:10px}.quality-warning-banner{font-size:12px;padding:8px 10px;gap:8px}.preview-container{padding:0;margin:10px auto}.preview-requirements{padding:16px 12px 0}.upload-actions{padding:0 12px 20px}.preview-action-buttons{top:16px;right:16px}.preview-action-btn{width:34px;height:34px;font-size:12px}.preview-requirements{margin-bottom:20px}.requirements-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.requirements-header h3{font-size:13px}.requirements-list{grid-template-columns:1fr;gap:12px}.requirement-row label{font-size:13px}.preview-bottom-actions{flex-direction:column;align-items:center}.record-again-btn,.confirm-btn{width:100%;max-width:280px;justify-content:center}.upload-actions{flex-direction:column;align-items:center}.btn-outline,.btn-primary{width:100%;max-width:280px;justify-content:center}.training-upload-tab{min-height:300px;padding:16px 10px}.upload-container{max-width:100%}.upload-area{padding:40px 20px;margin-bottom:20px}.upload-area h3{font-size:15px}.upload-subtitle,.upload-formats{font-size:13px}.upload-divider{margin:20px 0}.url-input-container{flex-direction:column;gap:8px}.url-submit-btn{width:100%}.upload-preview{max-width:100%;padding:0}.uploaded-video-container{margin-bottom:16px}.upload-requirements{margin-bottom:20px}.silent-mode-instructions{margin-top:5%}.silent-mode-instructions>h4{font-size:16px}.silent-instruction{font-size:13px;padding:0 10px}}@media (max-width: 480px){.training-tab-navigation{padding:8px 0;flex-direction:column;align-items:stretch}.training-tab-heading{text-align:center}.training-tab-heading h3{font-size:16px;gap:6px}.training-tab-switcher{width:100%;justify-content:center}.training-tab-btn{padding:7px 12px;font-size:12px;min-width:70px;gap:5px}.training-tab-content{padding:8px 4px}.training-container{gap:8px}.training-script-section{padding:10px 12px;height:120px;border-radius:8px;margin-top:5px}.script-header h3{font-size:13px}.script-text-train{font-size:12px;line-height:1.5}.paragraph{font-size:12px;line-height:1.5;margin:8px 0}.training-video-section{gap:10px}.training-video-container{aspect-ratio:4/3;border-radius:8px}.recording-status{top:6px}.mode-indicator{padding:2px 6px 4px;font-size:10px;border-radius:12px;gap:4px}.camera-icon{width:70px;height:70px}.camera-icon i{font-size:24px}.camera-permission-prompt h3{font-size:14px}.camera-permission-prompt p{font-size:12px}.training-controls{margin-bottom:2%}.start-recording-btn{font-size:13px;padding:10px 16px!important}.stop-recording-btn,.cancel-btn{font-size:12px;padding:8px 16px}.preview-container{padding:0;margin:8px auto}.preview-requirements{padding:12px 10px 0}.upload-actions{padding:0 10px 16px}.requirements-header h3,.requirement-row label,.check-all-wrapper label{font-size:12px}.upload-actions{gap:10px}.btn-outline,.btn-primary{padding:10px 20px;font-size:13px;max-width:100%}.training-upload-tab{min-height:250px;padding:12px 6px}.upload-area{padding:30px 16px;border-radius:8px}.upload-area h3{font-size:14px;margin-bottom:10px}.upload-subtitle,.upload-formats{font-size:12px}.upload-note{font-size:11px}.mode-item{padding:10px;gap:10px}.mode-icon{width:30px;height:30px;font-size:12px}.mode-title{font-size:12px}.mode-description{font-size:11px}.silent-mode-instructions>h4{font-size:15px}.silent-instruction{font-size:12px}}.silent-mode-instructions{text-align:center;margin-top:3%}.silent-mode-instructions>h4{font-size:18px;color:#fff}.silent-instruction{color:#ffffffe0}.toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:#fff;z-index:9999;display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:520px;box-shadow:0 4px 12px #00000026;animation:tvToastSlideIn .3s ease;font-size:14px;line-height:1.5;word-break:break-word;overflow-wrap:anywhere}@keyframes tvToastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.create-replica-container{margin-left:0;min-height:100vh;background:transparent;display:grid;grid-template-columns:25% 50% 25%;align-items:start;width:100%;padding:0 15px;margin-top:10px}.create-replica-video{display:flex;height:100vh;background:#f8fafc;padding:2%;padding-left:7%!important}.right-content{width:auto;min-width:0;overflow-y:auto;margin:0 10px}.left-sidebar{width:auto;background:transparent;padding:10px 24px 24px;border-right:none}.layout-spacer{width:auto;min-height:100%;background:transparent;padding:24px 16px 0}.sidebar-content{display:flex;flex-direction:column;gap:25px}.step-item{background:linear-gradient(180deg,#6f4caff0,#553994f5);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:22px 18px 18px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer;overflow:hidden;box-shadow:0 18px 40px #421c822e}.step-item:hover{transform:translateY(-2px);border-color:#ffffff57;box-shadow:0 24px 44px #421c823d}.step-item.active{border-color:#ffffff73;background:linear-gradient(180deg,#7c57cafa,#5c37af);box-shadow:0 22px 48px #461e8a4d}.step-item.inactive{background:linear-gradient(180deg,#747488f2,#5c5c72fa);border-color:#ffffff1f}.step-item.completed{border-color:#caffea73;background:linear-gradient(180deg,#22a678f5,#13845cfa)}.step-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 38%,transparent 70%,rgba(255,255,255,.08));pointer-events:none}.step-numbers{position:absolute;top:18px;left:18px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;background:#ffffff2e;border:1px solid rgba(255,255,255,.32);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.step-item.active .step-numbers{background:#ffffff38;border-color:#ffffff7a;color:#fff}.step-item.inactive .step-numbers{background:#ffffff24;border-color:#ffffff38;color:#fff}.step-item.completed .step-numbers{background:#fff3;border-color:#ffffff5c;color:#fff}.step-header{width:100%;padding-top:4px}.step-title-section{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:12px}.step-title-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.step-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);color:#ffffffeb;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.step-title-section h3{font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.3;flex:1}.step-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);cursor:pointer;padding:4px;border-radius:10px;transition:all .2s ease;color:#fffd;font-size:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.step-toggle-btn:hover{background:#ffffff2e;color:#fff}.step-item.active .step-toggle-btn{color:#fffffff2}.step-item.active .step-toggle-btn:hover{background:#ec48991a}.step-item.completed .step-toggle-btn{color:#fff}.step-item.completed .step-toggle-btn:hover{background:#10b9811a}.step-content{overflow:hidden;transition:all .3s ease;margin-top:8px}.step-content.collapsed{max-height:0;opacity:0;margin-top:0;padding-top:0}.step-content.expanded{max-height:500px;opacity:1;margin-top:8px;padding-top:0}.step-content h3{display:none}.step-content p{font-size:13px;color:#ffffffd1;margin:0 0 12px;line-height:1.6}.step-requirements{margin-top:12px}.requirement{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#fff;padding:10px 12px;background:#ffffff1f;border-radius:12px;border:1px solid rgba(255,255,255,.14);margin-bottom:8px}.requirement:last-child{margin-bottom:0}.requirement-icon{font-size:14px;flex-shrink:0}.requirement span:last-child{font-weight:500}.step-item.active .requirement{background:#ffffff1f;border-color:#ffffff2e;color:#fffffff2}.step-item.active .requirement .requirement-icon{color:#fffffff2}.step-item.completed .step-title-section h3{color:#fff}.step-item.completed .step-content p{color:#eef3f1c7}.step-item.completed .requirement{background:#ffffff24;border-color:#ffffff38;color:#effff6}.step-item:hover .step-toggle-btn{opacity:1}.step-toggle-btn i{transition:transform .2s ease}.step-toggle-btn:hover i{transform:scale(1.1)}@media (max-width: 768px){.step-title-section{gap:8px}.step-title-section h3{font-size:14px}.step-toggle-btn{width:20px;height:20px;font-size:12px}}.main-contents{width:80%;display:flex;flex-direction:column;padding-left:0%;margin-left:1%;background:#fff;border-radius:10px}.tab-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;background:transparent;padding-top:0%;padding-bottom:1%}.tab-navigation-heading h3{margin:0;color:#584b69;font-size:22px;font-weight:700;letter-spacing:-.02em;display:inline-flex;align-items:baseline;gap:10px}.tab-navigation-heading h3 i{font-size:16px;color:#6f45bf}.tab-btn{background:transparent;border:none;padding:10px 18px;font-size:14px;font-weight:600;color:#6f6485;cursor:pointer;border-radius:12px;transition:all .2s ease;margin:0;display:inline-flex;align-items:center;gap:8px}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#7b54c9,#5f37b6);box-shadow:0 8px 18px #5f37b647}.tab-btn:hover:not(.active){color:#3d2b5b;background:#724cb01a}.tab-btn i{font-size:13px;line-height:1}.tab-content{flex:1;padding-bottom:32px;overflow-y:auto;border-radius:12px}.record-tab{--record-content-width: min(100%, 880px);display:flex;flex-direction:column;align-items:center;margin:0 auto;width:100%}.consent-script{width:var(--record-content-width);max-width:100%;background:#724cb0;border-radius:12px;padding:15px 24px;border:1px solid #e2e8f0;margin:10px auto;box-sizing:border-box}.consent-script h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:5px}.script-instruction{color:#ffffffbd;font-style:italic;margin-bottom:5px;font-size:13px}.script-text{color:#fff;line-height:1.6;font-size:14px}.video-recording-area{background:transparent;border-radius:12px;padding:0;width:var(--record-content-width);max-width:100%;justify-items:center;text-align:center;justify-self:center;margin:0 auto;display:block;box-sizing:border-box}.video-container-CreateReplica{position:relative;width:100%;background-color:none}.video-container-CreateReplica video{width:100%;height:100%;display:block;object-fit:cover}.quality-indicator{display:flex;align-items:center;gap:8px;background:#000000b3;padding:8px 12px;border-radius:20px;color:#fff;font-size:14px;font-weight:500}.quality-dot{width:8px;height:8px;background:#10b981;border-radius:50%}.control-buttons{display:flex;gap:8px}.control-btn-replicaCreate{display:flex;align-items:center;gap:10px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:13px;box-shadow:0 4px 15px #0000001a;min-width:166px;justify-content:center;width:100%;height:42px}.control-btn-replicaCreate:hover{background:#000c}.recording-actions{display:flex;justify-content:center;background-color:#fff}.start-recording-btn{background:#8b5cf6f2;color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ec48994d}.start-recording-btn:hover{background:#8b5cf6f2;transform:translateY(-1px)}.recording-controls{display:flex;gap:16px;align-items:center}.cancel-btn{background:none;border:2px solid #64748b;color:#64748b;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{border-color:#475569;color:#475569}.stop-recording-btn{background:#8b5cf6f2;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.stop-recording-btn:hover{background:#8b5cf6f2}.upload-tab{padding:15px 0;background:transparent;display:flex;align-items:center;justify-content:center}.upload-container{width:100%;max-width:100%;margin:0 auto}.upload-area{border:2px dashed #ffffff;border-radius:12px;padding:40px;background:#724cb0;cursor:pointer;transition:all .2s ease;text-align:center;margin-bottom:32px}.upload-area:hover,.upload-area.drag-over{border-color:#8b5cf6f2;background:#6e49ab}.upload-icon{margin-bottom:24px;display:flex;justify-content:center}.upload-icon svg{width:48px;height:48px}.upload-area h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px;line-height:1.4}.upload-subtitle{font-size:14px;color:#ffffff9c;margin:0 0 8px}.upload-formats{font-size:14px;color:#ffffffe3;margin:0 0 8px}.upload-note{font-size:12px;color:#9ca3af;margin:0;line-height:1.4}.upload-divider{text-align:center;margin:32px 0;position:relative}.upload-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,#724cb014,#724cb059 20% 80%,#724cb014);z-index:1}.upload-divider span{background:linear-gradient(180deg,#fff,#f4ebff);color:#5f37b6;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid rgba(114,76,176,.16);box-shadow:0 8px 18px #5f37b61f;position:relative;z-index:2}.url-upload-section{margin-bottom:24px}.url-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.url-input-container{display:flex;gap:12px;align-items:center}.url-input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#6b7280;transition:all .2s ease}.url-input:focus{outline:none;border-color:#8b5cf6f2;box-shadow:0 0 0 3px #ec48991a;color:#1f2937}.url-input::placeholder{color:#9ca3af}.url-submit-btn{background:#8b5cf6f2;color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:48px;display:flex;align-items:center;justify-content:center}.url-submit-btn:hover:not(:disabled){background:#8b5cf6f2;transform:translateY(-1px)}.url-submit-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.upload-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px;text-align:center}.upload-preview{height:auto;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.7) transparent;background:transparent}.upload-preview::-webkit-scrollbar{width:8px;display:block}.upload-preview::-webkit-scrollbar-track{background:transparent}.upload-preview::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:4px}.upload-preview::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}@media (min-width: 1921px){.upload-preview{width:60%;height:65vh;padding:32px;overflow-y:auto!important}.upload-preview::-webkit-scrollbar{width:10px}}@media (max-width: 1320px){.upload-preview{width:80%;height:60vh;padding:24px;overflow-y:auto!important}.upload-preview::-webkit-scrollbar{width:10px}.upload-tab{padding:15px 0;background:transparent;min-height:252px;display:flex;align-items:center;justify-content:center}}@media (max-width: 768px){.upload-preview{width:100%;height:50vh;padding:16px;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.upload-preview::-webkit-scrollbar{width:12px}.upload-preview::-webkit-scrollbar-thumb{background:#8b5cf6cc;border-radius:6px}}@media (max-width: 480px){.upload-preview{height:45vh;padding:12px}.upload-preview::-webkit-scrollbar{width:14px}.upload-preview::-webkit-scrollbar-thumb{background:#8b5cf6e6;border-radius:7px;min-height:40px}}@media (hover: none) and (pointer: coarse){.upload-preview::-webkit-scrollbar{width:16px}.upload-preview::-webkit-scrollbar-thumb{background:#8b5cf6e6;border-radius:8px;min-height:44px}.upload-preview::-webkit-scrollbar-track{background:#ffffff1a}}.uploaded-video-container{position:relative;width:min(100%,900px);margin:0 auto 24px;background:#000;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.preview-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:10}.action-btn{width:36px;height:36px;border:none;border-radius:8px;background:#fffffff2;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0000001a}.action-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.delete-btn:hover{background:#fef2f2;color:#dc2626}.uploaded-video{width:100%;height:auto;max-height:600px;display:block;object-fit:contain;background:#000}.upload-details{display:flex;gap:32px;margin-bottom:32px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#1f2937;font-weight:600}.upload-preview .requirements-section{margin-bottom:32px}.upload-preview .requirements-section h3{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 20px;display:flex;justify-content:space-between;align-items:center}.check-all-container,.check-all-item{display:flex;align-items:center;gap:8px}.check-all-label{font-size:13px;color:#8b5cf6f2;font-weight:500;cursor:pointer}.requirements-grid{display:grid;gap:16px;margin-bottom:0}.requirement-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background:#724cb0;border-radius:8px;transition:all .2s ease}.requirement-item:hover{background:#6641a4;border-color:#d1d5db}.requirement-item input[type=checkbox]{margin-top:2px;accent-color:rgb(133 96 255 / 95%);width:16px;height:16px}.requirement-item label{font-size:13px;color:#374151;line-height:1.5;cursor:pointer;flex:1}.upload-actions{display:flex;gap:16px;justify-content:center}.upload-actions .btn-outline-CreateHumee{background:#fff;border:1px solid #d1d5db;color:#6b7280;padding:12px 22px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:13px}.upload-actions .btn-outline-CreateHumee:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.upload-actions .btn-primary-CreateHumee{background:#8b5cf6f2;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:14px}.upload-actions .btn-primary-CreateHumee:hover:not(:disabled){background:#8b5cf6f2;transform:translateY(-1px)}.upload-actions .btn-primary-CreateHumee:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.upload-tab{padding:24px 16px}.upload-area{padding:60px 24px}.upload-details{flex-direction:column;gap:16px}.upload-actions{flex-direction:column;align-items:center}.upload-actions .btn-outline-CreateHumee,.upload-actions .btn-primary-CreateHumee{width:100%;max-width:280px;justify-content:center}}@media (max-width: 480px){.upload-area{padding:40px 20px}.upload-area h3{font-size:16px}.url-input-container{flex-direction:column;gap:12px}.url-submit-btn{width:100%}}.skip-tab{display:flex;justify-content:center;align-items:center;min-height:500px;padding:40px 32px;background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#935af5,#723ec3)}.skip-container{text-align:center;max-width:500px;width:100%;background:#724cb0;border:1px solid rgba(211,211,211,.814);padding:3%;border-radius:12px}.skip-icon{margin-bottom:32px;display:flex;justify-content:center}.skip-icon svg{width:24px;height:24px;opacity:.8}.skip-content h2{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 16px;line-height:1.2}.skip-description{font-size:15px;color:#fff;line-height:1.6;max-width:400px;margin:0 auto 40px}.skip-actions{display:flex;justify-content:center}.skip-continue-btn{background:#8b5cf6f2;color:#fff;border:none;padding:12px 32px!important;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.skip-continue-btn:hover{background:#8b5cf6f2;transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.skip-continue-btn:active{transform:translateY(0)}.skip-warning{display:none}@media (max-width: 768px){.skip-tab{padding:32px 20px;min-height:400px}.skip-content h2{font-size:24px}.skip-description{font-size:15px;margin-bottom:32px}.skip-continue-btn{padding:14px 28px;font-size:15px;width:100%;max-width:280px}}@media (max-width: 480px){.skip-icon svg{width:48px;height:48px}.skip-content h2{font-size:22px}.skip-description{font-size:14px}}@media (max-width: 1024px){.create-replica-container{grid-template-columns:30% 70%}.left-sidebar{height:auto;max-height:300px}.layout-spacer{display:none}.steps-list{flex-direction:row;overflow-x:auto;gap:16px}.step-item{min-width:250px}}@media (max-width: 768px){.create-replica-container{grid-template-columns:1fr;padding:0 8px;margin-top:5px}.left-sidebar{padding:10px 8px;max-height:none}.sidebar-content{gap:10px}.right-content{margin:0;overflow-x:hidden}.tab-content{padding-bottom:50px}.consent-script,.video-recording-area{padding:5px}.tab-navigation{flex-direction:column;align-items:flex-start;gap:10px}.tab-navigation-heading h3{font-size:18px}.tab-btn{padding:8px 14px;font-size:13px}.recording-controls{flex-direction:column;gap:12px}.camera-placeholder-circle{width:140px;height:140px}.camera-placeholder-circle .fa-video{font-size:40px}.camera-permission-prompt h3{font-size:16px}.camera-permission-prompt p{font-size:13px;padding:0 10px}.camera-allow-btn{padding:10px 16px;font-size:13px}}@media (max-width: 480px){.create-replica-container{padding:0 4px}.left-sidebar{padding:8px 4px}.sidebar-content{gap:8px}.sidebar-content .step-item{padding:12px 12px 10px}.sidebar-content .step-title-section h3{font-size:13px}.sidebar-content .step-content p{font-size:12px}.sidebar-content .step-item .requirement{padding:6px 8px;font-size:11px}.tab-navigation-heading h3{font-size:16px}}.step-item{gap:16px;padding:20px;border-radius:12px;border:2px solid #e2e8f0bb;transition:all .2s;background:#724cb0;color:#fff;margin-bottom:5px}.step-item.active{border-color:#8b5cf6f2;background:#724cb0}.step-item.active .step-numbers{background:#5a00ef;color:#fff}.step-item.inactive{border-color:#e2e8f0bb;background:#785da4;color:#fff}.step-item.inactive .step-numbers{background:#5a00ef;color:#fff}.step-item.completed{border:none;background:#339250;color:#fff}.step-item.completed .step-numbers{display:none}.step-item.completed .step-content h3{color:#10b981;position:relative}.step-item.completed .step-content h3:before{color:#10b981;font-weight:700;margin-right:8px}.video-preview{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto}.preview-container{width:100%;background:#374151;overflow:hidden;box-shadow:0 4px 12px #00000026}.preview-header{background:#4b5563;padding:12px 20px;color:#fff;font-size:14px;font-weight:500;text-align:left;display:flex;justify-content:space-between;align-items:center}.recording-indicator{display:flex;align-items:center;gap:8px}.recording-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}.video-area{position:relative;width:100%;aspect-ratio:16/9;background:#1f2937;display:flex;align-items:center;justify-content:center;min-height:0;border-radius:8px;overflow:hidden}.video-quality{position:absolute;bottom:16px;left:16px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.video-controls{position:absolute;bottom:16px;right:16px;display:flex;gap:8px}.recording-indicator{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;background:#000000b3;padding:8px 12px;border-radius:20px;z-index:10}.recordingCss{color:#fff}.recording-time{font-size:14px;font-weight:600;color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.start-recording-btn:disabled{background:#9ca3af;cursor:not-allowed}.camera-error{color:#ef4444;font-size:14px;text-align:center;max-width:250px;line-height:1.4;display:flex;flex-direction:column;align-items:center}.camera-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#374151}.camera-icon{width:120px;height:120px;background:#6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.8;border:3px dashed #9ca3af}.camera-icon i{font-size:40px;color:#d1d5db}.loading-spinner-replica{color:#9ca3af;font-size:16px;text-align:center}.retry-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer;margin-top:8px}.retry-btn:hover{background:#2563eb}.preview-tab{display:flex;justify-content:center;align-items:flex-start;width:100%;padding:0% 0 0}.recorded-video-preview{max-width:var(--record-content-width);width:100%;background:transparent;border-radius:12px;padding:20px 0}.preview-video-container{position:relative;width:min(100%,900px);margin:0 auto 15px;border-radius:12px;overflow:hidden;background:#1f2937}.preview-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:999}.action-btn{width:36px;height:36px;border:none;border-radius:8px;background:#ffffffe6;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:#fff;transform:translateY(-1px)}.delete-btn:hover{background:#fee2e2;color:#dc2626}.download-btn:hover{background:#dbeafe;color:#2563eb}.recorded-video{width:100%;height:auto;max-height:70vh;object-fit:contain;background:#1f2937;border-radius:12px;position:relative;display:block}.video-details{display:flex;justify-content:space-between;margin-bottom:32px;padding:16px;background:#f8fafc;border-radius:8px}.detail-item{display:flex;flex-direction:column;align-items:center;gap:4px}.detail-label{font-size:12px;color:#64748b;font-weight:500}.detail-value{font-size:16px;color:#1e293b;font-weight:600}.requirements-section{margin-bottom:25px}.requirements-section h3{font-size:14px;color:#1e293b;margin-bottom:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.check-all-container{display:flex;align-items:center;gap:8px}.requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;margin-top:10px}.requirement-item{display:flex;align-items:flex-start;gap:12px}.requirement-item input[type=checkbox]{width:15px;height:15px;accent-color:rgba(139,92,246,.95);cursor:pointer;margin-top:2px;flex-shrink:0}.requirement-item label{font-size:13px;color:#fff;cursor:pointer;line-height:1.5;font-weight:400}.check-all-item{display:flex;align-items:center;gap:8px}.check-all-item input[type=checkbox]{width:15px;height:15px;accent-color:rgba(139,92,246,.95);cursor:pointer}.check-all-label{font-size:13px;font-weight:500;color:#1e293b;cursor:pointer}@media (max-width: 768px){.requirements-grid{grid-template-columns:1fr;gap:12px}.requirements-section h3{flex-direction:column;align-items:flex-start;gap:12px}.check-all-container{align-self:flex-end}.requirement-item{padding:8px}.requirement-item label{font-size:12px}}.preview-actions-bottom{display:flex;gap:16px;justify-content:center}.btn-outline-CreateHumee{background:none;border:2px solid #64748b;color:#64748b;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-outline-CreateHumee:hover{border-color:#475569;color:#475569}.btn-primary-CreateHumee{background:#8b5cf6f2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary-CreateHumee:hover{background:#8b5cf6f2}.btn-primary-CreateHumee:disabled{background:#9ca3af;cursor:not-allowed;color:#fff}.success-message{background:#10b981;color:#fff;padding:12px 24px;border-radius:8px;margin-bottom:16px;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recording-controls{display:flex;justify-content:center;gap:16px}.control-btn-replicaCreate:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.control-btn-replicaCreate:active{transform:translateY(0)}.control-btn-replicaCreate i{font-size:18px}.record-btn{background:#8b5cf6f2;color:#fff;box-shadow:0 4px 15px #4858ec66}.record-btn:hover{background:#8b5cf6f2}.record-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:0 2px 8px #0000001a}.record-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #0000001a}.stop-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 15px #dc262666}.stop-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.stop-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.stop-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #0000001a}.cancel-btn{background:#fff;color:#64748b;border:2px solid #e2e8f0;box-shadow:0 4px 15px #00000014}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;box-shadow:0 8px 25px #0000001f}.btn-primary-CreateHumee{background:#8b5cf6f2;color:#fff;border:none;padding:10px 32px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:160px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary-CreateHumee:hover{background:#8b5cf6f2;transform:translateY(-2px);box-shadow:0 8px 25px #6b48ec80}.btn-primary-CreateHumee:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:0 2px 8px #0000001a}.btn-primary-CreateHumee:disabled:hover{transform:none;box-shadow:0 2px 8px #0000001a}.btn-outline-CreateHumee{background:#fff;border:2px solid #e2e8f0;color:#64748b;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000014;min-width:160px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-outline-CreateHumee:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}@media (max-width: 768px){.recording-controls{flex-direction:column;align-items:center;gap:12px}.control-btn-replicaCreate,.btn-primary-CreateHumee,.btn-outline-CreateHumee{width:100%;max-width:280px;padding:14px 24px;font-size:15px}}@media (max-width: 480px){.control-btn-replicaCreate,.btn-primary-CreateHumee,.btn-outline-CreateHumee{padding:12px 20px;font-size:14px;min-width:140px}}.bg-primary-foreground{padding:1%;justify-content:center}.replica-section1{padding:60px 32px;background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#935af5,#723ec3);box-shadow:0 8px 8px #0000004d;border-radius:8px;min-height:600px;display:flex;align-items:center;justify-content:center}.replica-content{max-width:600px;width:100%;text-align:center}.replica-status{background:#724cb0;border-radius:16px;padding:48px 32px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0bf}.status-icon{margin-bottom:24px;display:flex;justify-content:center}.processing-spinner{width:64px;height:64px;background:linear-gradient(135deg,#8b5cf6f2,#f472b6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.replica-status h2{font-size:28px;font-weight:700;color:#111827;margin:0 0 12px}.replica-status p{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.5}.progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:32px}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6f2,#f472b6);border-radius:4px;width:35%;animation:progressAnimation 3s ease-in-out infinite}@keyframes progressAnimation{0%,to{width:35%}50%{width:65%}}.replica-details{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:32px;text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-label{font-size:14px;color:#6b7280;font-weight:500}.detail-value{font-size:14px;color:#111827;font-weight:600}.detail-value.processing{color:#8b5cf6f2}.replica-actions{display:flex;gap:16px;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.submit-modal{background:#724cb0;border-radius:16px;padding:0;max-width:480px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}.modal-content{padding:32px;text-align:center}.modal-content h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.3}.modal-content p{font-size:16px;color:#ffffffd9;margin:0 0 32px;line-height:1.5}.leave-page-btn{background:#dc2626!important;border-color:#dc2626!important}.leave-page-btn:hover{background:#b91c1c!important;border-color:#b91c1c!important}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-actions .btn-outline-CreateHumee,.modal-actions .btn-primary-CreateHumee{flex:1;max-width:140px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.modal-actions .btn-outline-CreateHumee{background:#fff;border:2px solid #d1d5db;color:#6b7280}.modal-actions .btn-outline-CreateHumee:hover{border-color:#9ca3af;color:#374151}.modal-actions .btn-primary-CreateHumee{background:#8b5cf6f2;border:2px solid rgba(139,92,246,.95);color:#fff}.modal-actions .btn-primary-CreateHumee:hover{background:#8b5cf6f2;border-color:#8b5cf6f2}.modal-actions .btn-primary-CreateHumee:disabled{background:#d1d5db;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.submit-btn{position:relative}@media (max-width: 768px){.replica-section1{padding:40px 16px}.replica-status{padding:32px 24px}.replica-actions{flex-direction:column;align-items:center}.replica-actions .btn-outline-CreateHumee,.replica-actions .btn-primary-CreateHumee{width:100%;max-width:280px}.modal-content{padding:24px}.modal-actions{flex-direction:column}.modal-actions .btn-outline-CreateHumee,.modal-actions .btn-primary-CreateHumee{max-width:none;width:100%}}.circular-video-container{--face-circle-size: 240px;--face-circle-x: 50%;--face-circle-y: 41%;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.video-blur-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:#ab78ff59;border-radius:8px;backdrop-filter:blur(3px) brightness(.8);-webkit-backdrop-filter:blur(3px) brightness(.8);mask-image:radial-gradient(circle calc(var(--face-circle-size) / 2) at var(--face-circle-x) var(--face-circle-y),transparent 98%,black 100%);-webkit-mask-image:radial-gradient(circle calc(var(--face-circle-size) / 2) at var(--face-circle-x) var(--face-circle-y),transparent 98%,black 100%)}.circular-face-overlay{position:absolute;top:var(--face-circle-y);left:var(--face-circle-x);transform:translate(-50%,-50%);width:var(--face-circle-size);height:var(--face-circle-size);border-radius:50%;z-index:2;border:2px dotted rgba(255,255,255,.9);pointer-events:none}.live-video-circular{width:100%;height:100%;object-fit:cover;display:block;object-position:center center}.face-detection-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:2px dashed rgba(236,72,153,.6);border-radius:50%;z-index:3;pointer-events:none;animation:pulseRing 2s infinite}@keyframes pulseRing{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.4}}.video-container.recording .circular-face-overlay{border-color:#823bf5e6;box-shadow:0 0 0 2px #614af199,0 8px 32px #0000004d}.video-container.recording .video-blur-overlay{backdrop-filter:blur(12px) brightness(.65);-webkit-backdrop-filter:blur(12px) brightness(.65)}@keyframes recordingPulse{0%,to{box-shadow:0 0 0 4px #ffffffe6,0 0 0 6px #5244ef99,0 8px 32px #0003,0 0 60px #4f44ef4d}50%{box-shadow:0 0 0 4px #fff,0 0 0 8px #4458efcc,0 8px 32px #0003,0 0 80px #6144ef80}}.video-quality{position:absolute;bottom:20px;left:20px;background:#000c;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recording-indicator{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:#000c;padding:8px 16px;border-radius:25px;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.circular-video-container{--face-circle-size: 220px}.circular-face-overlay{width:220px;height:220px}.video-blur-overlay{mask-image:radial-gradient(circle 110px at var(--face-circle-x) var(--face-circle-y),transparent 98%,black 100%);-webkit-mask-image:radial-gradient(circle 110px at var(--face-circle-x) var(--face-circle-y),transparent 98%,black 100%)}.face-detection-overlay{width:240px;height:240px}}.camera-switch-btn{display:none;position:absolute;bottom:16px;right:16px;z-index:10;width:42px;height:42px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:18px;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000004d}.camera-switch-btn:hover{background:#000c;transform:scale(1.05)}.camera-switch-btn:active{transform:scale(.95)}.camera-switch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.camera-switch-btn{display:flex}}@media (max-width: 480px){.camera-switch-btn{width:36px;height:36px;font-size:15px;bottom:12px;right:12px}}.quality-warning-banner{position:absolute;top:12px;left:12px;right:12px;background:#ef4444f2;color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;font-weight:500;box-shadow:0 4px 12px #ef44444d}.quality-warning-banner i:first-child{font-size:16px;color:#fef2f2}.quality-warning-banner span{flex:1;line-height:1.4}.dismiss-warning{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease}.dismiss-warning:hover{background:#fff3}.video-quality-indicator{position:absolute;bottom:16px;left:16px;background:#000c;color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.video-quality-indicator.good{background:#10b981e6}.video-quality-indicator.warning{background:#f59e0be6}.video-quality-indicator.poor{background:#ef4444e6}.video-quality-indicator.checking{background:#3b82f6e6}.quality-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:quality-pulse 2s infinite}.quality-dot.good{background:#10b981}.quality-dot.warning{background:#f59e0b}.quality-dot.poor{background:#ef4444}.quality-dot.checking{background:#3b82f6;animation:quality-checking 1s infinite}.quality-text{font-weight:600}.quality-resolution{font-size:10px;opacity:.8;margin-left:4px}@keyframes quality-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes quality-checking{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.device-controls{width:fit-content;display:flex;gap:8px;margin:10px auto;justify-content:center}.device-control-btn{width:40px;height:40px;background:#000000b3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.device-control-btn:hover{background:#000c;transform:translateY(-1px)}.device-control-btn.quality-warning{background:#f59e0bcc}.device-control-btn.quality-poor{background:#ef4444cc}.video-area.quality-checking:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.1) 50%,transparent 70%);animation:quality-scan 2s infinite;pointer-events:none;z-index:5}@keyframes quality-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.quality-warning-banner{top:8px;left:8px;right:8px;padding:10px 12px;font-size:13px}.video-quality-indicator{bottom:12px;left:12px;padding:6px 10px;font-size:11px}.quality-dot{width:6px;height:6px}}@media (max-width: 480px){.circular-video-container{--face-circle-size: 140px}.circular-face-overlay{width:140px;height:140px}.face-detection-overlay{width:160px;height:160px}.video-blur-overlay{mask-image:radial-gradient(circle 70px at var(--face-circle-x) var(--face-circle-y),transparent 98%,black 100%);-webkit-mask-image:radial-gradient(circle 70px at var(--face-circle-x) var(--face-circle-y),transparent 98%,black 100%)}}.success-checkmark{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6f2,#f472b6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;box-shadow:0 8px 32px #ec48994d}.success-checkmark i{font-size:32px;color:#fff;font-weight:700}.replica-content h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:16px;text-align:center}.replica-content p{font-size:16px;color:#ffffffd7;text-align:center;margin-bottom:32px;line-height:1.6}.support-link{color:#8b5cf6f2;text-decoration:none;font-weight:500}.support-link:hover{text-decoration:underline}.replica-id-section{background:#785da4;border:1px solid #e5e7eb;border-radius:8px;padding:16px 20px;margin-bottom:40px;text-align:center;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.replica-id-label{font-size:14px;color:#fff;font-weight:500;margin-right:8px}.replica-id-value{font-size:14px;color:#111827;font-weight:600;background:#ffffffd6;padding:4px 8px;border-radius:4px;border:1px solid #d1d5db}.replica-actions{display:flex;gap:16px;justify-content:center;margin-top:40px}.view-code-btn{background:#fff;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.view-code-btn:hover{background:#f9fafb;border-color:#9ca3af}.finish-btn{background:#8b5cf6f2;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.finish-btn:hover{background:#8b5cf6f2;transform:translateY(-1px)}.copy-btn{background:none;border:none;cursor:pointer;padding:8px;margin-left:8px;border-radius:6px;transition:all .2s ease;position:relative;display:inline-flex;align-items:center;gap:4px;color:#6b7280}.copy-btn:hover{background-color:#f3f4f6;color:#374151}.copy-btn:active{transform:scale(.95)}.copy-btn:disabled{cursor:not-allowed;opacity:.5}.copy-btn.copied{color:#10b981;background-color:#ecfdf5}.copy-btn.copied:hover{background-color:#d1fae5}.copy-btn i{font-size:16px;transition:all .2s ease}.copy-feedback{font-size:12px;font-weight:500;color:#10b981;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-5px)}20%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(5px)}}@media (max-width: 768px){.copy-btn{padding:6px}.copy-btn i{font-size:14px}.copy-feedback{font-size:11px}}.copy-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.copy-btn:focus:not(:focus-visible){outline:none}.progress-bar,.progress-fill,.processing-spinner,.replica-details{display:none}@media (max-width: 768px){.replica-actions{flex-direction:column;align-items:center}.view-code-btn,.finish-btn{width:100%;max-width:280px;justify-content:center}.replica-content h2{font-size:24px}.success-checkmark{width:60px;height:60px;margin-bottom:24px}.success-checkmark i{font-size:24px}}.step-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;position:relative}.step-item.disabled:before{content:"";position:absolute;inset:0;background:#ffffff4d;border-radius:12px;z-index:1}.step-item.disabled .step-numbers{background:#9ca3af;border-color:#9ca3af;color:#fff;opacity:.7}.step-item.disabled .step-title-section h3{color:#9ca3af}.step-item.disabled .step-toggle-btn{color:#d1d5db;cursor:not-allowed}.step-item.disabled .step-toggle-btn:hover{background:none;color:#d1d5db}.step-item.disabled .step-content p{color:#d1d5db}.step-item.disabled .requirement{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.step-item.disabled .requirement .requirement-icon{color:#d1d5db}.step-item.disabled:hover{border-color:#e5e7eb;box-shadow:none;transform:none}.step-item:not(.disabled){cursor:pointer}.step-item:not(.disabled):hover{border-color:#ffffff57;box-shadow:0 24px 44px #421c823d}.sidebar-content .step-item{background:linear-gradient(180deg,#734db3eb,#613ca7f5);border:1px solid rgba(255,255,255,.16);border-left:4px solid rgba(255,255,255,.18);border-radius:10px;padding:16px 16px 14px;margin-bottom:0;box-shadow:0 22px 40px #6f4caf33;overflow:visible}.sidebar-content .step-item.active{background:linear-gradient(180deg,#7c57cafa,#653eb0);border-color:#ffffff3d;border-left-color:#ffffff57;box-shadow:0 24px 44px #6f4caf3d}.sidebar-content .step-item.inactive{background:#9271cc;border-color:#ffffff1f;border-left-color:#ffffff29}.sidebar-content .step-item.completed{border:1px solid rgba(255,255,255,.18);border-left:4px solid rgba(203,255,232,.9);background:linear-gradient(180deg,#2ca879f0,#1b8b62fa);color:#fff}.sidebar-content .step-item.completed .step-numbers{display:flex}.sidebar-content .step-item.completed .step-content h3{color:inherit;position:static}.sidebar-content .step-item.completed .step-content h3:before{content:none}.sidebar-content .step-item.disabled{opacity:.56}.sidebar-content .step-item.disabled .requirement{background:#ffffff14;border-color:#ffffff1f;color:#ffffffb8}.sidebar-content .step-item:before{background:none}.sidebar-content .step-header{padding-top:2px}.sidebar-content .step-title-section{align-items:flex-start;gap:10px}.sidebar-content .step-title-copy{gap:2px}.sidebar-content .step-item .step-numbers{top:-14px;left:-14px;width:34px;height:34px;background:#fff;border:1px solid rgba(115,77,179,.32);color:#6f4caf;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 20px #4a2c8038}.sidebar-content .step-item.active .step-numbers{background:#fff;border-color:#734db352;color:#5f37b6}.sidebar-content .step-item.active .step-numbers,.sidebar-content .step-item .step-numbers{font-weight:800}.sidebar-content .step-item.completed .step-numbers{background:#fff;border-color:#1da9714d;color:#17865a}.sidebar-content .step-item.inactive .step-numbers{background:#f3effa;border-color:#7e86a038;color:#788092}.sidebar-content .step-item.active .step-numbers{box-shadow:0 10px 20px #4a2c8038}.sidebar-content .step-item.completed .step-numbers{box-shadow:0 10px 20px #18865a24}.sidebar-content .step-item.inactive .step-numbers{box-shadow:0 10px 20px #50586c1f}.sidebar-content .step-title-section h3{color:#fff;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.sidebar-content .step-title-section h3{color:#fff}.sidebar-content .step-item.inactive .step-title-section h3{color:#ffffffd6}.sidebar-content .step-item.completed .step-title-section h3{color:#fff}.sidebar-content .step-status-pill{min-height:22px;padding:3px 9px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:9px;letter-spacing:.06em;box-shadow:none}.sidebar-content .step-item.inactive .step-status-pill{background:#ffffff1a;border-color:#ffffff24;color:#ffffffd1}.sidebar-content .step-item.completed .step-status-pill{background:#ffffff24;border-color:#ffffff2e;color:#fff}.sidebar-content .step-content{margin-top:8px;padding-left:0}.sidebar-content .step-content p{color:#ffffffd1;font-size:13px;line-height:1.55;margin-bottom:10px}.sidebar-content .step-item.inactive .step-content p{color:#ffffffb8}.sidebar-content .step-item.completed .step-content p{color:#ffffffd6}.sidebar-content .step-requirements{display:grid;gap:6px;margin-top:10px}.sidebar-content .step-item .requirement{display:flex;align-items:baseline;gap:8px;padding:8px 10px;background:#ffffff1f;border-color:#ffffff24;border-radius:10px;color:#ffffffeb;box-shadow:none}.sidebar-content .step-item .requirement .requirement-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;background:transparent;color:#fff;font-size:11px;margin-top:2px}.sidebar-content .step-item.inactive .requirement{background:#ffffff1a;border-color:#ffffff24;color:#fffc;display:flex;align-items:baseline}.sidebar-content .step-item.inactive .requirement .requirement-icon{color:#ffffffd6}.sidebar-content .step-item.completed .requirement{background:#ffffff24;border-color:#ffffff2e;color:#fffffff5;display:flex;align-items:baseline}.sidebar-content .step-item.completed .requirement .requirement-icon{color:#fff}.sidebar-content .step-item .step-toggle-btn{width:24px;height:15px;padding:0;background:transparent;border:none;border-radius:0;color:#ffffffe6;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.sidebar-content .step-item .step-toggle-btn:hover{background:transparent;color:#fff}.sidebar-content .step-item .step-toggle-btn i{font-size:12px}.sidebar-content .step-item.completed .step-toggle-btn{color:#fff}.sidebar-content .step-item.completed .step-toggle-btn:hover{background:transparent}.sidebar-content .step-item:not(.disabled):hover{border-color:#ffffff38;border-left-color:#ffffff47;box-shadow:0 24px 44px #6f4caf38}.instruction-panel{position:sticky;top:18px;background:linear-gradient(180deg,#734db3eb,#613ca7f5);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:22px 18px;box-shadow:0 22px 40px #6f4caf33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.instruction-panel-header h3{margin:8px 0;color:#fff;font-size:20px;font-weight:700}.instruction-panel-header p{margin:0;color:#ffffffd1;font-size:13px;line-height:1.6}.instruction-eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff24;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.instruction-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.instruction-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:10px;background:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.instruction-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c57ca,#5f37b6);color:#fff;flex-shrink:0;box-shadow:0 10px 22px #5f37b638}.instruction-copy h4{margin:0 0 4px;color:#34224c;font-size:14px;font-weight:700}.instruction-copy p{margin:0;color:#6d6084;font-size:12px;line-height:1.55}.instruction-note{display:flex;align-items:baseline;gap:10px;margin-top:18px;padding:14px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);color:#ffffffe6;font-size:12px;line-height:1.6}.instruction-note i{color:#fff;margin-top:2px}.bx-copy{cursor:pointer;color:#e5e5e5;font-size:18px;padding-left:3%}.disabled{display:none}.fa-video,.fa-upload,.fa-forward{padding-right:3px}.camera-allow-btn{background:#8b5cf6;color:#fff;border:none;padding:12px;margin-top:25px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.camera-allow-btn:hover{background:#7c47e8}.camera-allow-btn:disabled{background:#9ca3af;cursor:not-allowed}.camera-allow-btn i{font-size:16px;padding-right:10px}.camera-permission-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.camera-placeholder-circle{width:190px;height:190px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px dotted rgba(255,255,255,.9);margin:0 auto 20px;background:#ffffff1f}.camera-placeholder-circle .fa-video{padding-right:0;font-size:56px;color:#ffffffeb}.permission-help-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.popup-content{position:relative;background:#fff;border-radius:12px;max-width:400px;width:90%;box-shadow:0 10px 25px #0003;animation:popupSlideIn .3s ease-out;z-index:9999}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #e5e7eb}.popup-header h4{margin:0;color:#dc2626;font-size:18px;font-weight:600}.popup-close-btn{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:5px;border-radius:4px;transition:background .2s}.popup-close-btn:hover{background:#f3f4f6}.popup-body{padding:20px}.popup-body p{margin:0 0 15px;font-weight:500;color:#374151}.popup-body ol{margin:0;padding-left:20px;color:#6b7280}.popup-body li{margin-bottom:8px;line-height:1.5}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.popup-content{max-width:95%;margin:0 10px}.popup-header h4{font-size:15px}.popup-body{padding:15px}.popup-body li{font-size:13px}}.toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:#fff;z-index:9999;display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:520px;box-shadow:0 4px 12px #00000026;animation:toastSlideIn .3s ease;font-size:14px;line-height:1.5;word-break:break-word;overflow-wrap:anywhere}.toast-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;margin-left:12px;flex-shrink:0;opacity:.8}.toast-close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.colored-toast.swal2-popup{padding:12px 16px!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-size:14px!important;font-weight:500!important}.colored-toast .swal2-title{font-size:14px!important;font-weight:600!important;color:#fff!important;margin:0 0 2px!important;padding:0!important;line-height:1.4!important;text-align:left!important}.colored-toast .swal2-html-container{font-size:13px!important;color:#ffffffe6!important;margin:0!important;padding:0!important;line-height:1.5!important;text-align:left!important}.colored-toast .swal2-icon{width:26px!important;height:26px!important;min-width:26px!important;border-width:2px!important;margin:0 10px 0 0!important;align-self:flex-start!important}.colored-toast .swal2-icon .swal2-icon-content{font-size:16px!important}.colored-toast .swal2-timer-progress-bar{background:#fff6!important}.colored-toast-close.swal2-close{color:#fff!important;font-size:22px!important;opacity:.8!important;align-self:flex-start!important;margin-top:2px!important}.colored-toast-close.swal2-close:hover{opacity:1!important;color:#fff!important}@media (max-width: 480px){.colored-toast.swal2-popup{width:calc(100vw - 24px)!important;max-width:420px!important;margin-right:12px!important}}.persona-library{margin-left:60px;height:100vh;background:#f9fafb;padding:0 40px 40px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.7) transparent}.persona-library::-webkit-scrollbar{width:8px}.persona-library::-webkit-scrollbar-track{background:transparent}.persona-library::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:4px}.persona-library::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.persona-library-header{position:sticky;top:0;background:#f9fafb;padding:15px 0;border-bottom:1px solid #e5e7eb;z-index:100;margin-bottom:40px}.persona-library-header h1{font-size:22px;font-weight:600;color:#1f2937;margin:0}.configure-persona-card{background:linear-gradient(135deg,#fff,#e8d2ff,#9c9aff);border-radius:16px;padding:32px;position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1300px;margin:0 auto;box-shadow:0 8px 32px #0000001a}.close-btn{position:absolute;top:16px;right:20px;background:none;border:none;font-size:24px;color:#c1c1c1;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn:hover{color:#ff8484;background:transparent}.card-content{flex:1;max-width:720px;padding-right:40px;word-wrap:break-word}.card-content h2{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:16px}.card-content p{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:12px}.highlight{color:#8b5cf6;font-weight:600}.read-more-btn{background:none;border:none;color:#1f2937;font-weight:600;cursor:pointer;font-size:14px;text-decoration:underline;padding:0;margin-top:8px}.read-more-btn:hover{color:#374151}.persona-examples{display:flex;gap:15px;align-items:flex-start;flex-shrink:0;margin-left:auto;padding-left:60px}.persona-example{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;transform:rotate(-2deg);transition:transform .2s ease}.persona-example img{width:140px;height:140px;object-fit:cover;display:block}.persona-example:nth-child(1){transform:rotate(-3deg);margin-top:20px}.persona-example:nth-child(2){transform:rotate(1deg);margin-top:-5px;z-index:2}.persona-example:nth-child(2) img{width:160px;height:160px}.persona-example:nth-child(3){transform:rotate(-1deg);margin-top:15px}.persona-example:hover{transform:rotate(0) scale(1.05)}.persona-label{position:absolute;bottom:8px;left:8px;right:8px;background:#000000bf;color:#fff;font-size:11px;font-weight:600;padding:5px 6px;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:4px}.persona-label:before{content:"";width:6px;height:6px;background:#10b981;border-radius:50%;flex-shrink:0}.tabs-search-container{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:40px auto 30px}.search-section{display:flex;gap:12px;align-items:center}.search-input-wrapper2{position:relative}.search-input-wrapper2 i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input-wrapper2 input{width:250px;padding:8px 12px 8px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.search-btn{background:#8b5cf6f2;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.search-btn:hover:not(:disabled){background:#7c3aedf2}.search-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.search-error{color:#ef4444;font-size:14px;margin:10px auto;max-width:1300px;display:flex;align-items:center;gap:8px}.personas-tabs{display:flex;gap:0;justify-content:flex-start;background:#f3f4f6;border-radius:8px;padding:4px;width:fit-content}.tab{background:transparent;color:#6b7280;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.tab.active{background:#fff;color:#374151;font-weight:600;box-shadow:0 1px 2px #0000000d}.personas-section2{max-width:1300px;margin:0 auto 40px}.personas-section2 h3{font-size:16px;font-weight:600;color:#374151;margin-bottom:20px}.personas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1300px}.persona-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;text-align:left;box-shadow:0 2px 8px #00000014;transition:box-shadow .2s ease;position:relative}.persona-item:hover{box-shadow:0 4px 12px #0000001f}.persona-avatar-container{position:relative;width:100%;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center}.video-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#e2e2e233;display:flex;align-items:center;justify-content:center;z-index:5}.video-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #8c23ff;border-radius:50%;animation:spin 1s linear infinite}.persona-avatar-small{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:20px;display:block}.persona-item h4{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:5px;line-height:1.3;text-align:center}.persona-actions{display:flex;gap:12px;justify-content:flex-start}.join-btn{background:#f3f4f6;color:#374151;border:none;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.join-btn:hover{background:#e5e7eb}.setup-btn{background:#f4e7fc;color:#b040fb;border:none;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.setup-btn:hover{background:#fbcfe8}.persona-id2{font-size:12px;color:#6b7280;font-weight:500;background:#0000000d;padding:4px 8px;border-radius:4px;display:inline-block;width:fit-content}.load-more-container{display:flex;justify-content:center;margin-top:32px}.load-more-btn{background:#8b5cf6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.load-more-btn:hover:not(:disabled){background:#7c3aed}.load-more-btn:disabled{background:#9ca3af;cursor:not-allowed}.persona-status{position:absolute;top:8px;right:8px;z-index:10}.status-badge2{padding:6px;border-radius:50%;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.status-ready{background-color:#10b981;color:#fff}.status-in-progress{background-color:#f59e0b;color:#fff}.status-failed{background-color:#ef4444;color:#fff}.persona-tooltip-header i.fa-exclamation-triangle{color:#ef4444}.persona-status-tooltip-wrapper{position:relative;display:inline-block}.persona-status-tooltip{visibility:hidden;opacity:0;position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;width:220px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-size:12px;z-index:1000;transition:opacity .2s ease,visibility .2s ease}.persona-status-tooltip:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;transform:rotate(45deg)}.persona-status-tooltip-wrapper:hover .persona-status-tooltip{visibility:visible;opacity:1}.persona-tooltip-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-weight:600;color:#374151}.persona-tooltip-header i{font-size:14px}.persona-tooltip-header i.fa-check-circle{color:#10b981}.persona-tooltip-header i.fa-clock{color:#f59e0b}.persona-tooltip-content p{margin:0;color:#6b7280;line-height:1.4}.persona-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.persona-actions-buttons{display:flex;gap:8px}.persona-edit-btn,.persona-delete-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;font-size:16px;opacity:.7}.persona-edit-btn{color:#4f46e5}.persona-edit-btn:hover{background:#e0e7ff;color:#4f46e5;opacity:1;transform:scale(1.1)}.persona-edit-btn:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.persona-edit-btn:disabled:hover{background:none;transform:none;opacity:.5}.persona-delete-btn{color:#dc2626}.persona-delete-btn:hover{background:#fee2e2;color:#dc2626;opacity:1;transform:scale(1.1)}.no-data-found2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;text-align:center}.no-data-found2 i{font-size:28px;margin-bottom:16px;opacity:.5}.no-data-found2 p{font-size:16px;margin:0;font-weight:500}.status-list{margin:0;padding-left:16px;color:#6b7280;line-height:1.4}.status-list li{margin:4px 0;font-size:12px}.conversation-library{height:90vh;padding:18px 32px 32px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(123,90,210,.45) transparent}.conversation-library::-webkit-scrollbar{width:8px}.conversation-library::-webkit-scrollbar-track{background:transparent}.conversation-library::-webkit-scrollbar-thumb{background:#7b5ad273;border-radius:999px}.conversation-library::-webkit-scrollbar-thumb:hover{background:#6a49bd9e}.conversations-container{max-width:1520px;margin:0 auto}.conversations-section{display:flex;flex-direction:column;gap:10px}.conversations-header-row{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.conversations-header-copy{display:flex;flex-direction:column;gap:4px}.conversations-eyebrow{display:inline-flex;width:fit-content;padding:6px 12px;border-radius:999px;background:#684cae1f;color:#5f3cb2;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.conversations-header-row h2{font-size:22px;font-weight:700;line-height:1.1;color:#241244;margin:0}.conversations-header-row p{margin:0;font-size:12px;line-height:1.35;color:#6e6191;max-width:620px}.conversation-search-section{display:flex;gap:12px;align-items:center}.conversation-search-input-wrapper{position:relative;display:flex;align-items:center;min-width:360px;min-height:44px;padding:0 16px;border:1px solid rgba(115,88,190,.14);border-radius:16px;background:#ffffffd1;box-shadow:0 14px 34px #5c38a51a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.conversation-search-input-wrapper:focus-within{border-color:#6c45c473;box-shadow:0 16px 36px #5c38a529;transform:translateY(-1px)}.conversation-search-input-wrapper input{flex:1;height:100%;border:none;outline:none;background:transparent;padding-left:28px;padding-right:22px;font-size:13px;font-weight:500;color:#332054}.conversation-search-input-wrapper input::placeholder{color:#9a90b3;font-style:normal}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#7a6d9e;font-size:14px;pointer-events:none}.clear-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#8f83b0;cursor:pointer;font-size:14px;transition:color .2s ease,transform .2s ease}.clear-icon:hover{color:#43305f;transform:translateY(-50%) scale(1.08)}.conversation-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.conversation-summary-card{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:2px;padding:10px 14px;border:1px solid rgba(118,88,194,.12);border-radius:14px;background:linear-gradient(180deg,#ffffffd1,#f7f1ffdb);box-shadow:0 8px 18px #58369f12}.summary-label{grid-column:2;font-size:12px;font-weight:700;letter-spacing:.08em;color:#7c6aa3;text-transform:uppercase}.conversation-summary-card strong{grid-row:1 / span 2;font-size:18px;font-weight:700;color:#261548}.summary-note{grid-column:2;font-size:11px;line-height:1.25;color:#776694}.search-error{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid rgba(248,113,113,.28);border-radius:16px;background:#fff3f3eb;color:#c24141;font-size:14px;box-shadow:0 12px 30px #d65d5d14}.conversations-table{border:1px solid rgba(124,96,193,.14);border-radius:20px;overflow:hidden;background:#ffffffad;box-shadow:0 22px 44px #59379f1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.table-header,.table-row{display:grid;grid-template-columns:minmax(250px,1.45fr) 72px minmax(160px,.75fr) minmax(250px,1.15fr) minmax(104px,.52fr) minmax(150px,.72fr) minmax(140px,auto);gap:14px;align-items:center;min-width:1060px}.table-header{position:sticky;top:0;z-index:2;padding:14px 20px;background:linear-gradient(135deg,#5b33a9,#7d4de4);border-bottom:1px solid rgba(255,255,255,.18)}.header-cell{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fffffff0}.header-cell.status,.header-cell.attachments,.header-cell.actions{text-align:center}.table-body{position:relative;max-height:672px;min-height:570px;overflow:auto;background:#ffffff52}.table-body.is-loading .table-row{opacity:.34;pointer-events:none}.table-row{padding:12px 20px;border-bottom:1px solid rgba(111,85,184,.1);cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background:#784fdc14;box-shadow:inset 0 0 0 1px #784fdc14}.table-row.selected{background:#784fdc1f;box-shadow:inset 4px 0 #7f55e9}.table-row.disabled-row{cursor:not-allowed;background:#fbf8ffb3}.table-row.disabled-row:hover{background:#fbf8ffe0;transform:none}.table-cell{min-width:0;font-size:14px;color:#2f214f}.table-cell.actions{display:grid;grid-template-columns:38px 38px 38px;gap:6px;align-items:center;justify-items:center;justify-content:center}.attachments-overview{display:flex;align-items:center;justify-content:center}.attachment-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:36px;border:1px solid rgba(121,81,220,.24);border-radius:10px;background:#ffffffd1;color:#5b33a9;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 8px 18px #4c2c871f;transition:transform .2s ease,box-shadow .2s ease}.attachment-icon-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #4c2c872e}.attachment-empty{color:#7c6e998c;font-weight:700}.conversation-overview,.humee-overview,.duration-overview,.status-overview{display:flex;flex-direction:column;gap:8px}.conversation-overview-top{display:flex;align-items:flex-start;gap:12px}.conversation-title-text,.humee-display-name,.visitor-name-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.conversation-title-text{-webkit-line-clamp:2;font-size:14px;font-weight:700;line-height:1.35;color:#261548}.conversation-overview-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#7a6a9b;flex-wrap:wrap}.conversation-overview-meta .conversation_created{font-size:11px;color:#7a6a9b;font-weight:500}.conversation-meta-dot{width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.65}.humee-display-name{-webkit-line-clamp:2;font-size:14px;font-weight:700;line-height:1.4;color:#2d1e4e}.humee-caption,.duration-caption,.status-caption,.visitor-detail-text{font-size:11px;line-height:1.5;color:#7c6e99}.visitor-overview{display:flex;align-items:center;gap:12px}.visitor-avatar-shell{flex-shrink:0}.visitor-image,.visitor-placeholder{width:50px;height:50px;border-radius:3px}.visitor-image{object-fit:cover;box-shadow:0 10px 24px #4c2c8729}.visitor-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7951dc2e,#ffffffe6);border:1px solid rgba(121,81,220,.16)}.visitor-initials{font-size:15px;font-weight:700;color:#5d39b1}.visitor-image-wrapper{position:relative;width:50px;height:50px;border-radius:3px;overflow:hidden}.visitor-image-wrapper .visitor-image{width:100%;height:100%}.visitor-image-eye-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;border:none;cursor:pointer;color:#fff;opacity:0;transition:opacity .2s ease}.visitor-image-wrapper:hover .visitor-image-eye-btn{opacity:1}.visitor-photo-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.visitor-photo-modal{background:#fff;border-radius:12px;max-width:720px;width:90%;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:photoModalFadeIn .2s ease}@keyframes photoModalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.visitor-photo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}.visitor-photo-modal-title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-photo-modal-close{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.visitor-photo-modal-close:hover{background:#f0f0f0;color:#333}.visitor-photo-modal-body{padding:24px;display:flex;align-items:center;justify-content:center;min-height:360px}.visitor-photo-modal-img{max-width:100%;max-height:75vh;border-radius:8px;object-fit:contain}.attachment-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#130d2594;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.attachment-modal{width:min(560px,100%);max-height:min(76vh,680px);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 24px 60px #23144b47}.attachment-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(111,85,184,.14)}.attachment-modal-title{margin:0;font-size:18px;font-weight:800;color:#261548}.attachment-modal-subtitle{margin:6px 0 0;font-size:13px;color:#7c6e99}.attachment-modal-close{width:34px;height:34px;border:1px solid rgba(111,85,184,.16);border-radius:10px;background:#f8f5ff;color:#4b3473;cursor:pointer}.attachment-modal-body{display:grid;gap:12px;max-height:calc(min(76vh,680px) - 88px);overflow:auto;padding:18px 22px 22px}.attachment-file-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(111,85,184,.14);border-radius:12px;background:#fbf9ff}.attachment-file-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;gap:3px;border-radius:12px;background:color-mix(in srgb,var(--attachment-file-color, #8b5cf6) 16%,white);color:var(--attachment-file-color, #8b5cf6)}.attachment-file-icon i{font-size:22px;filter:drop-shadow(0 4px 8px rgba(35,20,75,.16))}.attachment-file-icon span{padding:1px 5px;border-radius:3px;background:var(--attachment-file-color, #8b5cf6);color:#fff;font-size:8px;font-weight:800;line-height:1.2;letter-spacing:0}.attachment-file-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.attachment-file-name{overflow:hidden;color:#261548;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.attachment-file-meta{color:#7c6e99;font-size:12px}.attachment-file-meta-legacy{display:none}.attachment-file-open{padding:8px 12px;border:none;border-radius:9px;background:#6d3fd2;color:#fff;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.document-viewer-modal-overlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:24px;background:#130d25ad;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.document-viewer-modal{display:flex;flex-direction:column;width:min(1180px,calc(100vw - 48px));height:min(84vh,820px);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 28px 70px #180c3859}.document-viewer-modal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid rgba(111,85,184,.16)}.document-viewer-title-wrap{min-width:0}.document-viewer-title{margin:0;color:#261548;font-size:17px;font-weight:800}.document-viewer-file-name{max-width:min(760px,70vw);margin:4px 0 0;overflow:hidden;color:#7c6e99;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.document-viewer-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(111,85,184,.16);border-radius:10px;background:#f8f5ff;color:#4b3473;cursor:pointer;flex-shrink:0}.document-viewer-frame{flex:1;width:100%;min-height:0;border:none;background:#fff}.attachment-detail-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1f;color:#fff;cursor:pointer;font-size:13px;font-weight:700}.attachment-detail-btn:hover{background:#ffffff2e}.visitor-copy{min-width:0;display:flex;flex-direction:column;min-height:50px;justify-content:center;gap:1px}.visitor-name-text{-webkit-line-clamp:1;font-size:14px;font-weight:700;line-height:1.2;color:#2d1e4e}.value-with-source{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;align-self:flex-start}.detail-value-row{display:flex;align-items:center;gap:6px;min-width:0}.value-with-source .visitor-name-text{flex:0 1 auto;min-width:0;max-width:100%}.detail-value-row .detail-value-convo{flex:1;min-width:0}.detail-value-row .detail-value-convo{margin-bottom:0}.visitor-detail-text{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;line-height:1.2}.visitor-detail-icon{flex-shrink:0;width:12px;color:#8c79b5;font-size:11px}.visitor-detail-value{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extracted-source-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:999px;background:#7e57c21f;color:#6d4ac6;cursor:help;flex-shrink:0;transition:transform .2s ease,background .2s ease,color .2s ease}.extracted-source-trigger:hover{background:#7e57c22e;color:#5834b3;transform:translateY(-1px)}.extracted-source-trigger:focus-visible{outline:2px solid rgba(88,52,179,.35);outline-offset:2px}.extracted-source-icon{width:12px;height:12px}.premium-tooltip-icon.source-icon{background:linear-gradient(135deg,#60a5fa,#7c3aed)}.duration-value{font-size:16px;font-weight:700;color:#2f1b58}.status-overview{align-items:center;justify-self:center;text-align:center}.status-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:82px;padding:6px 12px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status-badge.active{background:#40ba5e29;color:#1c8c45}.status-badge.ended{background:#d22d2d24;color:#c22c2c}.status-badge.unknown{background:#5b33a91f;color:#5b33a9}.action-btn{width:38px;height:38px;border:1px solid rgba(190,173,230,.5);border-radius:12px;background:#ffffffb8;color:#d43a3a;cursor:pointer;font-size:15px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.action-btn:hover{background:#fef2f2fa;border-color:#f4727261;box-shadow:0 10px 20px #dc26261f;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;color:#ccbfe6;background:#ffffff80;border-color:#dcd5f0d1;box-shadow:none;transform:none}.action-btn:disabled:hover{background:#ffffff80;color:#ccbfe6}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:0 4px;margin-top:4px}.pagination-info{color:#5b477d;font-size:14px;font-weight:500}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-btn{min-width:40px;height:40px;padding:0 12px;border:1px solid rgba(178,162,217,.76);border-radius:12px;background:#ffffffd1;color:#513882;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#7a4ce1;border-color:#7a4ce1;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{color:#c2b8d8;cursor:not-allowed;background:#ffffff7a}.pagination-btn.active{background:#6f43d6;color:#fff;border-color:#6f43d6;box-shadow:0 10px 24px #6f43d63d}.loader-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;padding:60px 24px;background:linear-gradient(180deg,#f8f4ffb8,#f4eeffe0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;height:100vh}.loader{width:34px;height:34px;border:3px solid rgba(111,67,214,.12);border-top:3px solid #7a4ce1;border-radius:50%;animation:spin 1s linear infinite}.no-data-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:72px 24px;color:#8a7da7;text-align:center}.no-data-found i{font-size:42px;opacity:.5}.no-data-found p{margin:0;font-size:16px;font-weight:600}.conversation-delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-loader-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;border-radius:16px}.delete-loader{display:flex;flex-direction:column;align-items:center;gap:12px}.conversation-delete-modal{position:relative;background:#724cb0;border-radius:16px;width:90%;max-width:480px;padding:32px;box-shadow:0 25px 50px #00000040;animation:conversationDeleteModalSlideIn .3s ease-out}@keyframes conversationDeleteModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.conversation-delete-modal-header{margin-bottom:20px}.conversation-delete-modal-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.025em}.conversation-delete-modal-message{font-size:16px;color:#e1e1e1d1;line-height:1.5;margin:0}.conversation-delete-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.conversation-delete-cancel-btn{background:#f9fafb;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.conversation-delete-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.conversation-delete-confirm-btn,.conv-submit-btn{background:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;box-shadow:0 2px 4px #ef444433}:is(.conversation-delete-confirm-btn,.conv-submit-btn):hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}:is(.conversation-delete-confirm-btn,.conv-submit-btn):active{transform:translateY(0)}.conv-submit-btn{background:#059669!important}.conversations-main-container{display:grid;grid-template-columns:280px 1fr 350px;gap:12px;height:calc(90vh - 60px);background:transparent}.chat-history-sidebar{display:flex;flex-direction:column;background:transparent;overflow-y:auto;min-width:0;min-height:0}.chat-history-header{padding:20px;border-bottom:1px solid #e5e7eb;background:#fff}.chat-history-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.search-input-wrapper{position:relative}.search-input-wrapper input{width:100%;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#f9fafb;color:#374151}.search-input-wrapper input:focus{outline:none;border-color:#8b5cf6;background:#fff}.conversation-list{flex:1;overflow-y:auto;padding:8px}.conversation-item{display:flex;align-items:center;padding:12px 16px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;border:1px solid transparent}.conversation-item:hover{background:#f1f5f9;border-color:#e2e8f0}.conversation-item.active{background:#ede9fe;border-color:#8b5cf6}.conversation-avatar{width:40px;height:40px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.conversation-avatar i{color:#6b7280;font-size:16px}.conversation-info{flex:1;min-width:0}.conversation-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-id{font-size:12px;color:#6b7280;font-family:monospace;margin-bottom:2px}.conversation-date{font-size:11px;color:#9ca3af}.chat-messages-container{display:flex;flex-direction:column;background:#724cb0;border-radius:8px;min-width:0;min-height:0;overflow:hidden}.chat-header{padding:10px;border-bottom:1px solid #e5e7eb42;background:#5f3cb2;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;align-items:center}.chat-header-actions{display:flex;align-items:center;gap:8px}.chatbot-close-btn{background-color:transparent}.chatbot-close-btn i{color:#fff}.report-btn-details,.copy-btn-details{background:#fffffff2;border:none;cursor:pointer;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#5f3cb2;transition:transform .2s ease,background-color .2s ease}.report-btn-details:hover,.copy-btn-details:hover{background:#fff;transform:translateY(-1px)}.chat-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.conversation-id-header{font-size:14px;color:#fff;font-family:monospace}.messages-area{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.message{display:flex;align-items:flex-start;gap:12px}.message.user{flex-direction:row-reverse}.message-avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.message-avatar i{color:#6b7280;font-size:14px}.message-content{max-width:70%}.message-text{padding:10px 15px;border-radius:16px;font-size:13px;line-height:1.5;color:#374151}.message.assistant .message-text{background:#f1f5f9;border-bottom-left-radius:4px}.message.user .message-text{background:#8b5cf6;color:#fff;border-bottom-right-radius:4px}.loading-messages{display:flex;align-items:center;justify-content:center;height:200px;color:#ffffffd4;font-size:14px}.user-initials{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#8f6dc7;color:#fff;border-radius:50%;font-size:14px;font-weight:700}.no-messages{display:flex;align-items:center;justify-content:center;height:200px;color:#fff;font-size:14px}.no-conversation-selected{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:16px}.conversation-details-panel{display:flex;flex-direction:column;background:transparent;overflow:hidden;min-width:0;min-height:0}.video-player-section{padding:20px;background:#724cb0;border-radius:8px}.video-container{position:relative;width:100%;height:300px;border-radius:12px;overflow:hidden}.video-loading-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.video-share-overlay{position:absolute;top:12px;right:12px;z-index:10}.video-share-btn{background:#000000b3;border:none;border-radius:8px;padding:10px;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-share-btn:hover{background:#000000e6;transform:scale(1.05)}.conversation-insights{margin-top:10px;padding:12px 14px;background:#724cb0;border-radius:8px;display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;min-height:0}.conversation-insights .detail-item2{margin-bottom:0}.summary-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-copy-btn{flex-shrink:0;width:28px;height:28px;border-radius:7px}.summary-copy-btn i{font-size:13px}.conversation-insights .detail-value-convo{word-break:break-word;line-height:1.45}.summary-paragraph{white-space:pre-line}.summary-bullets{list-style:disc;padding-left:20px;margin:6px 0 0;color:#fff;font-size:13px;font-weight:500}.summary-bullets li{margin-bottom:4px;line-height:1.45;word-break:break-word}.extracted-contact-item{background:#ffffff14;border-radius:6px;padding:8px 10px;margin-top:6px;display:flex;flex-direction:column;gap:2px}.extracted-contact-item:first-of-type{margin-top:4px}.extracted-contact-item .detail-value-convo{margin-bottom:0}.extracted-contact-item strong{color:#ffffffad;font-weight:500;margin-right:4px}.ai-takeaways-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.ai-takeaway-item{display:flex;align-items:flex-start;gap:8px;background:#ffffff14;border-radius:6px;padding:8px 10px;border-left:3px solid rgba(255,255,255,.2)}.ai-takeaway-item.ai-takeaway-interest{border-left-color:#4ade80}.ai-takeaway-item.ai-takeaway-action_needed{border-left-color:#facc15}.ai-takeaway-item.ai-takeaway-insight{border-left-color:#a78bfa}.ai-takeaway-item.ai-takeaway-no_action{border-left-color:#ffffff40}.ai-takeaway-dot{display:none}.ai-takeaway-text{font-size:13px;color:#fff;line-height:1.45;word-break:break-word}.ai-todos-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.ai-todo-item{display:flex;align-items:flex-start;gap:10px;background:#ffffff14;border-radius:6px;padding:8px 10px;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.ai-todo-item:hover{background:#ffffff21}.ai-todo-item.ai-todo-completed{border-left:3px solid #4ade80;padding-left:8px}.ai-todo-checkbox{width:16px;height:16px;border-radius:4px;border:2px solid rgba(255,255,255,.5);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:background .15s ease,border-color .15s ease}.ai-todo-checkbox.checked{background:#4ade80;border-color:#4ade80}.ai-todo-checkbox .fa-check{font-size:9px;color:#1a1a1a}.ai-todo-text{flex:1;min-width:0;font-size:13px;color:#fff;line-height:1.45;word-break:break-word}.ai-todo-item.ai-todo-completed .ai-todo-text{color:#fff}.ai-todo-done-badge{margin-left:auto;flex-shrink:0;font-size:10px;font-weight:600;color:#4ade80;background:#4ade8026;border:1px solid rgba(74,222,128,.35);border-radius:4px;padding:2px 6px;white-space:nowrap}.ai-todo-item.ai-todo-loading{cursor:default;opacity:.75}.ai-todo-item.ai-todo-disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.ai-todo-checkbox.loading{border-color:#fff6;background:transparent}.ai-todo-checkbox.loading .fa-spinner{font-size:9px;color:#fffc}.ai-section-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:transparent;color:#ffffffbf;flex-shrink:0;transition:color .15s ease}.ai-section-tooltip-trigger:hover{background:transparent;color:#fff}.ai-section-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:#fff9;cursor:pointer;flex-shrink:0;margin-left:auto;transition:color .15s ease,background .15s ease}.ai-section-expand-btn:hover{background:#ffffff26;color:#fff}.ai-expand-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.ai-expand-modal{background:#724cb0;border:1px solid rgba(255,255,255,.15);border-radius:14px;width:min(560px,90vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000059}.ai-expand-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0}.ai-expand-modal-title{font-size:17px;font-weight:700;color:#fff;text-transform:none;letter-spacing:0}.ai-expand-modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:#ffffff1f;color:#fffc;cursor:pointer;transition:background .15s ease,color .15s ease}.ai-expand-modal-close:hover{background:#ffffff38;color:#fff}.ai-expand-modal-body{padding:18px 22px;overflow-y:auto;background:#724cb0}.ai-expand-list .ai-takeaway-item,.ai-expand-list .ai-todo-item{font-size:14px;padding:10px 14px;margin-bottom:8px;background:#ffffff14}.ai-expand-list .ai-takeaway-text,.ai-expand-list .ai-todo-text{font-size:14px;font-weight:400;line-height:1.6;color:#fff}.ai-expand-list .ai-todo-item.ai-todo-completed .ai-todo-text{color:#fff}.ai-section-tooltip-content{background:#754eb2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:10px!important;box-shadow:0 12px 32px #0000004d!important}.ai-section-tooltip-content .premium-tooltip-text{color:#fff!important;font-size:13px!important;line-height:1.5!important}.ai-section-tooltip-content .premium-tooltip-arrow{fill:#754eb2!important;filter:none!important}.share-tooltip{position:absolute;top:0;right:30px;background:#000000e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;animation:fadeInOut 2s ease;z-index:1000}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.video-spinner2{text-align:center;color:#fff}.video-spinner2 i{font-size:24px;margin-bottom:8px;display:block}.video-spinner2 p{margin:0;font-size:14px;font-weight:500}.conversation-video{width:100%;height:300px;border-radius:8px;background:#000;object-fit:cover}.no-video{width:100%;height:300px;background:#8362ba;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.details-section{flex:1;padding:24px;background:#5f3cb2;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-y:auto;display:flex;flex-direction:column}.details-section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.detail-item2{margin-bottom:10px}.detail-label{display:block;font-size:13px;font-weight:500;color:#ffffffad;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.detail-label-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.detail-label-row .detail-label{margin-bottom:0}.detail-value-convo{display:block;font-size:13px;font-weight:500;color:#fff;word-break:break-all;margin-bottom:5px}.persona-id{font-size:14px;color:#6c757d;background:#f8f9fa;padding:4px 8px;border-radius:4px;display:inline-block;margin-top:4px;font-family:monospace}.details-footer{margin-top:auto}.delete-conversation-btn{width:100%;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626;font-size:14px;font-weight:600;cursor:pointer;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.delete-conversation-btn:hover{border-color:#f87171;color:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc262626}.delete-conversation-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.delete-conversation-btn i{font-size:14px}.replica-info2{display:flex;align-items:center;gap:12px}.replica-avatar img{width:100%;height:100%;object-fit:cover}.replica-avatar-video{width:100%;height:100%;object-fit:cover;border-radius:50%}.replica-name{font-size:16px;font-weight:500;color:#212529;margin-bottom:4px}.no-details{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:16px}.details-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.back-btn-details{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:35px;height:30px;flex-shrink:0}.back-btn-details:hover{background:#e9ecef;border-color:#adb5bd}.details-header h3{font-size:16px;font-weight:600;color:#fff;margin:0;line-height:1.8}@media (max-width: 1320px){.conversation-library{padding:18px 22px 30px}.conversation-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-search-input-wrapper{min-width:340px}.conversations-main-container{grid-template-columns:260px 1fr minmax(250px,30%)}}@media (max-width: 1100px){.conversations-main-container{grid-template-columns:240px 1fr minmax(250px,28%)}.video-container,.conversation-video,.no-video{height:240px}}@media (max-width: 1024px){.conversations-header-row{align-items:stretch}.conversation-search-section{width:100%}.conversation-search-input-wrapper{min-width:100%;width:100%}.conversation-summary-strip{grid-template-columns:1fr}.conversation-summary-card{grid-template-columns:auto 1fr}.conversations-main-container{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;height:auto;min-height:calc(90vh - 60px)}.chat-history-sidebar{width:100%;height:200px}.conversation-details-panel{width:100%;height:auto;overflow-y:visible}.video-player-section{margin-left:0}.video-container{height:260px}.conversation-insights{margin:12px 0 10px;padding:14px 16px}.table-body{min-height:420px}.video-container,.conversation-video,.no-video{height:260px}}@media (max-width: 768px){.conversation-library{padding:16px 14px 28px}.conversations-main-container{grid-template-columns:1fr;grid-template-rows:auto;height:auto;min-height:auto}.chat-history-sidebar{grid-column:1;max-height:260px}.chat-messages-container{min-height:400px;max-height:500px}.details-section{padding:18px}.video-container,.conversation-video,.no-video{height:240px}.conversation-id-header{font-size:11px;word-break:break-all}}@media (max-width: 640px){.conversation-library{padding:14px 10px 24px}.conversations-header-row h2{font-size:22px}.conversations-header-row p{font-size:12px}.conversation-summary-card{padding:12px 14px}.conversation-summary-card strong{font-size:17px}.pagination{align-items:flex-start}.video-player-section{padding:14px;margin-left:0}.video-container{height:220px}.conversation-insights{margin:10px 0 8px;padding:12px 14px;gap:10px}.conversation-insights .detail-label{font-size:11px}.conversation-insights .detail-value-convo{font-size:13px}.summary-bullets{font-size:12px;padding-left:16px}.summary-bullets li{margin-bottom:3px}.extracted-contact-item{padding:7px 9px;gap:2px}.extracted-contact-item .detail-value-convo{font-size:12px;word-break:break-all}}.linkedin-email-container{display:flex;flex-direction:column;gap:16px;margin-top:20px}.linkedin-banner-section{padding:16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.email-signature-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#8753f4;color:#fff;border:1px solid rgb(96 51 255 / 30%);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;width:fit-content}.linkedin-checkbox{display:flex;align-items:center;margin:0}.linkedin-name-input{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;font-size:13px;width:100%;box-sizing:border-box}.linkedin-name-input::placeholder{color:#fff9}.linkedin-name-input:focus{outline:none;border-color:#fff9;background:#ffffff26}.back-button-container{padding:20px 20px 0;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.back-to-widget-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.back-to-widget-btn:hover{background:#3b82f6;border-color:#ffffff80}.header-cell.created{transition:background-color .2s ease}.header-cell.created:hover{background-color:#ffffff26;border-radius:4px}.header-cell.created i{margin:0;font-size:12px;opacity:.8;flex-shrink:0}.share-crm-btn{color:#6d3fd2!important;border-color:#6d3fd259!important;background:#f0ebffbf!important}.share-crm-btn:hover:not(:disabled){background:#e6dcfffa!important;border-color:#6d3fd299!important;box-shadow:0 10px 20px #5b33a92e!important;color:#5b33a9!important}.share-crm-btn:disabled{color:#c4b5fd!important;background:#f0ebff66!important;border-color:#c4b5fd59!important}.share-crm-overlay{position:fixed;inset:0;background:#1e0a3ca6;display:flex;align-items:center;justify-content:center;z-index:2147483647;padding:16px}.toast{z-index:2147483649!important}.share-crm-modal{background:#724cb0;border-radius:16px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);display:flex;flex-direction:column;box-shadow:0 24px 64px #14003c80;overflow:hidden}.share-crm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#5f3cb2;border-bottom:1px solid rgba(255,255,255,.1)}.share-crm-header h3{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:.01em}.share-crm-close{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;color:#fff;display:flex;align-items:center;padding:4px 6px;transition:background .15s}.share-crm-close:hover{background:#ffffff38}.share-crm-close:disabled{opacity:.4;cursor:not-allowed}.share-crm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:14px;color:#fffc;font-size:15px;font-weight:500}.share-crm-loading i{font-size:28px;color:#c4b5fd}.share-crm-body{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;padding:16px 20px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.share-crm-body::-webkit-scrollbar{width:5px}.share-crm-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.share-crm-section{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0;max-height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.share-crm-section::-webkit-scrollbar{width:4px}.share-crm-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.share-crm-section--chat{background:#ffffff0f;border-color:#ffffff1a;padding:12px 14px}.share-crm-section-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#fff;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.share-crm-field{display:flex;flex-direction:column;gap:2px}.share-crm-field span{font-size:11px;color:#ffffffe0;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.share-crm-field strong{font-size:16px;font-weight:700;color:#fff;word-break:break-word;margin-top:1px}.share-crm-transcript{display:flex;flex-direction:column;gap:10px}.share-crm-bubble-row{display:flex;align-items:flex-end;gap:8px}.share-crm-bubble-row.humee{justify-content:flex-start}.share-crm-bubble-row.visitor{justify-content:flex-end}.share-crm-bubble{max-width:68%;padding:10px 16px;border-radius:16px;font-size:15px;line-height:1.5;word-break:break-word}.share-crm-bubble-row.humee .share-crm-bubble{background:#fff;color:#1f2937;border-bottom-left-radius:4px}.share-crm-bubble-row.visitor .share-crm-bubble{background:#c4b5fd59;color:#fff;border-bottom-right-radius:4px}.share-crm-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:13px;font-weight:700}.share-crm-avatar img{width:100%;height:100%;object-fit:cover}.share-crm-avatar.humee-avatar{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.25)}.share-crm-avatar.visitor-avatar{background:#c4b5fd80;color:#fff;border:1px solid rgba(255,255,255,.2)}.share-crm-objective{display:flex;flex-direction:column;gap:6px}.share-crm-qa-row{display:flex;align-items:flex-end;gap:6px}.share-crm-qa-row--q{justify-content:flex-end}.share-crm-qa-row--a{justify-content:flex-start}.share-crm-q{max-width:calc(88% - 38px);background:#fff;color:#1f2937;font-size:15px;font-weight:400;line-height:1.5;padding:10px 16px;border-radius:16px 16px 16px 4px;word-break:break-word}.share-crm-a{max-width:calc(88% - 38px);background:#c4b5fd59;color:#fff;font-size:15px;font-weight:400;line-height:1.5;padding:10px 16px;border-radius:16px 16px 4px;word-break:break-word}.share-crm-empty{font-size:13px;color:#c4b5fdb3;font-style:italic}.share-crm-actions{display:grid;grid-template-columns:1fr 2fr 1fr;gap:16px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.1);background:#5f3cb2;align-items:center}.share-crm-actions-spacer{min-width:0}.share-crm-actions-center,.share-crm-actions-right{display:flex;justify-content:center}.share-crm-action-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:9px;border:1.5px solid rgba(255,255,255,.35);background:#ffffff26;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-crm-action-btn:hover:not(:disabled){background:#ffffff40;box-shadow:0 4px 16px #0003}.share-crm-action-btn.primary{background:#fff3;border-color:#fff6}.share-crm-action-btn.primary:hover:not(:disabled){background:#ffffff4d;box-shadow:0 4px 18px #00000040}.share-crm-action-btn.shared:disabled{background:#ffffff52;border-color:#ffffff80;color:#fff;cursor:default;box-shadow:0 2px 10px #ffffff26;opacity:1}.share-crm-action-btn:disabled:not(.shared){background:#ffffff12;border-color:#ffffff1f;color:#fff6;cursor:not-allowed;box-shadow:none}@media (max-width: 1100px){.share-crm-body,.share-crm-actions{grid-template-columns:1fr 1.6fr 1fr}}@media (max-width: 768px){.share-crm-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.share-crm-body,.share-crm-actions{grid-template-columns:1fr}}.action-btn.rating-view-btn{color:#f59e0b!important;border-color:#f59e0b59!important;background:#fffbebd9!important}.action-btn.rating-view-btn:hover{background:#fde68ae6!important;border-color:#f59e0b99!important;color:#d97706!important}.copy-btn-details.rating-view-btn{color:#f59e0b}.copy-btn-details.rating-view-btn:hover{color:#d97706;background:#f59e0b1f}.rv-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.rv-modal{background:#fff;border-radius:16px;width:min(540px,92vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0003;animation:rv-fade-in .18s ease}@keyframes rv-fade-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.rv-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.rv-header-left{display:flex;align-items:center;gap:14px}.rv-header-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.rv-title{margin:0;font-size:17px;font-weight:700;color:#111827}.rv-subtitle{margin:3px 0 0;font-size:13px;color:#6b7280}.rv-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:#f3f4f6;color:#6b7280;cursor:pointer;font-size:13px;transition:background .15s,color .15s;flex-shrink:0}.rv-close:hover{background:#e5e7eb;color:#111827}.rv-overall{display:flex;align-items:center;gap:18px;padding:18px 24px;background:#724cb0;flex-shrink:0}.rv-overall-score{font-size:40px;font-weight:800;color:#fff;line-height:1}.rv-overall-label{margin:6px 0 0;font-size:12px;color:#fffc}.rv-date{margin-left:auto;font-size:12px;color:#ffffffbf;white-space:nowrap;flex-shrink:0}.rv-divider{height:1px;background:#f3f4f6;flex-shrink:0}.rv-body{flex:1;overflow-y:auto;min-height:0}.rv-questions{padding:16px 24px;display:flex;flex-direction:column;gap:10px}.rv-section-label{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#9ca3af}.rv-question-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f9fafb;border-radius:10px;padding:10px 14px}.rv-question-text{font-size:13px;color:#374151;flex:1;line-height:1.4}.rv-question-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.rv-question-score{font-size:12px;font-weight:600;color:#d97706;min-width:24px;text-align:right}.rv-comment-section{padding:16px 24px}.rv-comment{margin:0;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#374151;line-height:1.6;font-style:normal;min-height:42px;word-break:break-word;overflow-wrap:break-word}.rv-footer{padding:16px 24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;flex-shrink:0}.rv-close-btn{padding:9px 20px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.rv-close-btn:hover{background:#f9fafb}.replica-library{margin-left:60px;height:100vh;background:#f9fafb;padding:0 40px 40px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.7) transparent}.replica-library::-webkit-scrollbar{width:8px}.replica-library::-webkit-scrollbar-track{background:transparent}.replica-library::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:4px}.replica-library::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.replica-library-header{position:sticky;top:0;background:#f9fafb;padding:15px 0;border-bottom:1px solid #e5e7eb;z-index:100;margin-bottom:20px}.replica-library-header h1{font-size:22px;font-weight:600;color:#1f2937;margin:0}.replicas-container{max-width:1200px;margin:0 auto}.training-progress-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 16px;border-radius:8px;z-index:5}.progress-text{font-size:14px;font-weight:600;color:#7f3bf6;margin-bottom:6px;text-align:center}.progress-bar-container{width:100px;height:4px;background:#c3b8f2;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:#7f3bf6;border-radius:2px;transition:width .3s ease}.error-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 20px;border-radius:8px;z-index:5;display:flex;align-items:center;gap:8px;color:red;font-size:14px;font-weight:600}.error-overlay i{font-size:22px}.search-btn2{background:#8b5cf6f2;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.search-btn2:hover:not(:disabled){background:#7c3aedf2}.search-btn2:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.search-input-wrapper3{flex:1;position:relative}.search-input-wrapper3 input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(180deg,#fff,#f6eeff,#fbf7ff 40%,#a078e5fe,#ac7afd);font-family:system-ui,-apple-system,sans-serif;padding:40px}.login-frame{width:90%;max-width:1200px;height:88vh;background-image:url(/assets/LoginImgNew-B2VuW3ZT.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:24px;border:8px solid #2d3748;display:flex;align-items:center;justify-content:flex-end;padding:60px;position:relative;overflow:hidden}.login-card{background:#fff;border-radius:24px;padding:40px;width:45%;max-width:450px;min-width:380px;height:520px;box-shadow:0 20px 40px #0003;z-index:2}.login-header{text-align:center}.logo-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:14px}.tagline-text{color:#232323;font-size:13px;font-weight:500;margin-top:-10px}.brand-name{font-size:32px;font-weight:700;display:flex;align-items:baseline}.brand-meet{color:#000}.brand-humee{padding-left:5px;background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tm{color:#8b5cf6;font-size:18px;margin-left:2px}.welcome-section{text-align:center;margin-bottom:32px}.welcome-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.welcome-subtitle{font-size:16px;color:#6b7280;margin:0 0 16px;font-weight:500}.login-instruction{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.form-title{font-size:32px;font-weight:700;color:#1f2937;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column}.input-group input{padding:16px;border-radius:0 12px 12px 0;font-size:16px;transition:border-color .2s;background:#f9fafb}.input-group input:focus{outline:none;border-color:#22c55e;background:#fff}.password-input{position:relative}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#9ca3af;cursor:pointer}.submit-btn{background:#9a59f7;color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.submit-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.submit-btn i{margin-right:8px}.submit-btn:hover{background:#954cfb}.divider{text-align:center;position:relative;margin:24px 0 20px;color:#6b7280;font-size:14px}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.divider span{background:#fff;padding:0 16px}.social-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.social-btn{width:48px;height:48px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.social-btn:hover{border-color:#d1d5db;background:#fff}.social-btn.google{color:#ea4335}.social-btn.microsoft{color:#00a1f1}.social-btn.github{color:#333}.terms-text{font-size:12px;color:#6b7280;text-align:center;line-height:1.4;margin-bottom:20px}.terms-link{color:#224ec5;text-decoration:none}.terms-link:hover{text-decoration:underline}.form-footer{text-align:center}.form-footer p{color:#6b7280;font-size:14px;margin:0}.toggle-btn{background:none;border:none;color:#9164f6;font-weight:600;cursor:pointer;text-decoration:none}.toggle-btn:hover{text-decoration:underline}.input-label{font-size:14px;color:#6b7280;margin-bottom:8px;display:block}.phone-input-container{position:relative;display:flex;border:1px solid #e4e4e4;border-radius:12px;background:#f9fafb;overflow:visible}.phone-input-container:focus-within{border:2px solid #9164f6;background:#fff}.country-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:250px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;max-height:200px;overflow-y:auto}.country-selector{display:flex;align-items:center;gap:8px;padding:16px 12px;border-radius:12px 0 0 12px;border-right:1px solid #e5e7eb;cursor:pointer;background:#f9fafb;min-width:100px;position:relative}.country-option{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;transition:background .2s}.country-option:hover{background:#f9fafb}.country-option .country-flag{font-size:18px;width:24px}.country-name{font-size:14px;color:#374151;font-weight:500}.country-option .country-code{font-size:14px;color:#6b7280}.phone-input{flex:1;padding:16px;border:none;background:transparent;font-size:16px;outline:none}.otp-container{text-align:center}.otp-icon{width:80px;height:80px;background:#794ec8;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;font-size:32px}.otp-message{font-size:16px;color:#374151;margin-bottom:32px;line-height:1.5}.phone-link{color:#794ec8;text-decoration:underline}.otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.otp-input{width:50px;height:50px;border:2px solid #e5e7eb;border-radius:8px;text-align:center;font-size:18px;font-weight:600;outline:none;caret-color:gray}.otp-input::selection{background:transparent;color:inherit;caret-color:gray}.otp-input::-moz-selection{background:transparent;color:inherit;caret-color:gray}.otp-input:focus{border-color:#794ec8}.verify-btn{background:#9ca3af;color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:100%;margin-bottom:16px}.verify-btn:not(:disabled){background:#794ec8}.verify-btn:disabled{cursor:not-allowed}.resend-text{font-size:14px;color:#6b7280}.countdown{color:#794ec8}.resend-link{background:none;border:none;color:#794ec8;text-decoration:underline;cursor:pointer;font-size:14px;padding:0;font-family:inherit}.resend-link:hover{color:#6b46c1}.resend-link:disabled{color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.login-container{justify-content:center;padding:20px}.login-card{margin-right:0;max-width:100%}}.toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:9999;display:flex;align-items:flex-start;justify-content:space-between;min-width:300px;max-width:90vw;height:auto;box-shadow:0 4px 12px #00000026;word-break:break-word;overflow-wrap:anywhere}.toast.success{background:#10b981}.toast.error{background:#ef4444}.toast.warning{background:#f59e0b}.toast.info{background:#3b82f6}.toast-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;margin-left:12px;flex-shrink:0}.toast-close:hover{opacity:.8}.top-left-brand{position:absolute;bottom:10px;left:20px;z-index:10;display:flex;align-items:center;gap:12px}.brand-name-topleft{font-size:18px;font-weight:700;display:flex;align-items:baseline;opacity:.5}.brand-meet-topleft{color:#fff}.brand-humee-topleft{padding-left:5px;color:#fff}.brand-tm-topleft{color:#fff;font-size:14px;margin-left:2px}.copyright-text{color:#fff;font-size:14px;opacity:.5;font-weight:400}.phone-input-container.error{border:1px solid #ef4444}.phone-error-text{color:#ef4444;font-size:12px;margin-top:4px;display:block;text-align:center;font-weight:700}.top-right-info{position:absolute;bottom:10px;right:20px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#fff}.rights-text,.version-text{font-size:14px;font-weight:600;display:flex;align-items:baseline;opacity:.5}.brand-logo{width:120px;height:auto;object-fit:contain}.headerTop{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:990}.header-left{display:flex;align-items:center;gap:12px}.header-logo{width:122px;height:auto;object-fit:contain}.header-back-btn{border:1px solid rgba(95,55,182,.16);background:#ffffffc7;color:#5f37b6;height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 18px #5f37b614}.header-back-btn:hover{background:#ffffffeb;border-color:#5f37b647;transform:translateY(-1px)}.header-brand{font-size:18px;font-weight:700;display:flex;align-items:baseline}.header-meet{color:#000}.header-humee{padding-left:5px;background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-tm{color:#8b5cf6;font-size:12px;margin-left:2px}.header-center{display:flex;align-items:center;gap:12px}.header-menu-btn{width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.header-menu-btn:hover{width:auto;min-width:44px;padding:0 16px;border-radius:22px;background:#ffffff26;border-color:#ffffff4d}.header-menu-btn i{color:#fff;font-size:16px;transition:all .3s ease}.menu-text{color:#fff;font-size:14px;font-weight:500;margin-left:8px;opacity:0;width:0;transition:all .3s ease;white-space:nowrap}.header-menu-btn:hover .menu-text{opacity:1;width:auto}.header-menu-btn.active{background:#fff3;border-color:#fff6}.header-right{display:flex;align-items:center;gap:16px}.header-nav-buttons{display:flex;align-items:center;gap:12px}.nav-menu-btn{width:auto;min-width:48px;height:38px;padding:0 18px;border-radius:24px;background:#554373d6;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.nav-menu-btn:hover{background:#5b467ed6;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.nav-menu-btn i{color:#fff;font-size:18px;transition:all .3s ease;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-menu-text{color:#fff;font-size:14px;font-weight:500;margin-left:0;opacity:1;width:auto;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden}.nav-menu-btn.active{background:#7344dd;border-color:#8b5cf699;box-shadow:0 4px 12px #8b5cf64d}.profile-container{position:relative;display:flex;align-items:center;gap:12px}@media (max-width: 768px){.profile-container{display:none}.header-left{max-width:fit-content;flex-grow:0}}.user-info{display:flex;align-items:center;cursor:pointer;gap:8px}.user-icon{width:38px;height:38px;background:#554373;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-icon:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003;border-color:#ffffff40}.user-label{color:#fff;font-size:14px;font-weight:700;transition:all .3s ease}.user-name-display{margin-left:0}.user-greeting-hello{color:#000c;font-size:14px;font-weight:600}.user-greeting-name{color:#8b5cf6;font-size:14px;font-weight:700}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:200px;z-index:1000;overflow:hidden;animation:dropdown-fade-in .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdown-fade-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-dropdown button{width:100%;padding:14px 20px;border:none;background:transparent;color:#374151;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,.05)}.profile-dropdown button:last-child{border-bottom:none}.profile-dropdown button:hover:not(.disabled){background:linear-gradient(135deg,#3b82f61a,#9333ea1a);color:#1f2937;transform:translate(2px)}.profile-dropdown button i{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.user-selector{position:relative;margin-right:20px}.user-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;min-width:300px;transition:all .2s ease}.user-dropdown-trigger:hover{background:#e9ecef;border-color:#dee2e6}.user-selector-label{flex:1;font-size:14px;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.user-dropdown-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:background-color .2s ease}.user-dropdown-item-myprofile{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:background-color .2s ease;background:#7344dd!important;border-color:#8b5cf699;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.user-dropdown-item:hover{background:#f8f9fa}.user-dropdown-item.selected{background:#e3f2fd;color:#1976d2}.user-dropdown-item:last-child{border-bottom:none}.user-email{display:block;font-size:12px;color:#6c757d;margin-top:2px}.user-search-wrapper{position:relative;padding:8px 12px;border-bottom:1px solid #e9ecef}.user-search-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #e9ecef;border-radius:4px;font-size:14px;outline:none}.user-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.user-search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none}.activity-btn{position:relative}.activity-btn:hover:not(.disabled){background:linear-gradient(135deg,#22c55e1a,#3b82f61a)}.activity-btn i{color:#22c55e;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.activity-btn:hover i{color:#16a34a}.usage-btn i{color:#06b6d4;background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.usage-btn:hover:not(.disabled){background:linear-gradient(135deg,#06b6d41a,#0891b21a)}.usage-btn:hover i{color:#0891b2}.settings-btn i{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-btn:hover:not(.disabled){background:linear-gradient(135deg,#8b5cf61a,#9333ea1a)}.settings-btn:hover i{color:#7c3aed}.Price-history-btn i{color:#3730ff;background:linear-gradient(135deg,#3730ff 0% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Price-history-btn:hover:not(.disabled){background:linear-gradient(135deg,#8b5cf61a,#9333ea1a)}.Price-history-btn:hover i{color:#7c3aed}.Price-btn i{color:#f59e0b;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Price-btn:hover:not(.disabled){background:linear-gradient(135deg,#f59e0b1a,#d977061a)}.Price-btn.disabled{opacity:.5;cursor:not-allowed}.Price-btn.disabled i{color:#9ca3af;background:none;-webkit-text-fill-color:#9ca3af}.logout-btn i{color:#ef4444;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logout-btn:hover{background:linear-gradient(135deg,#ef44441a,#dc26261a)}.logout-btn:hover i{color:#dc2626}@media (max-width: 768px){.profile-dropdown{min-width:180px;right:-10px}.profile-dropdown button{padding:12px 16px;font-size:13px}.profile-dropdown button i{font-size:14px}}.profile-dropdown button:active:not(.disabled){transform:translate(1px) scale(.98)}.profile-dropdown button:focus:not(.disabled){outline:2px solid rgba(59,130,246,.5);outline-offset:-2px}.toast-notification{position:fixed;top:80px;right:20px;padding:12px 16px;border-radius:8px;color:#fff;font-size:14px;z-index:1000;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease}.toast-warning{background-color:#ff9800}.toast-success{background-color:#4caf50}.toast-error{background-color:#f44336}.toast-info{background-color:#2196f3}.toast-notification button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{background:linear-gradient(180deg,#fff,#f6eeff,#fbf7ff 40%,#a078e5fe,#b892f7);border-radius:16px;width:90%;max-width:600px;max-height:90vh;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;overflow-y:auto;scrollbar-width:1px;scrollbar-color:#e5e7eb transparent}.settings-modal -webkit-scrollbar{display:none}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;border-bottom:1px solid #e5e7eb}.settings-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.settings-close-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.settings-close-btn:hover{background:#f3f4f6;color:#374151}.settings-modal-content{padding:32px}.profile-image-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.profile-image-container{position:relative;width:120px;height:120px;margin-bottom:16px}.profile-preview{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #e5e7eb}.profile-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;border:4px solid #e5e7eb}.profile-upload-btn{position:absolute;bottom:8px;right:8px;background:#3b82f6;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.profile-upload-btn:hover{background:#2563eb;transform:scale(1.1)}.profile-image-text{color:#060606;font-size:14px;font-weight:500;margin:0}.settings-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.settings-input{padding:12px 16px;border-radius:8px;font-size:14px;color:#fff;transition:all .2s ease;background:#8362ba;border:1px solid #e2e8f0cc}.settings-input:focus{outline:none;border-color:#fff;background:#8362ba;box-shadow:0 0 0 3px #3b82f61a}.settings-input::placeholder{color:#c8c8c8}.settings-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.settings-cancel-btn{padding:12px 24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-cancel-btn:hover{border-color:#d1d5db;background:#f9fafb}.settings-save-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.settings-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.settings-save-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 640px){.settings-modal{width:95%;margin:20px}.settings-modal-content{padding:24px}.form-row{grid-template-columns:1fr;gap:16px}.settings-modal-actions{flex-direction:column}.settings-cancel-btn,.settings-save-btn{width:100%}}.phone-input-container-settings{display:flex;border:1px solid #e2e8f0cc;border-radius:8px;background:#8362ba;transition:all .2s ease}.phone-input-container-settings:focus-within{border:1px solid #e2e8f0cc;background:#8362ba;box-shadow:0 0 0 3px #3b82f61a}.country-selector-settings{display:flex;align-items:center;gap:8px;padding:8px 10px;border-right:1px solid #e2e8f0cc;background:#8362ba;border-radius:8px 0 0 8px}.phone-input-container-settings.disabled{background:#f9fafb;border-color:#e5e7eb;opacity:.7;cursor:not-allowed}.phone-input-container-settings.disabled .country-selector-settings{background:#f3f4f6;color:#9ca3af}.phone-input-container-settings.disabled .country-code-settings{color:#9ca3af}.settings-input-phone:disabled{background:transparent;color:#9ca3af;cursor:not-allowed}.settings-input.disabled,.settings-input:disabled{background:#f9fafb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;opacity:.7}.country-flag-settings{width:24px;height:18px;object-fit:fill;border-radius:2px}.country-code-settings{font-size:14px;color:#fff;font-weight:500}.settings-input-phone{flex:1;padding:8px 10px;border:none;background:transparent;font-size:14px;color:#fff;outline:none;border-radius:0 8px 8px 0}.settings-input-phone::placeholder{color:#9ca3af}.profile-delete-btn{position:absolute;bottom:0;right:8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ef44444d}.profile-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.profile-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-profile-image{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.user-profile-image:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003;border-color:#ffffff40}.required-star-settings{color:red;margin-left:4px}.notification-bell-container{position:relative;display:inline-block}.notification-bell-button{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-bell-button:hover{background-color:#f3f4f6;color:#374151}.notification-bell-button.active{background-color:#e5e7eb;color:#1f2937}.notification-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.notification-dropdown{position:absolute;top:100%;right:0;width:380px;max-width:90vw;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;margin-top:8px;max-height:500px;display:flex;flex-direction:column}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f3f4f6}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.mark-all-read-btn{background:none;border:none;color:#8b5cf6;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:#f3f4f6}.mark-all-read-btn:disabled{opacity:.5;cursor:not-allowed}.notification-list{flex:1;overflow-y:auto;max-height:350px}.notification-loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280;gap:12px}.loading-spinner-notificationBell{width:16px;height:16px;border:2px solid #f3f4f6;border-top:2px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.notification-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;font-size:14px}.notification-item{display:flex;align-items:flex-start;padding:12px 20px;border-bottom:1px solid #f9fafb;cursor:pointer;transition:background-color .2s ease;position:relative;gap:12px}.notification-item:hover{background-color:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#fef7ff}.notification-item.unread:hover{background-color:#fdf4ff}.notification-urgent{border-left:3px solid #ef4444}.notification-high{border-left:3px solid #f59e0b}.notification-medium{border-left:3px solid #3b82f6}.notification-low{border-left:3px solid #10b981}.notification-icon{font-size:18px;flex-shrink:0;margin-top:2px}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px;line-height:1.4}.notification-message{font-size:13px;color:#6b7280;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:11px;color:#9ca3af}.unread-dot{width:8px;height:8px;background:#8b5cf6;border-radius:50%;flex-shrink:0;margin-top:6px}.notification-delete{position:absolute;top:8px;right:8px;background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;transition:all .2s ease}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background-color:#fee2e2;color:#ef4444}.notification-delete:disabled{opacity:.3;cursor:not-allowed}.notification-footer{padding:12px 20px;border-top:1px solid #f3f4f6}.view-all-btn{width:100%;background:none;border:none;color:#8b5cf6;font-size:14px;font-weight:500;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease}.view-all-btn:hover{background-color:#f3f4f6}@media (max-width: 768px){.notification-dropdown{width:320px;right:-20px}.notification-item{padding:10px 16px}.notification-header{padding:12px 16px}.notification-footer{padding:10px 16px}}@media (max-width: 480px){.notification-dropdown{width:280px;right:-40px}}.terms-page{min-height:100vh;background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#935af5,#723ec3);padding:20px;font-family:Georgia,Times New Roman,serif}.terms-container{margin:0 auto;background:#724cb0;border:1px solid rgba(255,255,255,.653);border-radius:16px;transition:all .2s ease;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff1a}.terms-header{background:linear-gradient(135deg,#8b7cf6,#6366f1);color:#fff;border-radius:16px 16px 0 0;padding:20px 40px;position:relative}.terms-header h1{font-size:20px;font-weight:400;margin:0;letter-spacing:-.5px}.terms-content{padding:30px 40px;line-height:1.7;color:#2d3748}.terms-content section{margin-bottom:40px;padding-left:8px}.terms-content h2{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #8b7cf6;display:inline-block}.terms-content p{color:#fff;margin-bottom:16px;text-align:justify;font-size:15px}.terms-content ul{color:#fff;padding-left:24px;margin-bottom:20px}.terms-content li{margin-bottom:8px;position:relative}.terms-content li::marker{color:#8b7cf6;font-weight:700}.privacy-page{min-height:100vh;background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#935af5,#723ec3);padding:20px;font-family:Georgia,Times New Roman,serif}.privacy-container{margin:0 auto;background:#724cb0;border:1px solid rgba(255,255,255,.653);border-radius:16px;transition:all .2s ease;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff1a}.privacy-header{background:linear-gradient(135deg,#8b7cf6,#6366f1);color:#fff;border-radius:16px 16px 0 0;padding:20px 40px;position:relative}.back-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;transition:all .2s;display:flex;align-items:center;gap:8px;width:fit-content}.back-btn:hover{background:#ffffff40;transform:translateY(-1px)}.privacy-header h1{font-size:20px;font-weight:400;margin:0;letter-spacing:-.5px}.privacy-content{padding:30px 40px;line-height:1.7;color:#2d3748}.last-updated{color:#718096;font-size:13px;font-style:italic;margin-bottom:40px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.privacy-content section{margin-bottom:40px;padding-left:8px}.privacy-content h2{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #8b7cf6;display:inline-block}.privacy-content p{color:#fff;margin-bottom:16px;text-align:justify;font-size:15px}.privacy-content ul{color:#fff;padding-left:24px;margin-bottom:20px}.privacy-content li{margin-bottom:8px;position:relative}.privacy-content li::marker{color:#8b7cf6;font-weight:700}.replica-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.replica-modal{background:linear-gradient(180deg,#fff,#f6eeff,#fbf7ff 40%,#aa84ebfe,#a073eafb);background-attachment:fixed;border-radius:12px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.replica-modal-header{padding:24px 30px;border-bottom:1px solid rgba(255,255,255,.2);position:relative}.replica-modal-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:gray}.replica-modal-subtitle{margin:0;font-size:14px;color:gray}.replica-modal-close{position:absolute;top:20px;right:20px;background:#fff3;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:gray;font-size:18px;transition:all .2s}.replica-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.replica-selection-info{padding:16px 30px;background:#ffffff1a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.selection-count{font-size:16px;font-weight:600;color:gray}.btn-select-first-n{background:#fffffff2;color:#723ec3;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.btn-select-first-n:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-select-first-n:active:not(:disabled){transform:translateY(0)}.btn-select-first-n:disabled{opacity:.5;cursor:not-allowed}.btn-select-first-n i{font-size:14px}.selection-error{color:#f44;background:#fffffff2;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;flex:1;text-align:center}.replica-modal-content{flex:1;overflow-y:auto;padding:24px 30px}.replicas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.replica-card{border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;background:#724cb0;box-shadow:0 4px 12px #00000061;position:relative}.replica-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000080}.replica-card.selected{border:4px solid #2500ff;box-shadow:0 4px 12px #8b5cf680}.replica-card.disabled{opacity:.6;cursor:not-allowed;position:relative}.replica-card.disabled:after{content:"";position:absolute;inset:0;background:#8080804d;pointer-events:none}.replica-checkbox-overlay{position:absolute;top:12px;left:12px;z-index:10}.replica-checkbox-overlay input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#2500ff}.replica-checkbox-overlay input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.replica-video-container{position:relative;height:200px;background:#724cb0;border-radius:10px 10px 0 0;overflow:hidden}.replica-video{width:100%;height:100%;object-fit:cover}.video-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#724cb0cc}.video-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.pro-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content;height:fit-content;display:inline-block;z-index:999}.replica-info{position:absolute;bottom:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center}.replica-id{background:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px}.replica-card h4{padding:16px;margin:0;font-size:16px;font-weight:600;color:#fff;text-align:center}.in-use-badge{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#ff4444f2;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;z-index:5}.load-more-container{display:flex;justify-content:center;margin-top:24px}.load-more-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner-persona{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#fff;font-size:16px}.replica-modal-footer{position:relative;padding:20px 30px;border-top:1px solid rgba(255,255,255,.2);display:flex;gap:12px}.replica-footer-btn-wrapper{display:flex;gap:12px;justify-content:flex-end;flex:1}.btn-cancel,.btn-confirm{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;max-width:fit-content}.btn-cancel{background:#fff3;color:#fff}.btn-cancel:hover{background:#ffffff4d}.btn-confirm{background:linear-gradient(135deg,#2500ff,#1a00b3);color:#fff}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2500ff66}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.replicas-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.replica-modal{width:95%;max-height:95vh}.replica-modal-header{padding:20px}.replica-modal-header h2{font-size:20px}.replica-selection-info{padding:12px 20px}.replica-modal-content{padding:16px 20px}.replicas-grid{grid-template-columns:1fr;gap:12px}.replica-modal-footer{padding:16px 20px;flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.full-screen-loading-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000}.full-screen-loader{display:flex;flex-direction:column;align-items:center;gap:20px}.full-screen-loader-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.full-screen-loader p{color:#fff;font-size:18px;font-weight:600;margin:0}.plan-section{max-height:94vh;overflow-y:auto;padding-bottom:4%}.plan-section::-webkit-scrollbar{width:8px}.plan-section::-webkit-scrollbar-track{background:transparent}.plan-section::-webkit-scrollbar-thumb{background:#c5b3f0b3;border-radius:4px}.plan-section::-webkit-scrollbar-thumb:hover{background:#c5b3f0b3}.plan-section-header{text-align:center;margin-bottom:10px}.plan-section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:5px}.plan-gradient-text{background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-section-subtitle{font-size:1rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.plan-category-selector{display:flex;justify-content:center;margin-bottom:20px}.plan-category-tabs{background:#fffffff2;padding:5px;border-radius:16px;display:flex;gap:6px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(0,0,0,.05)}.plan-category-tab{padding:12px 24px;border:none;background:transparent;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#6b7280;text-transform:capitalize}.plan-category-tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.plan-category-tab:hover:not(.active){background:#8b5cf61a;color:#8b5cf6}.plan-main-grid{display:grid;gap:24px;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch}.plan-main-grid.single-plan{grid-template-columns:1fr;max-width:380px}.plan-main-grid.double-plan{grid-template-columns:repeat(2,1fr);max-width:800px}.plan-main-grid.triple-plan{grid-template-columns:repeat(3,1fr)}.plan-card-modern{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;position:relative;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;height:100%;display:flex;flex-direction:column;min-height:500px}.plan-card-modern.add-on{min-height:300px}.plan-card-modern .plan-header-modern{flex-shrink:0}.plan-card-modern .plan-features-modern{flex:1;margin-bottom:10px}.plan-card-modern .plan-overage-modern{flex-shrink:0;margin-bottom:5px}.plan-card-modern .plan-button-modern{margin-top:auto;flex-shrink:0}.plan-popular-badge-modern{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;gap:6px}.plan-header-modern{text-align:center;margin-bottom:15px;margin-top:6%}.plan-title-modern{font-size:1.2rem;font-weight:700;color:#1f2937;margin-bottom:8px}.plan-subtitle-modern{color:#6b7280;font-size:.9rem;margin-bottom:5px}.plan-pricing-modern{text-align:center;margin-bottom:0}.plan-price-main{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.plan-currency-modern{font-size:1.5rem;font-weight:700;color:#8b5cf6}.plan-amount-modern{font-size:2.2rem;font-weight:800;color:#8b5cf6;line-height:1}.plan-period-modern{font-size:1.1rem;color:#6b7280;font-weight:500}.plan-minutes-included{font-size:.9rem;color:#6b7280;font-weight:500}.plan-features-modern{margin-bottom:32px}.plan-feature-item-modern{display:flex;align-items:flex-start;gap:12px;padding:5px 0;font-size:.9rem;color:#374151}.plan-feature-check{color:#10b981;font-size:16px;margin-top:2px;flex-shrink:0}.plan-feature-text-modern{line-height:1.4}.plan-overage-modern{text-align:center;margin-bottom:24px;padding:10px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.plan-overage-label-modern{font-size:.85rem;color:#6b7280;margin-bottom:4px;font-weight:500}.plan-overage-rate-modern{font-size:1.1rem;font-weight:700;color:#1f2937}.plan-button-modern{width:100%;padding:14px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none}.plan-button-modern.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.plan-button-modern.primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.plan-button-modern.secondary{background:#f8fafc;color:#374151;border:2px solid #e5e7eb}.plan-button-modern.secondary:hover{background:#f1f5f9;border-color:#d1d5db;transform:translateY(-1px)}.plan-button-modern.cancel-btn-red{color:#fff;background-color:#ed5050;border:2px solid red;padding:8px}.plan-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.plan-loading-spinner{width:48px;height:48px;border:4px solid rgba(139,92,246,.2);border-top:4px solid #8b5cf6;border-radius:50%;animation:plan-spin 1s linear infinite;margin-bottom:24px}@keyframes plan-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plan-loading-text{color:#6b7280;font-size:1.1rem;font-weight:500}.plan-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.plan-error-card{background:#ef44440d;border:2px solid rgba(239,68,68,.2);border-radius:16px;padding:32px;max-width:400px;color:#dc2626}.plan-error-icon{width:48px;height:48px;margin:0 auto 16px;color:#ef4444}.plan-error-title{font-size:1.25rem;font-weight:600;margin-bottom:8px}.plan-error-message{font-size:.95rem;line-height:1.5}.plan-carousel-section{margin-top:80px}.plan-carousel-header{text-align:center;margin-bottom:48px}.plan-carousel-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:16px}.plan-carousel-subtitle{color:#6b7280;font-size:1.1rem;max-width:500px;margin:0 auto}.plan-carousel-container{display:flex;gap:24px;overflow-x:auto;padding:24px 0 32px;scroll-behavior:smooth}.plan-carousel-card{min-width:320px;max-width:320px;height:600px;flex-shrink:0}.plan-carousel-card .plan-card-modern{height:100%;display:flex;flex-direction:column}.plan-carousel-card .plan-features-modern{flex:1;overflow-y:auto}.plan-carousel-card .plan-button-modern{margin-top:auto}@media (max-width: 1024px){.plan-main-grid.triple-plan{grid-template-columns:repeat(2,1fr)}.plan-section-title{font-size:2.5rem}.plan-amount-modern{font-size:2.2rem}}@media (max-width: 768px){.plan-section{padding:20px 16px}.plan-section-title{font-size:2rem}.plan-section-subtitle{font-size:1.1rem;padding:0 10px}.plan-main-grid{grid-template-columns:1fr;gap:20px;max-width:100%}.plan-category-tabs{width:100%;max-width:300px;margin:0 auto;gap:4px}.plan-category-tab{padding:10px 20px;font-size:14px}.plan-card-modern{padding:24px 20px;margin:0 10px}.plan-title-modern{font-size:1.3rem}.plan-amount-modern{font-size:2rem}.plan-currency-modern{font-size:1.3rem}.plan-period-modern{font-size:1rem}.plan-feature-item-modern{font-size:.85rem;padding:4px 0}.plan-carousel-container{padding:20px 16px 24px;gap:16px}.plan-carousel-card{min-width:280px}.plan-carousel-title{font-size:2rem}}@media (max-width: 480px){.plan-section{padding:10px 12px}.plan-section-title{font-size:1.8rem;line-height:1.2}.plan-section-subtitle{font-size:1rem;padding:0 5px}.plan-category-selector{margin-bottom:20px}.plan-category-tabs{max-width:280px;padding:6px}.plan-category-tab{padding:8px 16px;font-size:13px}.plan-card-modern{padding:20px 16px;margin:0 5px;border-radius:12px}.plan-popular-badge-modern{height:35px;font-size:12px;border-radius:10px 10px 0 0!important}.plan-title-modern{font-size:1.2rem;margin:15px 0}.plan-subtitle-modern{font-size:.8rem;margin-bottom:5px}.plan-amount-modern{font-size:1.8rem}.plan-currency-modern{font-size:1.2rem}.plan-period-modern{font-size:.9rem}.plan-minutes-included{font-size:.8rem}.plan-feature-item-modern{font-size:.8rem;gap:10px;padding:3px 0}.plan-feature-check{font-size:14px}.plan-overage-modern{padding:12px 0}.plan-overage-label-modern{font-size:.8rem}.plan-overage-rate-modern{font-size:1rem}.plan-button-modern{padding:12px 20px;font-size:.9rem}.plan-carousel-container{padding:16px 12px 20px;gap:12px}.plan-carousel-card{min-width:260px}.plan-carousel-title{font-size:1.8rem}.plan-carousel-subtitle{font-size:1rem}}@media (max-width: 360px){.plan-section{padding:25px 8px}.plan-section-title{font-size:1.6rem}.plan-section-subtitle{font-size:.9rem}.plan-category-tabs{max-width:250px;padding:4px}.plan-category-tab{padding:6px 12px;font-size:12px}.plan-card-modern{padding:16px 12px;margin:0 2px}.plan-title-modern{font-size:1.1rem}.plan-amount-modern{font-size:1.6rem}.plan-currency-modern{font-size:1.1rem}.plan-feature-item-modern{font-size:.75rem;gap:8px}.plan-button-modern{padding:10px 16px;font-size:.85rem}.plan-carousel-card{min-width:240px}}@media (max-height: 600px) and (orientation: landscape){.plan-section{padding:20px 16px}.plan-section-header{margin-bottom:30px}.plan-section-title{font-size:1.5rem;margin-bottom:10px}.plan-category-selector{margin-bottom:5px}.plan-card-modern{padding:20px 16px}.plan-carousel-section{margin-top:40px}}.plan-carousel-card .plan-card-modern{height:100%;min-height:500px}@media (max-width: 768px){.plan-card-modern,.plan-carousel-card .plan-card-modern{min-height:450px}}@media (max-width: 480px){.plan-card-modern,.plan-carousel-card .plan-card-modern{min-height:420px}}@media (max-width: 360px){.plan-card-modern,.plan-carousel-card .plan-card-modern{min-height:400px}}.plan-card-modern.current-plan{border:2px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 8px 25px #10b98126}.current-plan-badge{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;gap:6px}.plan-card-modern.current-plan .plan-title-modern{color:#065f46}.plan-card-modern.current-plan .plan-currency-modern,.plan-card-modern.current-plan .plan-amount-modern,.plan-card-modern.current-plan .plan-feature-check{color:#10b981}.plan-button-modern.current{background:#10b981;color:#fff;cursor:not-allowed;opacity:.8}.plan-button-modern.current:hover{background:#10b981;transform:none;box-shadow:none}.plan-card-modern.current-plan.popular .plan-popular-badge-modern{display:none}@media (max-width: 480px){.current-plan-badge{height:35px;font-size:12px;border-radius:10px 10px 0 0!important}}.plan-button-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.plan-button-modern:disabled:hover{transform:none;box-shadow:0 4px 12px #8b5cf64d}.stripe-loading{display:inline-flex;align-items:center;gap:8px}.stripe-loading:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.enquiry-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.enquiry-modal-container{background:#fff;border-radius:20px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.enquiry-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e5e7eb}.enquiry-modal-header h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.enquiry-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.enquiry-modal-close:hover{background:#f3f4f6;color:#374151}.enquiry-modal-content{padding:32px}.canel-plan-modal-content{padding:32px;font-size:1.2rem;font-weight:600}.enquiry-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.enquiry-form-group{margin-bottom:20px}.enquiry-form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.enquiry-required{color:#ef4444}.enquiry-input,.enquiry-textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.enquiry-input:focus,.enquiry-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.enquiry-input.enquiry-error,.enquiry-textarea.enquiry-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.enquiry-textarea{resize:vertical;min-height:100px}.enquiry-error-text{display:block;color:#ef4444;font-size:12px;margin-top:4px}.enquiry-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid #e5e7eb}.enquiry-cancel-btn,.enquiry-submit-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.enquiry-cancel-btn{background:#f8fafc;color:#374151;border:2px solid #e5e7eb}.enquiry-cancel-btn:hover{background:#f1f5f9;border-color:#d1d5db}.enquiry-submit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.enquiry-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.enquiry-submit-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 768px){.enquiry-modal-container{width:95%;margin:20px}.enquiry-form-row{grid-template-columns:1fr;gap:0}.enquiry-modal-header,.enquiry-modal-actions{padding:12px}.enquiry-modal-content{padding:20px}.enquiry-cancel-btn,.enquiry-submit-btn{width:100%}}@media (max-width: 480px){.enquiry-modal-actions{flex-direction:column}}.cancel-plan-loading-overlay{position:absolute;inset:0;background:#c7bbdf73;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:16px}.cancel-plan-loader{text-align:center;color:#000}.loader-spinner-cancel{width:40px;height:40px;border:4px solid rgba(139,92,246,.2);border-top:4px solid #7a41ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.cancel-plan-loader p{font-size:14px;font-weight:500;margin:0}.plan-button-modern:disabled{opacity:.6;cursor:not-allowed}.plan-section-top-bar{display:flex;justify-content:flex-end;margin-bottom:20px;padding:0 20px}.purchase-history-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #8b5cf633}.purchase-history-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.purchase-history-btn i{font-size:14px}@media (max-width: 768px){.plan-section-top-bar{padding:0 10px}.purchase-history-btn{padding:8px 14px;font-size:13px}}.usage-dashboard{margin:0 auto;max-height:100vh;overflow-y:auto;padding:20px 100px 5%}.usage-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:5px;border-bottom:2px solid #e0e0e0;margin-top:0}.usage-dashboard-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.usage-dashboard-header-content h1{margin:0;font-size:24px;font-weight:600}.usage-concurrent-users{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.usage-subscription-info{font-size:14px;color:#666}.usage-subscription-info span{font-size:18px;color:#666}.usage-dashboard-header h1{color:#333;margin:0;font-size:25px}.usage-dashboard-header-history{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:5px;margin-top:10px;border-bottom:2px solid #e0e0e0}.usage-dashboard-header-history h1{color:#333;margin:0;font-size:25px}.usage-dashboard-status{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.usage-connection-status{display:flex;align-items:center;gap:8px;font-weight:500}.usage-connection-status.connected{color:#4caf50}.usage-connection-status.disconnected{color:#f44336}.usage-status-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor;animation:usage-pulse 2s infinite}.usage-dashboard .usage-last-updated{font-size:12px;color:#666;margin-bottom:6px 0px;padding-bottom:0;border-bottom:none}.usage-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.usage-feature-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;transition:transform .2s,box-shadow .2s}.usage-feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.usage-feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.usage-feature-header h3{margin:0;color:#333;font-size:18px}.usage-availability-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.usage-availability-badge.available{background:#e8f5e8;color:#4caf50}.usage-availability-badge.unavailable{background:#ffebee;color:#f44336}.usage-boolean-feature{text-align:center;padding:20px 0}.usage-boolean-status{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:500}.usage-boolean-status.enabled{color:#4caf50}.usage-boolean-status.disabled{color:#f44336}.usage-numbers{display:flex;justify-content:space-between;margin-bottom:15px}.usage-stat{text-align:center}.usage-stat-label{display:block;font-size:12px;color:#666;margin-bottom:4px}.usage-stat-value{display:block;font-size:18px;font-weight:600;color:#333;text-transform:capitalize;word-break:keep-all;text-wrap:nowrap}.text-capitalize{text-transform:capitalize}.usage-stat-value.remaining{color:#4caf50}.usage-progress-container{margin-bottom:10px}.usage-progress-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:5px}.usage-progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px}.usage-progress-text{text-align:center;font-size:12px;color:#666}.usage-feature-unit{font-size:12px;color:#666;text-align:center;margin-top:10px}.usage-limit-warning{display:flex;align-items:center;gap:8px;background:#fff3cd;color:#856404;padding:8px 12px;border-radius:6px;font-size:12px;margin-top:10px}.usage-no-features{text-align:center;padding:60px 20px;color:#666}.usage-no-features i{font-size:48px;margin-bottom:15px;opacity:.5}.usage-loading{text-align:center;padding:40px;color:#666}@keyframes usage-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.usage-subscription-info{font-size:12px;color:#666;font-weight:500}.usage-upgrade-btn,.usage-retry-btn{background:#8b5cf6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:15px;transition:background .2s}.usage-upgrade-btn:hover,.usage-retry-btn:hover{background:#7c3aed}.usage-retry-btn{background:#6b7280}.usage-retry-btn:hover{background:#4b5563}.usage-feature-charts-section{margin-bottom:30px}.usage-feature-charts-section h2{margin-bottom:20px;color:#1f2937;font-size:24px;font-weight:600}.usage-charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.usage-feature-chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s;width:auto;height:auto;min-height:350px}.usage-feature-chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.usage-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.usage-chart-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937;text-transform:lowercase}.usage-chart-header h3:first-letter{text-transform:uppercase}.usage-status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.usage-status-badge.available{background:#dcfce7;color:#166534}.usage-status-badge.at-limit{background:#fef2f2;color:#dc2626}.usage-chart-content{display:flex;align-items:center;gap:20px}.usage-mini-chart{position:relative;flex-shrink:0}.usage-mini-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.usage-mini-percentage{font-size:18px;font-weight:700;color:#1f2937}.usage-chart-stats{flex:1}.usage-stat-row{display:flex;justify-content:space-between;margin-bottom:8px;align-items:center}.usage-stat-row.unit{margin-top:12px;padding-top:8px;border-top:1px solid #e5e7eb}.usage-chart-warning{margin-top:12px;padding:8px 12px;background:#fef2f2;border-radius:6px;color:#dc2626;font-size:12px;display:flex;align-items:center;gap:6px}.usage-boolean-features-section{margin-top:30px}.usage-boolean-features-section h3{margin-bottom:16px;color:#1f2937;font-size:18px;font-weight:600}.usage-boolean-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.usage-boolean-feature-item{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.usage-feature-toggle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.usage-feature-toggle.enabled{background:#dcfce7;color:#166534}.usage-feature-toggle.disabled{background:#fef2f2;color:#dc2626}.usage-feature-info{flex:1}.usage-feature-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.usage-feature-status{font-size:12px;font-weight:500}.usage-feature-status.enabled{color:#166534}.usage-feature-status.disabled{color:#dc2626}.usage-concurrent-users{display:flex;align-items:center;gap:6px;font-size:20px;color:#4caf50;font-weight:500}.usage-concurrent-users i{font-size:14px}.usage-concurrent-users.clickable{transition:all .2s ease}.usage-concurrent-users.clickable:hover{background-color:#8b5cf61a;border-radius:4px;padding:4px 8px;margin:-4px -8px}.usage-concurrent-users.clickable:active{transform:scale(.98)}@media (max-width: 768px){.usage-dashboard{padding-left:20px;padding-right:20px}.usage-dashboard-header{align-items:flex-start;gap:15px}.usage-features-grid{grid-template-columns:1fr}.usage-numbers{flex-direction:column;gap:10px}.usage-charts-grid{grid-template-columns:1fr}.usage-chart-content{flex-direction:column;text-align:center}.usage-boolean-features-grid{grid-template-columns:1fr}.usage-boolean-features{margin-bottom:20%}}.overview-widget{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;margin-bottom:30px;color:#fff;box-shadow:0 8px 32px #0000001a}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.overview-header h2{margin:0;font-size:24px;font-weight:600}.overview-stats{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.9}.overview-content{display:flex;gap:30px;align-items:center}.chart-container,.donut-chart{position:relative}.progress-circle{transition:stroke-dasharray .5s ease}.chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.chart-percentage{font-size:32px;font-weight:700;line-height:1}.chart-label{font-size:14px;opacity:.8;margin-top:4px}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;flex:1}.summary-card{background:#ffffff1a;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.card-icon{width:40px;height:40px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.card-content{flex:1}.card-value{font-size:20px;font-weight:700;line-height:1}.card-label{font-size:12px;opacity:.8;margin-top:4px}@media (max-width: 768px){.overview-content{flex-direction:column;gap:20px}.summary-cards{grid-template-columns:1fr}}.feature-charts-section{margin-bottom:30px}.feature-charts-section h2{margin-bottom:20px;color:#1f2937;font-size:24px;font-weight:600}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.feature-chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.feature-chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.available{background:#dcfce7;color:#166534}.status-badge.at-limit{background:#fef2f2;color:#dc2626}.chart-content{display:flex;align-items:center;gap:20px}.mini-chart{position:relative;flex-shrink:0}.mini-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.mini-percentage{font-size:18px;font-weight:700;color:#1f2937}.chart-stats{flex:1}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px}.stat-row.unit{margin-top:12px;padding-top:8px;border-top:1px solid #e5e7eb}.stat-label{font-size:14px;color:#6b7280}.stat-value{font-size:14px;font-weight:600;color:#1f2937}.stat-value.remaining{color:#059669}.chart-warning{margin-top:12px;padding:8px 12px;background:#fef2f2;border-radius:6px;color:#dc2626;font-size:12px;display:flex;align-items:center;gap:6px}.boolean-features-section{margin-top:30px}.boolean-features-section h3{margin-bottom:16px;color:#1f2937;font-size:18px;font-weight:600}.boolean-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.boolean-feature-item{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.feature-toggle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.feature-toggle.enabled{background:#dcfce7;color:#166534}.feature-toggle.disabled{background:#fef2f2;color:#dc2626}.feature-info{flex:1}.feature-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.feature-status{font-size:12px;font-weight:500}.feature-status.enabled{color:#166534}.feature-status.disabled{color:#dc2626}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}.chart-content{flex-direction:column;text-align:center}.boolean-features-grid{grid-template-columns:1fr}}.usage-chart-actions{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-purchase{width:100%;padding:10px 16px;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.btn-purchase:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.btn-purchase:disabled{opacity:.5;cursor:not-allowed;transform:none}.toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1001;animation:toastSlideIn .3s ease-out;max-width:90vw;height:auto;box-shadow:0 4px 12px #00000026;word-break:break-word;overflow-wrap:anywhere}@media (min-width: 640px){.toast{max-width:400px}}.toast-success{background:#10b981}.toast-error{background:#ef4444}.toast-info{background:#3b82f6}.toast-warning{background:#f59e0b}.toast-content{display:flex;align-items:flex-start;gap:8px;flex:1}.toast-content i{flex-shrink:0;margin-top:3px}.toast-content span{flex:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.usage-chart-actions{padding:16px;border-top:1px solid #f0f0f0;margin-top:auto}.btn-buy-more{width:100%;padding:10px 16px;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-buy-more:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.btn-buy-more:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.usage-feature-chart-card{display:flex;flex-direction:column;height:100%}.usage-chart-content{flex:1}.usage-boolean-features{margin-top:32px}.usage-boolean-features h2{font-size:20px;font-weight:600;color:#333;margin-bottom:16px}.usage-boolean-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.usage-boolean-feature{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.usage-boolean-feature:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a}.usage-feature-info h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}.usage-feature-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block}.usage-feature-status.enabled{background:#dcfce7;color:#166534}.usage-feature-status.disabled{background:#fef2f2;color:#991b1b}@media (max-width: 768px){.toast{top:10px;right:10px;left:10px;max-width:none}.usage-boolean-grid{grid-template-columns:1fr}}.invoice-pdf-link{margin-left:10px}.no-active-plan-section{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.no-plan-message{text-align:center;max-width:500px;padding:3rem;border:2px dashed #e0e0e0;border-radius:12px;background:#fafafa}.no-plan-message i{font-size:19px;color:#ff9800;margin-bottom:0rem;padding-right:16px}.no-plan-message h2{color:#333;margin-bottom:1rem;font-size:1.5rem}.no-plan-message p{color:#666;margin-bottom:2rem;line-height:1.6}.no-plan-message .plan-button-modern{padding:12px 24px;font-size:1rem;gap:8px}.usage-tab-navigation{display:flex;background:#8b5cf61a;border-radius:12px;padding:6px;gap:4px;max-width:330px}.usage-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease}.usage-tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.usage-tab-btn:hover:not(.active){background:#8b5cf61a;color:#8b5cf6}.usage-history-section{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;margin-top:20px}.usage-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.usage-history-table-container{overflow-x:auto;border-radius:8px;border:1px solid #f3f4f626;color:#1f2937;max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.7) transparent;min-width:1200px}.usage-history-table-container::-webkit-scrollbar{width:8px;height:8px}.usage-history-table-container::-webkit-scrollbar-track{background:transparent}.usage-history-table-container::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:4px}.usage-history-table{width:100%;min-width:1200px;border-collapse:collapse;background:transparent}.usage-history-table thead{position:sticky;top:0;z-index:10;background:#724cb0;border-bottom:1px solid #f3f4f626}.usage-history-table th{padding:12px;font-weight:600;color:#fff;text-transform:uppercase;font-size:12px;text-align:left;letter-spacing:.5px;white-space:nowrap;min-width:120px;height:50px;vertical-align:middle}.usage-history-table td{padding:15px 12px;border-bottom:1px solid #f3f4f626;font-size:14px;color:#1f2937;font-weight:400;font-family:sans-serif;white-space:nowrap;min-height:60px;vertical-align:middle}.usage-history-table tbody tr{min-height:60px}.usage-history-table th:nth-child(1),.usage-history-table td:nth-child(1){min-width:140px}.usage-history-table th:nth-child(2),.usage-history-table td:nth-child(2){min-width:120px}.usage-history-table th:nth-child(3),.usage-history-table td:nth-child(3){min-width:150px}.usage-history-table th:nth-child(4),.usage-history-table td:nth-child(4){min-width:160px}.usage-history-table th:nth-child(5),.usage-history-table td:nth-child(5){min-width:80px;text-align:center}.usage-history-table th:nth-child(6),.usage-history-table td:nth-child(6),.usage-history-table th:nth-child(7),.usage-history-table td:nth-child(7),.usage-history-table th:nth-child(8),.usage-history-table td:nth-child(8){min-width:80px;text-align:center}.usage-history-table th:nth-child(9),.usage-history-table td:nth-child(9){min-width:90px;text-align:center}.usage-history-table th:nth-child(10),.usage-history-table td:nth-child(10){min-width:80px;text-align:center}.usage-history-table tbody tr:hover{background:#d8c0fe}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.success{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.failed{background:#fee2e2;color:#991b1b}.no-data{text-align:center;color:#9ca3af;font-style:italic;padding:40px 16px}.transaction-type{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.transaction-type.commonCss{background:#70608a;color:#fff}.usage-history-table th:nth-child(5),.usage-history-table td:nth-child(5){text-align:center}.usage-history-table th:nth-child(6),.usage-history-table td:nth-child(6),.usage-history-table th:nth-child(7),.usage-history-table td:nth-child(7),.usage-history-table th:nth-child(8),.usage-history-table td:nth-child(8){text-align:center}@media (max-width: 1200px){.usage-history-table{font-size:13px}.usage-history-table th,.usage-history-table td{padding:8px 6px}}refresh-button{background:none;border:1px solid #d1d5db;padding:8px;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.usage-dashboard-header-content{flex-direction:column;align-items:flex-start;gap:10px}.refresh-button{align-self:flex-end}}.quantity-selector{display:flex;flex-direction:row;gap:12px;justify-content:space-around;align-items:center}.quantity-label{font-size:24px;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap}.quantity-controls{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff}.quantity-btn{background:#f8f9fa;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.quantity-btn:hover:not(:disabled){background:#e9ecef;color:#333}.quantity-btn:disabled{background:#f1f3f4;color:#ccc;cursor:not-allowed}.quantity-input{border:none;outline:none;text-align:center;font-size:16px;font-weight:500;padding:8px 12px;min-width:80px;background:#f8f9fa;color:#333;cursor:default;-webkit-user-select:none;user-select:none}.quantity-input:disabled{background:#f1f3f4;color:#666}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number]{-moz-appearance:textfield}@media (max-width: 480px){.quantity-controls{width:100%}.quantity-input{flex:1;min-width:60px}.quantity-btn{width:36px;height:36px;font-size:16px}}.purchase-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.purchase-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.purchase-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #eee;margin-bottom:24px;text-wrap:wrap}.purchase-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333;padding-bottom:16px}.purchase-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.purchase-modal-close:hover{color:#333}.purchase-modal-content{padding:0 24px}.feature-usage-info{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;justify-content:space-around;align-items:center}.feature-usage-info h3{font-size:16px;font-weight:600;color:#333;text-align:center}.feature-usage-info p{margin:8px 0;color:#666;font-size:14px;text-align:center}.remaining-text{color:#8b5cf6!important;font-weight:500}.purchase-section{display:flex;flex-direction:column;gap:24px}.price-calculation{background:#f8f9fa;border-radius:8px;padding:16px}.price-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#666}.price-row.total{border-top:1px solid #ddd;margin-top:8px;padding-top:12px;font-weight:600;font-size:16px;color:#333}.purchase-modal-footer{display:flex;gap:12px;padding:24px;border-top:1px solid #eee}.purchase-note{margin-top:14px;padding:0 24px}.btn-cancel,.btn-purchase{flex:1;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn-cancel{background:#f8f9fa;color:#666;border:1px solid #ddd}.btn-cancel:hover:not(:disabled){background:#e9ecef;color:#333}.btn-purchase{background:#8b5cf6;color:#fff}.btn-purchase:hover:not(:disabled){background:#7c3aed}.btn-cancel:disabled,.btn-purchase:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.purchase-modal{margin:10px;max-width:none;width:calc(100% - 20px)}.purchase-modal-header,.purchase-modal-content,.purchase-note,.purchase-modal-footer{padding-left:16px;padding-right:16px}.purchase-modal-footer{flex-direction:column}.btn-cancel,.btn-purchase{flex:none}}.dashboard-wrapper{height:94vh;overflow-y:auto;padding-bottom:4%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-inner{max-width:90%;margin:0 auto}.dashboard-title-section{margin-bottom:32px}.main-dashboard-title{font-size:24px;font-weight:700;color:#1a202c;margin:0}.stats-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:16px}.stat-card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px #0d0e0e73;border:1px solid #e2e8f0;display:flex;align-items:flex-start;gap:14px;position:relative}.stat-icon-wrapper{flex-shrink:0}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.visitors-icon{background:#dbeafe}.users-icon{background:#d1fae5}.conversations-icon{background:#ede9fe}.icon-svg{width:20px;height:20px}.visitors-icon .icon-svg{color:#3b82f6}.users-icon .icon-svg{color:#10b981}.conversations-icon .icon-svg{color:#7c3aed}.stat-content{flex:1}.refreshable-card{padding-right:60px}.stat-refresh-button{position:absolute;top:14px;right:14px;width:30px;height:30px;border:1px solid #ddd6fe;border-radius:10px;background:#f5f3ff;color:#7c3aed;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.stat-refresh-button:hover:not(:disabled){background:#ede9fe;border-color:#c4b5fd;transform:translateY(-1px)}.stat-refresh-button:disabled{cursor:not-allowed;opacity:.75}.stat-refresh-icon{width:16px;height:16px}.stat-refresh-button.refreshing .stat-refresh-icon{animation:spin 1s linear infinite}.stat-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-number{font-size:28px;font-weight:700;color:#1a202c;line-height:1;margin-bottom:4px}.stat-description{font-size:12px;color:#64748b;line-height:1.4}.navigation-tabs-wrapper{margin-bottom:20px}.nav-tabs-container{display:flex;gap:8px;flex-wrap:wrap}.nav-tab-button{display:flex;align-items:center;gap:8px;padding:9px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff;color:#64748b;border:1px solid #e2e8f0}.nav-tab-button:hover{background:#f8fafc;border-color:#cbd5e1}.tab-active{background:#b73bf6!important;color:#fff!important;border-color:#b73bf6!important;box-shadow:0 2px 4px #3b82f633}.tab-inactive{background:#fff;color:#64748b}.tab-icon{width:16px;height:16px}.data-section-wrapper{background:transparent;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.table-data-container{overflow-x:auto}.loading-state-container{padding:60px 20px;display:flex;justify-content:center;align-items:center}.loading-spinner-wrapper{display:flex;align-items:center;gap:12px}.spinner-element{width:20px;height:20px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-message{color:#64748b;font-size:14px}.table-data-container table{width:100%;border-collapse:collapse}.table-data-container thead{background:#724cb0;border-bottom:1px solid #e2e8f0}.table-data-container th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.table-data-container th.action-header{text-align:center}.addon-feature-cost{margin-top:16px;background:#f8f9fa;border-radius:8px;padding:14px 16px}.addon-cost-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:#666}.addon-cost-row.total{border-top:1px solid #ddd;margin-top:6px;padding-top:10px;font-weight:600;font-size:16px;color:#333}.addon-cost-value{color:#333;font-weight:500;text-align:right;word-break:break-word}.table-data-container tbody tr{border-bottom:1px solid #f1f5f9}.table-data-container tbody tr:hover{background:#c5b3f0b3}.userId{font-weight:500;background:#ffffffb8;padding:4px 8px!important;border-radius:4px;display:inline-block;width:fit-content;height:fit-content;position:relative;top:8px}.table-data-container td{padding:9px 14px;font-size:13px;color:#1f2937;font-weight:500;font-family:sans-serif}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:24px;background:transparent;border-radius:16px;box-shadow:0 10px 25px #8b5cf64d}.pagination-info{color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.3px}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.pagination-btn:hover:before{left:100%}.pagination-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.pagination-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.pagination-btn.active{background:#fffffff2;color:#8b5cf6;border-color:#fffc;font-weight:700;box-shadow:0 6px 16px #0000001a}.pagination-btn.active:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.pagination-btn:disabled{background:#ffffff14;color:#fff6;border-color:#ffffff1a;cursor:not-allowed;transform:none;box-shadow:none}.pagination-btn:disabled:before{display:none}.pagination-arrow{padding:0}.pagination-icon{width:18px;height:18px;stroke-width:2.5}.pagination-arrow:hover:not(:disabled) .pagination-icon{transform:scale(1.1)}.pagination-arrow:disabled .pagination-icon{opacity:.5}@media (prefers-color-scheme: dark){.pagination-container{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.pagination-btn{background:#ffffff1a;border-color:#ffffff26}.pagination-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.pagination-btn.active{background:#ffffffe6;color:#6d28d9}}@keyframes pagination-pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.pagination-btn.active{animation:pagination-pulse 2s infinite}.premium-tooltip-trigger{cursor:auto;color:#28313f;font-weight:500;text-underline-offset:3px;transition:all .2s ease;position:relative}.premium-tooltip-trigger:hover{color:#1d4ed8;text-decoration-color:#1d4ed8}.mobile-tooltip-btn{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.mobile-tooltip-btn:hover{color:#8b5cf6}.premium-tooltip-content{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:0;max-width:320px;z-index:1000;animation:tooltip-fade-in .2s cubic-bezier(.16,1,.3,1);pointer-events:auto}.premium-tooltip-content.message-tooltip{max-width:400px}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.premium-tooltip-inner{padding:20px}.premium-tooltip-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.premium-tooltip-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.premium-tooltip-icon.email-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.premium-tooltip-icon.company-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.premium-tooltip-icon.message-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.premium-tooltip-icon.plan-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tooltip-icon{width:18px;height:18px;color:#fff}.premium-tooltip-title{font-size:14px;font-weight:600;color:#1f2937;letter-spacing:-.01em}.premium-tooltip-text{font-size:14px;line-height:1.5;color:#374151;margin:0;word-break:break-word;font-weight:400}.premium-tooltip-message-content{max-height:120px;overflow-y:auto;padding-right:4px}.premium-tooltip-message-content::-webkit-scrollbar{width:4px}.premium-tooltip-message-content::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.premium-tooltip-message-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.premium-tooltip-message-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.premium-tooltip-actions{margin-top:16px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-end}.tooltip-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.tooltip-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.tooltip-action-btn:active{transform:translateY(0)}.premium-tooltip-arrow{fill:#fffffffa;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.05))}.premium-tooltip-price{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.price-label{font-size:12px;color:#6b7280;font-weight:500}.price-value{font-size:14px;color:#8b5cf6;font-weight:600}@media (prefers-color-scheme: dark){.price-label{color:#9ca3af}.price-value{background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.premium-table-container tbody tr:hover .premium-tooltip-trigger{color:#1d4ed8;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);padding:2px 6px;border-radius:6px;text-decoration:none}@media (prefers-color-scheme: dark){.premium-tooltip-content{background:#111827fa;border-color:#ffffff1a}.premium-tooltip-title{color:#f9fafb}.premium-tooltip-text{color:#d1d5db}.premium-tooltip-header{border-bottom-color:#ffffff1a}.premium-tooltip-actions{border-top-color:#ffffff1a}.premium-tooltip-arrow{fill:#111827fa}}.premium-tooltip-content[data-side=top]{animation:tooltip-slide-up .2s cubic-bezier(.16,1,.3,1)}.premium-tooltip-content[data-side=bottom]{animation:tooltip-slide-down .2s cubic-bezier(.16,1,.3,1)}.premium-tooltip-content[data-side=left]{animation:tooltip-slide-left .2s cubic-bezier(.16,1,.3,1)}.premium-tooltip-content[data-side=right]{animation:tooltip-slide-right .2s cubic-bezier(.16,1,.3,1)}@keyframes tooltip-slide-up{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tooltip-slide-down{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tooltip-slide-left{0%{opacity:0;transform:translate(4px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes tooltip-slide-right{0%{opacity:0;transform:translate(-4px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.user-table-header{display:flex;justify-content:space-between;align-items:center;margin:5px;gap:16px}.header-left,.header-right{display:flex;align-items:center}.search-controls{display:flex;align-items:center;gap:8px}.search-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#64748b}.search-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.search-input-wrapper-payment{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;min-width:300px}.search-input-wrapper-payment input{border:none;outline:none;padding:8px;font-size:13px;width:100%;background:transparent}.search-icon{color:#64748b;margin-right:8px}.clear-icon{color:#64748b;cursor:pointer;margin-left:8px;transition:color .2s ease}.clear-icon:hover{color:#475569}.create-user-btn{display:flex;align-items:center;gap:8px;background:#8b5cf6;color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.create-user-btn:hover{background:#7c3aed}.upgrade-btn-premium{position:relative;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);color:#fff;border:none;padding:7px 12px;border-radius:10px;font-size:11px;font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #f59e0b4d,0 2px 4px #0000001a,inset 0 1px #fff3;text-transform:uppercase;letter-spacing:.5px;min-width:96px;min-height:34px}.user-action-cell{min-width:250px}.user-action-btn{flex:0 0 auto}.addon-action-btn{background:linear-gradient(135deg,#9f67ff,#8b5cf6 45%,#6d28d9)}.addon-action-btn:hover{background:linear-gradient(135deg,#b487ff,#9f67ff 45%,#7c3aed)}.delete-user-btn{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1px solid #fca5a5;color:#dc2626;font-size:11px;font-weight:700;cursor:pointer;padding:6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:0;transition:all .2s ease;box-shadow:0 4px 12px #ef44441a;margin-left:0;min-height:30px;min-width:30px;white-space:nowrap}.delete-user-btn:hover{background:linear-gradient(135deg,#ffe4e6,#fecdd3);border-color:#fb7185;color:#b91c1c;transform:translateY(-2px);box-shadow:0 12px 22px #dc26262e}.delete-user-btn:active{transform:translateY(0);box-shadow:0 6px 12px #dc262624}.delete-user-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.delete-user-btn i{font-size:14px}.delete-user-btn span{line-height:1}.option-btn-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:max-content;justify-content:center}.option-btn-group button{display:inline-flex;align-items:center;justify-content:center}.upgrade-btn-content{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;z-index:2}.upgrade-icon{font-size:11px;color:#fff;text-shadow:0 0 8px rgba(251,191,36,.6);animation:crown-glow 2s ease-in-out infinite alternate}@keyframes crown-glow{0%{text-shadow:0 0 8px rgba(251,191,36,.6);transform:scale(1)}to{text-shadow:0 0 12px rgba(251,191,36,.8),0 0 16px rgba(251,191,36,.4);transform:scale(1.05)}}.upgrade-btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s;z-index:1}.upgrade-btn-premium:hover .upgrade-btn-glow{left:100%}.upgrade-btn-premium:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #f59e0b66,0 4px 8px #00000026,inset 0 1px #ffffff4d}.upgrade-btn-premium:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 12px #8b5cf6,0 2px 4px #0003,inset 0 1px #fff3}.upgrade-btn-premium:focus{outline:2px solid #8b5cf6;outline-offset:2px}.upgrade-btn-premium.purple-theme{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d,0 2px 4px #0000001a,inset 0 1px #fff3}.upgrade-btn-premium.purple-theme:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);box-shadow:0 8px 20px #8b5cf666,0 4px 8px #00000026,inset 0 1px #ffffff4d}.upgrade-btn-premium.purple-theme .upgrade-icon{color:#c4b5fd;text-shadow:0 0 8px rgba(196,181,253,.6)}@media (prefers-color-scheme: dark){.upgrade-btn-premium{box-shadow:0 4px 12px #f59e0b66,0 2px 4px #0000004d,inset 0 1px #ffffff26}.upgrade-btn-premium:hover{box-shadow:0 8px 20px #f59e0b80,0 4px 8px #00000040,inset 0 1px #fff3}}.upgrade-btn-premium.loading{pointer-events:none;opacity:.8}.upgrade-btn-premium.loading .upgrade-icon{animation:fa-spin 1s infinite linear}.upgrade-btn-premium.success{background:linear-gradient(135deg,#10b981,#059669,#047857);animation:success-pulse .6s ease-out}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.upgrade-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.upgrade-modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.upgrade-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0}.upgrade-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.upgrade-modal-close{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.upgrade-modal-close:hover{background:#ef44441a;color:#ef4444}.upgrade-modal-body{padding:24px}.upgrade-user-info{background:#f9fafb;padding:16px;border-radius:12px;margin-bottom:20px}.upgrade-user-info h3{margin:0 0 12px;font-size:16px;color:#374151}.upgrade-user-info p{margin:8px 0;color:#6b7280;font-size:14px}.upgrade-plan-section{margin-bottom:20px}.upgrade-plan-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.upgrade-plan-dropdown{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.upgrade-plan-dropdown:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.upgrade-plan-features{background:#f0f9ff;padding:16px;border-radius:12px;border-left:4px solid #3b82f6}.upgrade-plan-features h4{margin:0 0 12px;font-size:14px;color:#1e40af}.upgrade-features-list{list-style:none;padding:0;margin:0}.upgrade-features-list li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:#374151}.upgrade-features-list i{color:#10b981;font-size:12px}.upgrade-modal-footer{display:flex;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}.upgrade-cancel-btn{flex:1;padding:12px 24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.upgrade-cancel-btn:hover{border-color:#d1d5db;background:#f9fafb}.upgrade-confirm-btn{flex:1;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.upgrade-confirm-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.mobile-tooltip{pointer-events:auto!important;-webkit-user-select:none;user-select:none}.mobile-tooltip-btn{background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;text-decoration:none;width:100%;display:inline-block}.mobile-tooltip-btn:hover{text-decoration:underline}.mobile-tooltip-btn:focus{outline:2px solid #8b5cf6;outline-offset:2px;border-radius:2px}.table-container{border-radius:8px;overflow:hidden}.table-wrapper{max-height:600px;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.7) transparent}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.sticky-header{position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000001a}.table-body-scrollable{background:#fff}@media (max-width: 1024px){.table-wrapper{max-height:350px}}@media (max-width: 768px){.table-wrapper{max-height:330px}}@media (max-width: 480px){.table-wrapper{max-height:300px}}.info-tooltip-user{position:relative;display:inline-block}.tooltip-content-user{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#754eb2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px;min-width:200px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-size:13px;line-height:1.4;color:#fff;z-index:1001;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.tooltip-content-user:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgb(117 78 178)}.info-tooltip-user:hover .tooltip-content-user{visibility:visible;opacity:1}.tooltip-content-user p{margin:0 0 12px}.tooltip-content-user p:last-child{margin-bottom:0}.email-copy-btn{margin-left:8px;padding:4px 6px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:4px;color:#8b5cf6;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-width:24px;height:24px}.email-copy-btn:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#7c3aed;transform:translateY(-1px)}.email-copy-btn:active{transform:translateY(0);background:#8b5cf633}.email-copy-btn i{font-size:11px;transition:transform .2s ease}.email-copy-btn:hover i{transform:scale(1.1)}.view-enquiry-btn{padding:8px 10px;background:#724cb0e8;border:1px solid rgba(59,130,246,.2);border-radius:6px;color:#fefefe;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-enquiry-btn:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}.enquiry-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.enquiry-modal{background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#935af5,#723ec3);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.enquiry-modal-header-user{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;border-bottom:1px solid #e5e7eb}.enquiry-modal-title{font-size:18px;font-weight:600;color:#111827;margin:0}.enquiry-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease}.enquiry-modal-close:hover{color:#374151}.enquiry-modal-content-user{padding:24px}.enquiry-detail-name{font-size:20px;font-weight:600;color:#111827;margin:0 0 10px}.enquiry-contact-info{margin-bottom:20px}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:#000000bf;font-weight:600}.contact-item i{width:16px;color:#5206ff}.enquiry-message-section h5{font-size:14px;font-weight:600;color:#000;margin:0 0 8px}.enquiry-message-text{color:#fff;line-height:1.6;margin:0;padding:12px;background:#411e78;border-radius:8px;border-left:3px solid #5104ff;text-wrap:wrap}.table-wrapper th:nth-child(5),.table-wrapper td:nth-child(5){min-width:150px;white-space:nowrap}.user-row-clickable{cursor:pointer;transition:background-color .2s ease}.user-sub-status{max-width:fit-content;font-weight:600;text-align:center;margin:1em auto;display:flex;padding:2px 18px!important;border-radius:14px;color:#fff!important}.user-sub-status[data-sub-status=active]{background-color:#059669}.user-sub-status[data-sub-status=canceled]{background-color:#ef4444}@media (max-width: 768px){.user-table-header{flex-direction:column-reverse;align-items:stretch}.search-input-wrapper-payment{min-width:100%}.user-action-cell{min-width:220px}.option-btn-group{gap:8px}.upgrade-btn-premium{min-width:104px}}.addon-modal-tabs{display:flex;border-bottom:2px solid #e5e7eb;background:#f8fafc;padding:0 16px;gap:4px}.addon-modal-tab{display:flex;align-items:center;gap:7px;padding:12px 20px;border:none;background:transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;white-space:nowrap}.addon-modal-tab:hover{color:#8b5cf6}.addon-modal-tab.active{color:#8b5cf6;border-bottom-color:#8b5cf6;background:transparent}.addon-modal-tab i{font-size:13px}.addon-modal-empty-note{margin-top:8px;font-size:13px;color:#9ca3af;font-style:italic}.create-user-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-user-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.create-user-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e5e7eb}.create-user-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.modal-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.create-user-form{padding:24px}.alert{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.user-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.user-form-group{margin-bottom:7px}.user-form-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;margin-bottom:6px;font-size:14px}.user-form-group input,.user-form-group select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box}.user-form-group input:focus,.user-form-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.user-form-group input.error,.user-form-group select.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.user-form-group input:disabled,.user-form-group select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.error-text{color:#dc2626;font-size:12px;margin-top:4px;display:block}.loading-spinner-createUser{padding:12px;text-align:center;color:#6b7280;font-size:14px}.phone-input-container{position:relative;display:flex;border:1px solid #d1d5db;border-radius:8px;background:#fff;overflow:visible}.phone-input-container:focus-within{border:1px solid #8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.phone-input-container.error{border:1px solid #dc2626;box-shadow:0 0 0 3px #dc26261a}.country-selector{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;border-right:1px solid #e5e7eb;background:#f9fafb;position:relative;min-width:100px}.country-selector:hover{background:#f3f4f6}.country-flag{width:24px;height:18px;object-fit:fill;border-radius:2px}.country-code{font-size:14px;color:#374151;font-weight:500}.country-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:250px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;max-height:200px;overflow-y:auto}.country-option{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .2s}.country-option:hover{background:#f3f4f6}.country-name{flex:1;font-size:14px;color:#374151}.phone-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;padding:12px}.phone-input::placeholder{color:#9ca3af}.plan-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px}.plan-details h4{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600}.plan-details ul{margin:0;padding-left:20px;color:#6b7280}.plan-details li{margin-bottom:4px;font-size:13px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-submit{padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-submit{background:#8b5cf6;color:#fff}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.create-user-overlay{padding:10px}.user-form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.country-dropdown{width:200px}}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.not-found-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center;max-width:500px;width:100%}.not-found-header{margin-bottom:30px}.not-found-logo{height:40px;width:auto}.not-found-main{display:flex;flex-direction:column;align-items:center}.not-found-icon{font-size:4rem;color:#f59e0b;margin-bottom:20px}.not-found-title{font-size:4rem;font-weight:700;color:#1f2937;margin:0 0 10px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-subtitle{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 15px}.not-found-message{font-size:1rem;color:#6b7280;line-height:1.6;margin:0 0 30px;max-width:400px}.not-found-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.btn-go-back,.btn-go-home{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center}.btn-go-back{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-go-back:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-go-home{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}.btn-go-home:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-go-back:active,.btn-go-home:active{transform:translateY(0)}@media (max-width: 768px){.not-found-container{padding:16px}.not-found-content{padding:30px 20px}.not-found-title{font-size:3rem}.not-found-subtitle{font-size:1.25rem}.not-found-message{font-size:.9rem}.not-found-actions{flex-direction:column;width:100%}.btn-go-back,.btn-go-home{width:100%;min-width:auto}}@media (max-width: 480px){.not-found-content{padding:24px 16px}.not-found-icon{font-size:3rem}.not-found-title{font-size:2.5rem}.not-found-subtitle{font-size:1.1rem}.not-found-message{font-size:.85rem}.btn-go-back,.btn-go-home{padding:10px 20px;font-size:13px}}@media (max-width: 1024px){.login-frame{padding:40px 20px;justify-content:center}.login-card{width:60%;min-width:350px}}@media (max-width: 768px){.login-container{padding:20px 10px}.login-frame{width:95%;height:90vh;padding:20px 15px;border-radius:16px;border-width:4px}.login-card{width:100%;max-width:400px;min-width:280px;padding:30px 20px;height:auto;min-height:480px}.brand-name{font-size:28px}.welcome-title{font-size:24px}.login-instruction{font-size:14px}.phone-input-container{flex-direction:column;gap:8px}.country-selector{width:100%;justify-content:flex-start;padding:12px 16px}.phone-input{width:100%;padding:12px 16px}.country-dropdown{width:100%;max-height:200px}.otp-container{gap:8px}.otp-input{width:40px;height:40px;font-size:16px}.login-btn{padding:14px;font-size:16px}.resend-section{margin-top:20px}}@media (max-width: 480px){.login-container{padding:15px 8px}.login-frame{width:98%;height:85vh;padding:15px 10px;border-radius:12px;border-width:3px}.login-card{width:100%;min-width:260px;padding:25px 15px;border-radius:16px}.brand-name{font-size:24px}.brand-logo{width:120px;height:auto}.welcome-title{font-size:20px}.login-instruction{font-size:13px;line-height:1.4}.input-label{font-size:13px}.country-selector{padding:10px 12px;font-size:14px}.country-flag{width:18px;height:12px}.phone-input{padding:10px 12px;font-size:14px}.country-dropdown{max-height:180px}.country-option{padding:10px 12px;font-size:13px}.otp-container{gap:6px;justify-content:center}.otp-input{width:35px;height:35px;font-size:14px}.login-btn{padding:12px;font-size:14px}.resend-text,.resend-link{font-size:12px}.top-left-brand,.top-right-info{font-size:11px}.brand-name-topleft{font-size:16px}}@media (max-width: 360px){.login-frame{height:100vh}.login-card{min-width:240px;padding:30px 12px}.otp-container{gap:4px}.otp-input{width:32px;height:32px;font-size:13px}.brand-logo{width:100px}.welcome-section,.logo-section{margin-bottom:5px}.welcome-title{font-size:18px}.login-form{gap:5px}.login-card .divider{margin:5px 0}.top-left-brand,.top-right-info{bottom:0}}@media (max-width: 768px){.toast{right:10px;left:10px;min-width:auto;max-width:calc(100% - 20px)}}@media (max-height: 600px) and (orientation: landscape){.login-frame{height:95vh;padding:10px}.login-card{height:auto;min-height:auto;padding:20px 15px}.logo-section{margin-bottom:10px}.welcome-section,.input-group,.otp-section{margin-bottom:15px}}@media (max-width: 1024px){.headerTop{padding:0 20px}.header-logo{width:100px}.nav-menu-btn{padding:0 12px;font-size:13px}.user-icon{width:34px;height:34px;font-size:14px}}.mobile-hamburger,.mobile-menu,.mobile-menu-overlay{display:none}@media (max-width: 768px){.headerTop{padding:0 15px}.profile-dropdown{right:0!important}.header-logo{width:90px}.header-nav-buttons{display:none!important}.mobile-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;margin-right:10px}.hamburger-line{width:24px;height:2px;background:#333;margin:2px 0;transition:all .3s ease;transform-origin:center}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu{display:block;position:fixed;top:0;right:-100%;width:300px;height:100vh;background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-left:1px solid rgba(139,92,246,.2);z-index:999;transition:right .3s ease;overflow-y:auto;box-shadow:-4px 0 20px #0000001a}.mobile-menu.open{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(139,92,246,.2)}.mobile-menu-logo{width:80px;height:auto}.mobile-menu-close{width:36px;height:36px;border:none;background:#8b5cf61a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b5cf6;font-size:16px;transition:all .2s ease}.mobile-menu-close:hover{background:#8b5cf633}.mobile-menu-content{padding:20px 0}.mobile-nav-item{display:flex;align-items:center;gap:15px;padding:15px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.mobile-nav-item:hover:not(.disabled){background:#8b5cf61a;border-left-color:#8b5cf64d}.mobile-nav-item.active{background:#8b5cf626;border-left-color:#8b5cf6;color:#8b5cf6;font-weight:600}.mobile-nav-item.disabled{opacity:.5;cursor:not-allowed}.mobile-nav-item i{width:20px;font-size:16px;color:#6b7280}.mobile-nav-item.active i{color:#8b5cf6}.mobile-nav-item span{font-size:15px;color:#374151}.mobile-nav-item.active span{color:#8b5cf6}.mobile-section-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:0 20px 10px;margin-top:20px}.mobile-user-section{border-top:1px solid rgba(139,92,246,.1);padding-top:20px;margin-bottom:20px}.mobile-user-search{width:calc(100% - 40px);margin:0 20px 15px;padding:10px 12px;border:1px solid rgba(139,92,246,.2);border-radius:8px;font-size:14px;background:#fff}.mobile-user-list{max-height:200px;overflow-y:auto;border:2px solid lightgray}.mobile-user-item{padding:12px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.mobile-user-item:hover{background:#8b5cf61a}.mobile-user-item.selected{background:#8b5cf626;border-left-color:#8b5cf6;font-weight:600}.mobile-user-email{display:block;font-size:12px;color:#6b7280;margin-top:2px}.mobile-profile-section{border-top:1px solid rgba(139,92,246,.1)}.mobile-profile-item{display:flex;align-items:center;gap:15px;padding:15px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.mobile-profile-item:hover:not(.disabled){background:#8b5cf61a;border-left-color:#8b5cf64d}.mobile-profile-item.disabled{opacity:.5;cursor:not-allowed}.mobile-profile-item.logout:hover{background:#ef44441a;border-left-color:#ef4444;color:#ef4444}.mobile-profile-item i{width:20px;font-size:16px;color:#6b7280}.mobile-profile-item span{font-size:15px;color:#374151}.user-selector{display:none}.user-name-display{font-size:12px}}@media (max-width: 480px){.headerTop{padding:0 10px}.header-logo{width:80px}.mobile-menu{width:280px}.user-name-display{display:none}.user-icon{width:32px;height:32px;font-size:13px}}@media (max-width: 360px){.mobile-menu{width:100%;right:-100%}.mobile-menu.open{right:0}}@media (max-width: 480px){.conversation-library{padding:15px 20px 40px}.conversations-header-row{flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:15px}.no-data-found{padding:0!important}.conversations-header-row h2{font-size:13px;margin-bottom:8px;width:100%}.conversation-search-section{width:100%;flex-direction:column;gap:8px}.conversation-search-input-wrapper{width:100%;min-width:100%;height:34px;padding:0 10px}.conversation-search-input{font-size:13px;padding:8px 0;width:100%}.pagination{display:block;justify-items:center}.pagination-info{margin-bottom:4%}.table-header,.table-row{grid-template-columns:minmax(150px,1.45fr) 56px minmax(120px,.75fr) minmax(150px,1.15fr) minmax(80px,.52fr) minmax(100px,.72fr) 52px;min-width:860px}.table-header{padding:10px 12px;font-size:12px}.table-body{min-width:860px}.table-row{padding:10px 12px;min-height:50px}.table-cell{font-size:11px;padding:2px 6px}.status-badge{font-size:9px;padding:3px 6px}.detail-item2{display:block}}@media (max-width: 768px){.conversations-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.table-header,.table-row{display:grid;grid-template-columns:minmax(180px,1.45fr) 60px minmax(130px,.75fr) minmax(180px,1.15fr) minmax(88px,.52fr) minmax(110px,.72fr) 56px;min-width:980px}.table-header{padding:12px 16px;font-size:13px;font-weight:600;white-space:nowrap}.table-body{min-width:980px}.table-row{padding:12px 16px;border-bottom:1px solid #f3f4f626;align-items:center;min-height:60px}.table-cell{font-size:12px;padding:4px 8px}.status-badge{font-size:10px;padding:4px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.detail-item2{display:flex;gap:4px;margin-bottom:10px;width:100%}.details-section,.detail-label,.detail-value-convo{width:100%}.chat-messages-container{margin-bottom:4%}}@media (max-width: 768px){.settings-page{padding:2% 16px 16px;margin:0}.persona-component-modal-close{margin-top:15px!important;width:25px;height:25px}.training-config-header{top:9px!important}.training-header,.SetupIntro-container{top:9px!important;position:relative}.third-party-config-header h1{font-size:18px!important;padding-top:10px!important}.settings-header{position:relative;text-align:center;margin-bottom:20px}.settings-header h1{font-size:18px;font-weight:600;color:#333;line-height:1.4;margin:0}.settings-content{width:100%;margin:0}.settings-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.settings-card{background:#ffffffe6;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .2s ease;display:flex;flex-direction:column;height:auto;min-height:280px}.settings-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.card-image{position:relative;height:140px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center}.card-img,.card-img-top{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.settings-card:hover .card-img,.settings-card:hover .card-img-top{transform:scale(1.05)}.card-image-disabled{filter:grayscale(100%) brightness(.7)}.card-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2}.overlay-content{text-align:center;color:#fff}.overlay-lock-icon{font-size:24px;margin-bottom:8px;display:block}.overlay-text{font-size:12px;font-weight:600}.settings-page .card-content{padding:12px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.settings-page .card-header{display:flex;flex-direction:column;gap:12px;height:100%}.card-text{flex:1}.card-text h3{font-size:14px;font-weight:700;color:#1e293b;margin:0 0 6px;line-height:1.3}.card-text p{font-size:11px;color:#64748b;line-height:1.4;margin:0;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-update-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;margin-top:auto}.card-update-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.card-update-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.card-update-btn-failed{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.card-update-btn-failed:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important}}@media (max-width: 480px){.settings-page{padding:12px}.settings-header h1{font-size:16px}.settings-cards-grid{gap:10px;display:block}.settings-card{min-height:260px;margin-bottom:4%}.card-image{height:196px}.card-content{padding:10px}.card-text h3{font-size:13px}.card-text p{font-size:10px;line-clamp:2;-webkit-line-clamp:2}.card-update-btn{padding:6px 12px;font-size:11px;min-height:32px}}@media (max-width: 360px){.settings-page{padding:8px}.settings-cards-grid{gap:8px}.settings-card{min-height:240px}.card-image{height:100px}.card-content{padding:8px}.card-text h3{font-size:12px;margin-bottom:4px}.card-text p{font-size:9px;line-height:1.3}.card-update-btn{font-size:10px;padding:5px 10px;min-height:28px}}@media (max-width: 768px){.local-video-corner{top:1%;right:1%;width:135px;height:115px}.remote-participant-video>video{width:100%;height:100%;object-fit:contain!important}}@media (min-width: 1024px){.popup-box{min-width:720px}}@media (max-width: 768px){.checkbox-option{align-items:flex-start}.checkbox-label{text-align:left;position:relative;top:-3px}.size-input-group{display:flex;flex-direction:column}.size-input{margin-left:10px}.popup-overlay{position:fixed;inset:0;background:#000000b3!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.popup-box{background:linear-gradient(180deg,#fff,#d4aaff,#dcb6ff 40%,#935af5,#723ec3)!important;border-radius:16px;width:calc(100vw - 32px);max-width:400px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d;padding:20px}.popup-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-20px;background:linear-gradient(180deg,#e8d5ff,#d4aaff)!important;margin:-20px -20px 16px;padding:16px 20px 12px;border-radius:16px 16px 0 0;z-index:10}.popup-tabs{display:flex;background:#e8d5ff!important;border-radius:25px;padding:4px;gap:4px;box-shadow:inset 0 2px 4px #0000001a}.popup-tab{padding:10px 20px;border-radius:20px;background:transparent;border:none;color:#8b5cf6!important;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:90px;justify-content:center}.popup-tab.active{background:#8b5cf6!important;color:#fff!important;box-shadow:0 2px 8px #8b5cf64d;transform:translateY(-1px)}.popup-tab:hover:not(.active){background:#8b5cf61a!important}.popup-close{background:#fffc!important;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#8b5cf6!important;font-size:18px;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.popup-close:hover{background:#fff!important;transform:scale(1.05)}.popup-subtitle{font-size:16px;color:#000!important;font-weight:600;margin-bottom:12px}.code-box-wrapper{position:relative;margin-bottom:20px}.code-box{background:#8362ba!important;border-radius:12px;font-size:14px;color:#fff!important;word-break:break-all;line-height:1.4;max-height:max-content;overflow-y:auto}.btn-copy-floating{position:absolute;top:8px;right:8px;background:#492c7a!important;color:#fff!important;border:none;padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer;z-index:2;width:fit-content}.btn-copy-floating:hover{background:#341c5d!important}.qr-section{text-align:center}.qr-section h3{color:#000!important;font-size:16px;font-weight:600;margin-bottom:16px}.qr-code-container{background:#fff;border-radius:12px;display:inline-block;box-shadow:0 4px 12px #0000001a;margin-bottom:16px}.qr-code-container img{width:200px;height:200px;border-radius:8px}.scan-button{background:#ffffffe6!important;color:#723ec3!important;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:250px;margin:0 auto;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.scan-button:hover{background:#fff!important;transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.scan-button i{font-size:18px}}@media (max-width: 480px){.popup-tabs{padding:3px;gap:3px}.popup-tab{padding:8px 16px;font-size:13px;min-width:80px}.popup-close{width:28px;height:28px;font-size:16px}}@media (max-width: 360px){.popup-tab{padding:6px 12px;font-size:12px;min-width:70px}}@media (min-width: 769px) and (max-width: 1024px){.chat-history-sidebar,.chat-messages-container,.conversation-details-panel{margin:0;border-radius:12px}.details-section{padding:20px;margin:0}.chat-header{padding:16px 20px;border-radius:12px 12px 0 0}.messages-area{padding:20px;max-height:350px;border-radius:0 0 12px 12px}.video-player-section{padding:20px;border-radius:12px}.detail-item2{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.detail-label{font-size:13px;min-width:120px;flex-shrink:0}.detail-value-convo{font-size:14px;text-align:right;word-break:break-word;max-width:60%}}@media (max-width: 768px){.chat-history-sidebar,.chat-messages-container,.conversation-details-panel{margin:0;border-radius:8px}.details-section{padding:16px;margin:0}.chat-header{padding:12px 16px}.messages-area{padding:16px;max-height:350px}.video-player-section{padding:16px}.modal-footer2{background-color:#724cb0}.conversation-video{object-fit:contain!important}}@media (max-width: 768px){.training-list-modal{width:95vw;max-width:95vw;margin:10px;max-height:90vh;border-radius:16px;background:linear-gradient(135deg,#c084fc,#a855f7,#7c3aed);box-shadow:0 20px 40px #0000004d;overflow:hidden}.training-list-modal-content{padding:20px;height:100%;display:flex;flex-direction:column;background:transparent}.modal-header2{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header2 h2{font-size:22px;margin:0;color:#fff;font-weight:700}.close-btn{background:transparent;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:4px}.modal-tabs2{display:flex;gap:8px;margin-bottom:20px}.search-container{display:flex;gap:12px;margin-bottom:20px}.search-input{flex:1;padding:12px 16px;border:none;border-radius:12px;background:#ffffffe6;font-size:14px;color:#374151;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::placeholder{color:#9ca3af}.search-btn{padding:12px 24px;background:#ffffff4d;border:none;border-radius:12px;color:#1f2937;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content-area{flex:1;overflow-y:auto;margin-bottom:20px}.create-twin-card{background:#ffffffe6;border-radius:16px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-twin-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.create-twin-icon{width:48px;height:48px;background:#e0e7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#7c3aed;font-size:20px}.create-twin-text{color:#7c3aed;font-size:16px;font-weight:600;margin:0}.twin-cards-container{display:flex;flex-direction:column;gap:12px}.twin-card{background:#ffffffe6;border-radius:16px;padding:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:16px;position:relative}.twin-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.twin-card.selected{background:#fff;border:2px solid #7c3aed;box-shadow:0 4px 16px #7c3aed33}.twin-avatar{width:80px;height:80px;border-radius:12px;overflow:hidden;background:#f3f4f6;flex-shrink:0}.twin-avatar img,.twin-avatar video{width:100%;height:100%;object-fit:cover}.twin-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#d1d5db);display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:24px}.twin-info{flex:1;min-width:0}.twin-id-label{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:4px}.twin-id-value{font-size:14px;color:#1f2937;font-weight:600;font-family:Courier New,monospace}.twin-delete-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.twin-delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.select-btn{width:100%;padding:16px;background:#ffffffe6;border:none;border-radius:16px;color:#7c3aed;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto}.select-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.select-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.back-btnDashBoard,.next-btn{font-size:12px!important;padding:10px!important}.text-input-group label{text-align:left!important}.size-input-group label{text-align:left!important;margin-left:10px}}@media (max-width: 480px){.generate-widget-page{padding:10px 0 20px!important}.training-list-modal{width:100vw;height:100vh;margin:0;border-radius:0}.config-group h3{text-align:left!important}.replicas-grid{display:block}.training-list-modal-content{padding:16px}.create-replica-card{width:100%;margin-bottom:7%;min-height:175px}.modal-header2 h2{font-size:20px}.tab-btn2{padding:8px 16px;font-size:13px}.search-section{display:block!important}.search-input-wrapper3{margin-bottom:5%}.search-input{padding:10px 14px;font-size:13px}.search-btn{padding:10px 20px;font-size:13px}.twin-avatar{width:70px;height:70px}.twin-card{padding:14px;gap:14px}.create-twin-card{padding:24px 16px}.create-twin-icon{width:40px;height:40px;font-size:18px}.create-twin-text{font-size:15px}.replica-card{width:100%;margin-bottom:7%}.generate-btn{margin-bottom:5%}}@media (max-width: 375px){.modal-tabs2{margin-left:0}.generate-widget-content,.widget-config-section,.config-grid{overflow-x:scroll!important;width:fit-content!important;text-align:none!important;justify-self:none!important}.generate-widget-content p{font-size:12px!important}.settings-header h1{font-size:12px}.daily-video-main{margin-top:12px}.Scrollbar{padding-left:20%!important;padding-right:0!important}}@media (max-width: 768px){.create-user-btn{z-index:0!important;display:flex;align-items:center;gap:8px;background:#8b5cf6;color:#fff;border:none;padding:12px 16px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px;justify-content:center}.create-user-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.create-user-btn:active{transform:translateY(0)}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-data-container td{font-size:12px}}@media (max-width: 480px){.create-user-btn{top:16px!important;right:12px!important;padding:10px 14px;font-size:13px;min-width:110px}.swal2-popup{width:85%!important}.create-user-header,.upgrade-modal-header{padding:10px!important}}@media (max-width: 360px){.create-user-btn{padding:8px 12px;font-size:12px;min-width:100px;gap:6px}.create-user-btn svg{width:14px;height:14px}}@media (max-width: 768px){.twin-list-modal-overlay{padding-right:0!important;top:35px!important}.close-btn-TwinList{top:10px!important;right:10px!important}.floating-search-btn-TwinList{top:12px!important}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0}.recording-modal,.twin-list-modal-right,.training-list-modal{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;border-radius:0;overflow-y:auto;display:flex;flex-direction:column}.modal-header,.twin-list-header,.modal-header2{width:100%;padding:16px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;min-height:60px;flex-shrink:0}.modal-header h2,.twin-list-header h2,.modal-header2 h2{font-size:18px;font-weight:700;margin:0;flex:1}.close-btn,.close-btn-TwinList{border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-tabs,.modal-tabs2{width:95%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0 20px;display:flex;gap:0;flex-shrink:0}.tab-btn,.tab-btn2{flex:1;padding:16px 20px;background:transparent;border:none;font-size:16px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent}.modal-content,.modal-content-area,.training-list-modal-content{flex:1;padding:20px;overflow-y:auto;background:transparent;min-height:0}.tips-section{display:flex;flex-direction:column;gap:20px}.dos-section,.donts-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px}.section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;margin-bottom:16px}.tips-list{display:flex;flex-direction:column;gap:12px}.tip-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px}.tip-text{font-size:14px;line-height:1.5;font-weight:400}.replicas-list-TwinList,.replicas-grid{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.replicas-list-TwinList{max-height:calc(100vh - 80px)}.twin-card,.replica-card,.create-replica-card{width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px;margin-bottom:16px}.search-section{width:100%;padding:16px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:12px}.search-input-wrapper,.search-input-wrapper3{width:100%;position:relative}.search-input{width:100%;padding:12px 16px;border-radius:12px;font-size:14px}.audio-action-btn{padding:10px;font-size:14px}.search-btn{width:100%;padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer}}@media (max-width: 480px){.card h2{font-size:16px!important;margin-bottom:24px}.card{padding-top:12px}.modal-header,.twin-list-header,.modal-header2{padding:12px 16px;min-height:56px}.modal-header h2,.twin-list-header h2,.modal-header2 h2{font-size:16px}.close-btn,.close-btn-TwinList{width:36px;height:36px;font-size:18px}.modal-tabs,.modal-tabs2{padding:0 16px;width:100%;margin:0!important}.tab-btn,.tab-btn2{padding:14px 16px;font-size:14px}.modal-content,.modal-content-area,.training-list-modal-content,.dos-section,.donts-section{padding:16px}.section-title{font-size:16px}.tip-text{font-size:13px}.twin-card,.replica-card,.create-replica-card{padding:10px}.replica-card h4{padding:5px!important}.search-section{padding:12px 16px}.preview-video-player{object-fit:contain!important;background:#000}.video_container video{object-fit:contain!important}.video_container{justify-self:center;width:90%!important}.replica-card-footer{padding-top:5px!important;position:relative;top:3px;right:2px}}@media (max-width: 360px){.modal-header,.twin-list-header,.modal-header2{padding:10px 12px;min-height:52px}.modal-header h2,.twin-list-header h2,.modal-header2 h2{font-size:15px}.close-btn,.close-btn-TwinList{width:32px;height:32px;font-size:16px}.modal-tabs,.modal-tabs2{padding:0 12px}.tab-btn,.tab-btn2{padding:12px 14px;font-size:13px}.modal-content,.modal-content-area,.training-list-modal-content{padding:14px 12px}.dos-section,.donts-section{padding:14px}.section-title{font-size:15px}.tip-text{font-size:12px}.twin-card,.replica-card,.create-replica-card{padding:12px}.search-section{padding:10px 12px}}@media (max-width: 768px){.create-replica-container1{max-height:100vh;overflow-y:auto;margin-left:15px!important;margin-right:15px!important;padding-bottom:20%!important}.floating-twin-list-btn{right:10px;top:64px!important}.create-replica-container{display:block!important;max-height:unset;overflow-y:auto;overflow-x:hidden;padding:0 6px!important}.left-sidebar{max-height:none!important;padding:10px 8px!important}.right-content{width:100%;padding-left:2%;padding-right:2%;margin:0!important}.layout-spacer{display:none!important}.recorded-video-preview{max-width:100%!important}.preview-video-container{width:100%!important}.training-video-container{width:100%!important;max-width:100%!important}.preview-video-wrapper{max-width:100%!important}.upload-preview{width:100%!important}.consent-script{padding:12px 14px!important}.header-back-btn{height:30px;padding:0 10px;font-size:12px;gap:5px}.header-back-btn span{display:none}}@media (max-width: 480px){.create-replica-container{padding:0 2px!important}.right-content{margin:0!important;padding-left:1%!important;padding-right:1%!important}.check-all-container{align-self:flex-start;margin-left:3%}.url-input{width:100%!important}.training-video-container{max-width:100%!important;min-height:280px!important}.video-recording-area,.video-container-CreateReplica,.video-area{width:100%!important}.training-tab-content{margin-bottom:20%!important}.recording-status{left:50%!important}.tab-content{padding:0!important;margin-bottom:0%}.recorded-video-preview{max-width:100%!important;padding:12px!important}.preview-tab{padding:0!important}.preview-video-container{width:100%!important}.preview-video-wrapper{max-width:100%!important}.preview-action-btn{width:26px;height:26px;font-size:12px}.preview-action-buttons{top:10px;right:10px}.training-preview{box-shadow:none!important}.replica-id-section{word-break:break-all!important}.consent-script{padding:10px!important}.consent-script h3{font-size:14px!important}.script-text{font-size:13px!important}.script-instruction{font-size:12px!important}.video-container-CreateReplica video{min-height:250px}}@media (max-width: 768px){.headerTop{background:#fff!important}.mobile-hamburger{margin-right:0!important}}@media (max-width: 768px){.dashboard-split{flex-direction:column;height:auto;max-height:100vh!important;overflow-y:auto}.persona-create{padding:0!important}.left-container{width:100%;padding:16px}.tab-navigation2{padding:4px;margin-bottom:16px}.tab-btnDashboard{padding:12px 16px;font-size:14px}.floating-search-btn{width:32px!important;height:32px!important;font-size:12px!important;min-height:34px!important;min-width:34px!important}.search-overlay{width:calc(100vw - 32px);left:16px;right:16px}.list-container{max-height:60vh;padding:16px;box-shadow:0 0 4px 4px #849cd5!important;border-radius:5px!important}.list-item{padding:16px;margin-bottom:12px;gap:16px}.persona-avatar-small-dashboard{width:60px;height:60px}.item-info h4{font-size:16px;margin-bottom:8px}.persona-system-prompt{font-size:13px;line-height:1.4;max-width:100%}.dashboard-status{font-size:11px;padding:4px 8px}.actions-bottom{gap:8px}.btn-edit-Dashboard,.btn-delete-Dashboard{width:36px;height:36px;font-size:14px;padding:8px}.btn-edit-Dashboard,.btn-delete-Dashboard,.floating-search-btn{min-height:30px!important;min-width:30px!important;font-size:12px!important}.btn-copy-link-Dashboard{padding:8px 10px;font-size:12px}.right-container{width:100%;padding:16px;margin-bottom:10%;min-height:50vh}.main-content2{margin-left:0;padding:40px 20px 60px}.main-title{font-size:2.5rem;margin-bottom:20px}.start-conversation-btn{padding:12px 24px;font-size:15px}.top-banner{font-size:13px;padding:10px 20px;top:15px}.skeleton-loader-container{gap:12px}.skeleton-loader{padding:16px}.loading-more{padding:16px;font-size:14px}.loading-spinner-list{width:20px;height:20px}.dashboard-video-loader{width:60px;height:60px}.dashboard-video-spinner{width:24px;height:24px;border-width:2px}.dashboard-status-tooltip-wrapper{position:relative}.dashboard-status-tooltip{width:280px;left:-140px}.dashboard-status-tooltip.first-item{left:0}.search-overlay-input-wrapper{height:44px;padding:0 16px;width:100%}.search-overlay-input-wrapper input,.clear-search-icon-dashboard{font-size:14px}.persona-create-container,.replica-card-footer{padding:0!important}}@media (max-width: 480px){.dashboard-split{padding:0;max-height:96vh!important;overflow-y:auto;margin-bottom:20%}.left-container{padding:4px}.tab-navigation2{padding:3px}.tab-btnDashboard{padding:10px 12px;font-size:13px}.list-container{padding:12px;max-height:55vh}.list-item{padding:12px;gap:12px}.persona-avatar-small-dashboard{width:50px;height:50px}.item-info h4{font-size:15px}.persona-system-prompt{font-size:12px}.btn-edit-Dashboard,.btn-delete-Dashboard{width:32px;height:32px;font-size:12px;padding:6px}.btn-copy-link-Dashboard{padding:6px 8px;font-size:11px}.right-container{padding:12px}.main-content2{padding:30px 16px 50px}.main-title{font-size:2rem;margin-bottom:16px}.start-conversation-btn{padding:10px 20px;font-size:14px}.top-banner{font-size:12px;padding:8px 16px;top:12px}.floating-search-btn{width:40px;height:40px;font-size:14px}.search-overlay-input-wrapper{height:40px;padding:0 12px}.search-overlay-input-wrapper input{font-size:13px}.dashboard-video-loader{width:50px;height:50px}.dashboard-video-spinner{width:20px;height:20px;border-width:2px}.dashboard-status-tooltip{width:260px;left:-130px;font-size:12px}.skeleton-loader .wrapper{padding:12px}.skeleton-loader .circle{width:50px;height:50px}}@media (hover: none) and (pointer: coarse){.list-item{cursor:pointer;-webkit-tap-highlight-color:rgba(139,92,246,.1)}.btn-edit-Dashboard,.btn-delete-Dashboard,.floating-search-btn{min-height:44px;min-width:44px}.tab-btnDashboard,.start-conversation-btn{min-height:44px}}@media (max-width: 768px){.dashboard-split{flex-direction:column;height:auto;max-height:100vh!important;overflow-y:auto;padding-bottom:3%}.left-container{width:100%;padding:16px}.tab-navigation2{padding:4px;margin-bottom:16px}.tab-btnDashboard{padding:12px 16px;font-size:14px}.floating-search-btn{width:44px;height:44px;font-size:16px}.search-overlay{width:calc(100vw - 32px);left:16px;right:16px}.list-container{max-height:60vh;padding:16px}.list-item{padding:16px;margin-bottom:12px;gap:16px}.persona-avatar-small-dashboard{width:60px;height:60px}.item-info h4{font-size:16px;margin-bottom:8px}.persona-system-prompt{font-size:13px;line-height:1.4;max-width:100%}.dashboard-status{font-size:11px;padding:4px 8px}.actions-bottom{gap:8px}.btn-edit-Dashboard,.btn-delete-Dashboard{width:36px;height:36px;font-size:14px;padding:8px}.btn-copy-link-Dashboard{padding:8px 10px;font-size:12px}.right-container{width:100%;padding:16px;min-height:50vh}.main-content2{margin-left:0;padding:40px 20px 60px}.main-title{font-size:2.5rem;margin-bottom:20px}.start-conversation-btn{padding:12px 24px;font-size:15px}.top-banner{font-size:13px;padding:10px 20px;top:15px}.skeleton-loader-container{gap:12px}.skeleton-loader{padding:16px}.loading-more{padding:16px;font-size:14px}.loading-spinner-list{width:20px;height:20px}.dashboard-video-loader{width:60px;height:60px}.dashboard-video-spinner{width:24px;height:24px;border-width:2px}.dashboard-status-tooltip-wrapper{position:relative}.dashboard-status-tooltip{width:280px;left:-140px}.dashboard-status-tooltip.first-item{left:0}.search-overlay-input-wrapper{height:44px;padding:0 16px}.search-overlay-input-wrapper input,.clear-search-icon-dashboard{font-size:14px}}@media (max-width: 480px){.dashboard-split{padding:0 0 3%;max-height:96vh!important;overflow-y:auto;margin-bottom:20%}.left-container{padding:12px}.tab-navigation2{padding:3px}.tab-btnDashboard{padding:10px 12px;font-size:13px}.list-container{padding:12px;max-height:55vh}.list-item{padding:12px;gap:12px}.persona-avatar-small-dashboard{width:50px;height:50px}.item-info h4{font-size:15px}.persona-system-prompt{font-size:12px}.btn-edit-Dashboard,.btn-delete-Dashboard{width:32px;height:32px;font-size:12px;padding:6px}.btn-copy-link-Dashboard{padding:6px 8px;font-size:11px}.right-container{padding:12px;margin-bottom:10%}.main-content2{padding:30px 16px 50px}.main-title{font-size:2rem;margin-bottom:16px}.start-conversation-btn{padding:10px 20px;font-size:14px}.top-banner{font-size:12px;padding:8px 16px;top:12px}.floating-search-btn{width:40px;height:40px;font-size:14px}.search-overlay-input-wrapper{height:40px;padding:0 12px}.search-overlay-input-wrapper input{font-size:13px}.dashboard-video-loader{width:50px;height:50px}.dashboard-video-spinner{width:20px;height:20px;border-width:2px}.dashboard-status-tooltip{width:260px;left:-130px;font-size:12px}.skeleton-loader .wrapper{padding:12px}.skeleton-loader .circle{width:50px;height:50px}}@media (max-width: 360px){.left-container,.right-container{padding:8px}.tab-btnDashboard{padding:8px 10px;font-size:12px}.list-container{padding:8px}.list-item{padding:10px;gap:10px}.persona-avatar-small-dashboard{width:45px;height:45px}.item-info h4{font-size:14px}.persona-system-prompt{font-size:11px}.btn-edit-Dashboard,.btn-delete-Dashboard{width:28px;height:28px;font-size:11px;padding:4px}.btn-copy-link-Dashboard{padding:4px 6px;font-size:10px}.main-content2{padding:20px 12px 40px}.main-title{font-size:1.75rem;margin-bottom:12px}.start-conversation-btn{padding:8px 16px;font-size:13px}.top-banner{font-size:11px;padding:6px 12px;top:10px}.floating-search-btn{width:36px;height:36px;font-size:13px}.search-overlay-input-wrapper{height:36px;padding:0 10px}.search-overlay-input-wrapper input{font-size:12px}.dashboard-status-tooltip{width:240px;left:-120px;font-size:11px}.loading-more{padding:12px;font-size:13px}}@media (max-height: 600px) and (orientation: landscape){.dashboard-split{flex-direction:row}.left-container,.right-container{width:50%;max-height:100vh;overflow-y:auto}.list-container{max-height:calc(100vh - 120px)}.main-content2{margin-left:0;padding:20px 16px 40px}.main-title{font-size:2rem}}@media (hover: none) and (pointer: coarse){.list-item{cursor:pointer;-webkit-tap-highlight-color:rgba(139,92,246,.1)}.btn-edit-Dashboard,.btn-delete-Dashboard,.floating-search-btn{min-height:44px;min-width:44px}.tab-btnDashboard{min-height:44px}}@media (max-width: 480px){.success-modal{border-radius:16px!important;margin-top:1%;max-height:90vh!important}.search-overlay-input-wrapper{width:100%!important}.input-panel{margin-top:4%}}@media (max-width: 768px){.user-table-header{display:block}.create-user-btn{margin-top:10px}.dashboard-wrapper{padding-bottom:3%;height:96vh;overflow-y:auto;margin-bottom:10%}.dashboard-inner{max-width:100%;margin:0 auto 10%}.mobile-tooltip-btn{min-height:44px;padding:8px 4px;margin:-8px -4px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.premium-tooltip-content{pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mobile-tooltip-btn:after{content:" ℹ️";font-size:12px;margin-left:4px;opacity:.7}.premium-tooltip-trigger{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media (min-width: 769px) and (max-width: 1024px){.mobile-tooltip-btn{min-height:40px;padding:6px 2px;margin:-6px -2px}.mobile-tooltip-btn:after{content:" 📱";font-size:12px;margin-left:4px}}@media (min-width: 1025px){.tooltip-close-btn{display:none}.mobile-tooltip-btn:after{display:none}}.mobile-clickable{cursor:pointer;color:#000;text-decoration:underline;text-decoration-style:dotted;-webkit-tap-highlight-color:rgba(139,92,246,.2);touch-action:manipulation}.mobile-tooltip-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-tooltip-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:90vw;max-height:80vh;overflow-y:auto}.mobile-tooltip-close{background:none;border:none;font-size:24px;cursor:pointer;padding:0;margin-left:auto;color:#666}@media (max-width: 768px){.mobile-clickable:after{content:"";font-size:12px;margin-left:4px;opacity:.6}.hidden{display:none!important}.desktophidden{display:block!important}}.desktophidden{display:none}@media (max-width: 768px){.upgrade-btn-premium{padding:6px 12px;font-size:11px;min-width:70px}.upgrade-icon{font-size:10px}.upgrade-btn-content{gap:4px}.dashboard-content{padding:20px 16px}.main-dashboard-title{font-size:24px}.stat-card{padding:20px}.stat-number{font-size:28px}.nav-tabs-container{flex-direction:column}.nav-tab-button{justify-content:center}.table-data-container th,.table-data-container td{padding:12px 16px}.premium-tooltip-content{max-width:280px}.premium-tooltip-content.message-tooltip{max-width:300px}.premium-tooltip-inner{padding:16px}.premium-tooltip-header{margin-bottom:10px;padding-bottom:10px}.premium-tooltip-icon{width:32px;height:32px}.tooltip-icon{width:16px;height:16px}.premium-tooltip-title,.premium-tooltip-text{font-size:13px}.pagination-container{flex-direction:column;gap:16px;padding:20px}.pagination-info{text-align:center;font-size:13px}.pagination-btn{min-width:40px;height:40px;font-size:13px}.pagination-icon{width:16px;height:16px}.pagination-controls{gap:6px}.stats-cards-container{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.pagination-container{padding:16px}.pagination-btn{min-width:36px;height:36px;font-size:12px}.pagination-icon{width:14px;height:14px}.pagination-controls{gap:4px}}@media (max-width: 480px){.login-frame{background-image:none!important;height:min-content!important}}@media (max-width: 768px){.usage-dashboard-status{left:249px}.usage-chart-stats{width:100%!important}.usage-stat-value{margin-top:-7px;text-transform:capitalize}.feature-usage-info h3{text-align:left!important}}@media (max-width: 480px){.usage-dashboard-status{left:0!important;align-items:flex-start!important}}@media (max-width: 768px){.plan-section{padding:16px 12px 100px;min-height:100vh}.plan-section-header{text-align:center;margin-bottom:24px;padding:0 8px}.plan-section-title{font-size:24px;font-weight:700;margin-bottom:8px;line-height:1.2}.plan-gradient-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-section-subtitle{font-size:14px;line-height:1.5;margin:0 auto;max-width:320px}.plan-category-selector{display:flex;justify-content:center;margin-bottom:24px;padding:0 8px}.plan-category-tabs{display:flex;border-radius:12px;padding:4px;width:100%;max-width:340px;box-shadow:0 2px 8px #0000001a}.plan-category-tab{flex:1;padding:12px 8px;border:none;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.plan-category-tab.active{box-shadow:0 2px 8px #8b5cf64d}.plan-main-grid{display:flex;flex-direction:column;gap:16px;max-width:100%;margin:0 auto;padding:0 8px}.plan-main-grid.single-plan,.plan-main-grid.double-plan,.plan-main-grid.triple-plan{display:flex;flex-direction:column;gap:16px}.plan-card-modern{border-radius:16px;padding:20px 16px;position:relative;transition:all .3s ease;box-shadow:0 4px 12px #00000014;width:100%;max-width:100%;margin:0}.plan-card-modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.plan-card-modern.popular{box-shadow:0 8px 25px #8b5cf626}.plan-popular-badge-modern{position:absolute;top:0;left:0;right:0;height:32px;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;gap:4px}.plan-title-modern{font-size:18px;font-weight:700;margin-bottom:6px;text-align:center}.plan-subtitle-modern{font-size:13px;margin-bottom:16px;text-align:center}.plan-pricing-modern{text-align:center;margin-bottom:20px}.plan-price-main{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.plan-currency-modern{font-size:18px;font-weight:700}.plan-amount-modern{font-size:28px;font-weight:800;line-height:1}.plan-period-modern{font-size:14px;font-weight:500}.plan-minutes-included{font-size:12px;font-weight:500}.plan-features-modern{margin-bottom:20px}.plan-feature-item-modern{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px}.plan-feature-check{font-size:14px;margin-top:1px;flex-shrink:0}.plan-feature-text-modern{line-height:1.4;flex:1}.plan-overage-modern{text-align:center;margin-bottom:20px;padding:12px 0}.plan-overage-label-modern{font-size:12px;margin-bottom:4px;font-weight:500}.plan-overage-rate-modern{font-size:14px;font-weight:700}.plan-button-modern{width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none}.plan-button-modern.primary{box-shadow:0 4px 12px #8b5cf64d}.plan-button-modern.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.plan-button-modern.secondary:hover{transform:translateY(-1px)}.plan-card-modern.current-plan{box-shadow:0 8px 25px #10b98126}.current-plan-badge{position:absolute;top:0;left:0;right:0;height:32px;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;gap:4px}.plan-button-modern.current{cursor:not-allowed;opacity:.8}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;max-width:calc(100vw - 32px);width:auto;min-width:280px}.toast-content{padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;gap:8px;font-size:14px;flex:1}}@media (max-width: 480px){.plan-section{padding:12px 8px 40px;padding-bottom:100px!important}.plan-section-title{font-size:20px}.plan-section-subtitle{font-size:13px;max-width:280px}.plan-category-tabs{max-width:100%;padding:3px}.addons-plans-grid{width:100%!important}.addons-section{padding:20px 0!important}.plan-category-tab{padding:10px 6px;font-size:12px}.plan-card-modern{padding:16px 12px;border-radius:12px}.plan-title-modern{font-size:16px}.plan-amount-modern{font-size:24px}.plan-currency-modern{font-size:16px}.plan-feature-item-modern{font-size:12px;padding:4px 0}.plan-button-modern{padding:12px 16px;font-size:14px}}@media (max-width: 360px){.plan-section{padding:10px 6px 40px}.plan-section-title{font-size:18px}.plan-category-tabs{max-width:280px}.plan-category-tab{padding:8px 4px;font-size:11px}.plan-card-modern{padding:14px 10px}.plan-amount-modern{font-size:22px}}@media (max-width: 768px){.settings-save-btn{display:block}}@media (max-width: 768px){.notifications-page{max-height:calc(96vh - 25px);min-height:80vh}.notifications-container{word-break:break-all!important;margin-bottom:8%!important}.notifications-header h1{font-size:14px!important}.notifications-subtitle{font-size:12px!important}}@media (max-width: 480px){.notifications-container{word-break:break-all!important;margin-bottom:25%!important}}*{margin:0;padding:0;box-sizing:border-box}#root{height:100vh;margin:0 auto}.app{font-family:system-ui,-apple-system,sans-serif;height:100dvh;overflow:hidden;padding-top:60px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}@media (max-width: 768px){.app{height:unset}}.checkout-container{max-height:100vh;padding:20px;overflow-y:auto}.checkout-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;max-width:1200px;margin-left:auto;margin-right:auto}.back-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.checkout-header h1{color:#000;font-size:28px;font-weight:700;margin:0}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:32px;max-width:1200px;margin:0 auto}.checkout-left{display:flex;flex-direction:column}.plan-summary-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 30px #0000001a;position:relative}.plan-category-badge{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:12px 24px;border-radius:16px 16px 0 0;font-size:16px;font-weight:600;text-align:center}.plan-name{font-size:32px;font-weight:800;color:#1f2937;margin:24px 0 8px;text-align:center}.plan-description{color:#6b7280;font-size:16px;text-align:center;margin-bottom:24px}.plan-pricing{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:24px}.currency{font-size:20px;font-weight:700;color:#8b5cf6}.amount{font-size:48px;font-weight:800;color:#8b5cf6;line-height:1}.period{font-size:18px;color:#6b7280;font-weight:500}.plan-minutes{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-size:16px;margin-bottom:32px;padding:12px;background:#f8fafc;border-radius:8px}.plan-features{margin-bottom:24px}.plan-features h3{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:16px}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;color:#374151;font-size:15px;line-height:1.5}.plan-features li svg{color:#10b981;margin-top:2px;flex-shrink:0}.overage-info{text-align:center;padding:16px;background:#fef3c7;border-radius:8px;border:1px solid #f59e0b}.overage-info h4{font-size:14px;font-weight:600;color:#92400e;margin:0 0 4px}.overage-info p{font-size:16px;font-weight:700;color:#92400e;margin:0}.checkout-right{display:flex;flex-direction:column}.order-summary-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a;position:sticky;top:20px}.order-summary-card h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 24px;text-align:center}.order-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{font-size:16px;font-weight:600;color:#1f2937}.item-category{font-size:14px;color:#6b7280}.item-price{font-size:16px;font-weight:600;color:#1f2937}.order-total{margin-bottom:24px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:15px}.total-row.final{border-top:2px solid #e5e7eb;margin-top:8px;padding-top:16px;font-size:18px;font-weight:700;color:#1f2937}.error-message{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.checkout-button{width:100%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.checkout-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.checkout-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner-checkout{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.security-info{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-size:14px}.checkout-error{background:#fff;border-radius:16px;padding:48px;text-align:center;max-width:500px;margin:100px auto;box-shadow:0 10px 30px #0000001a}.checkout-error h2{color:#1f2937;font-size:24px;margin-bottom:16px}.checkout-error p{color:#6b7280;font-size:16px;margin-bottom:24px}@media (max-width: 768px){.checkout-container{padding:16px}.checkout-header{margin-bottom:24px}.checkout-header h1{font-size:24px}.checkout-content{grid-template-columns:1fr;gap:24px}.plan-summary-card{padding:24px 20px}.plan-name{font-size:28px;padding-top:4%}.amount{font-size:40px}.order-summary-card{position:static;padding:20px}.checkout-button{padding:14px 20px}.checkout-right{margin-bottom:20%}}@media (max-width: 480px){.checkout-container{padding:12px}.checkout-header h1{font-size:20px}.plan-summary-card{padding:20px 16px}.plan-name{font-size:24px}.amount{font-size:36px}.currency{font-size:18px}.period{font-size:16px}.order-summary-card{padding:16px}.checkout-button{padding:12px 16px;font-size:15px}}.notifications-page{min-height:90vh;background-color:#f9fafb;padding:65px 40px;overflow-y:auto;max-height:-webkit-fill-available}.notifications-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 10px;border-bottom:1px solid #e5e7eb;background:#fff}.active-header-underline{position:relative;cursor:pointer;padding-bottom:8px}.active-header-underline:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#8b5cf6;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.active-header-underline.active:after{transform:scaleX(1)}.header-left{display:flex;align-items:center;gap:16px;cursor:pointer}.back-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin:1.5rem 0 0 1.5rem}.back-button:hover{background-color:#f3f4f6;color:#374151}.notifications-header h1{margin:0;font-size:24px;font-weight:700;color:#1f2937}.notifications-subtitle{margin:4px 0 0;font-size:14px;color:#6b7280}.header-actions{display:flex;align-items:center;gap:12px}.mark-all-read-button{background:#8b5cf6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.mark-all-read-button:hover{background:#7c3aed}.mark-all-read-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button{background:none;border:1px solid #d1d5db;padding:8px;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background-color:#f3f4f6;color:#374151}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.notifications-filters{display:flex;gap:20px;padding:20px 32px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:12px;font-weight:500;color:#374151;text-transform:uppercase;letter-spacing:.05em}.filter-group select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151;cursor:pointer;transition:border-color .2s ease}.filter-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.notifications-content{padding:0}.notifications-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;gap:12px}.loading-spinner-notifications{width:20px;height:20px;border:2px solid #f3f4f6;border-top:2px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.notifications-empty h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.notifications-empty p{margin:0;font-size:14px;color:#6b7280}.notifications-list{display:flex;flex-direction:column}.notification-card{padding:20px 32px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease;position:relative}.notification-card:hover{background-color:#f9fafb}.notification-card:last-child{border-bottom:none}.notification-card.unread{background-color:#fef7ff}.notification-card.unread:hover{background-color:#fdf4ff}.notification-urgent{border-left:4px solid #ef4444}.notification-high{border-left:4px solid #f59e0b}.notification-medium{border-left:4px solid #3b82f6}.notification-low{border-left:4px solid #10b981}.notification-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.notification-card-icon{font-size:20px;flex-shrink:0}.notification-card-meta{display:flex;align-items:center;gap:12px;flex:1;font-size:12px;color:#6b7280}.notification-type{background:#f3f4f6;padding:2px 8px;border-radius:12px;font-weight:500;text-transform:capitalize}.notification-priority{padding:2px 8px;border-radius:12px;font-weight:500;text-transform:capitalize}.notification-card.notification-urgent .notification-priority{background:#fee2e2;color:#dc2626}.notification-card.notification-high .notification-priority{background:#fef3c7;color:#d97706}.notification-card.notification-medium .notification-priority{background:#dbeafe;color:#2563eb}.notification-card.notification-low .notification-priority{background:#d1fae5;color:#059669}.notification-date{color:#9ca3af}.unread-indicator{width:8px;height:8px;background:#8b5cf6;border-radius:50%;flex-shrink:0}.notification-delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-card:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{background-color:#fee2e2;color:#ef4444}.notification-delete-btn:disabled{opacity:.3;cursor:not-allowed}.notification-card-content{padding-left:32px}.notification-card-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2937;line-height:1.4}.notification-card-message{margin:0 0 12px;font-size:14px;color:#6b7280;line-height:1.5}.notification-card-action{display:flex;align-items:center;gap:6px;color:#8b5cf6;font-size:13px;font-weight:500}.action-text{text-decoration:underline}.load-more-container{padding:24px 32px;text-align:center;border-top:1px solid #f3f4f6}.load-more-button{background:none;border:1px solid #d1d5db;color:#374151;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.load-more-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.notifications-page{padding:44px}.notifications-header{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:16px}.header-left{width:100%}.header-actions{width:100%;justify-content:flex-end}.notifications-filters{padding:16px 20px;gap:16px}.filter-group{flex:1;min-width:120px}.notification-card{padding:16px 20px}.notification-card-content{padding-left:0;margin-top:8px}.load-more-container{padding:16px 20px}}@media (max-width: 480px){.notifications-filters{flex-direction:column;gap:12px}.filter-group{min-width:auto}.notification-card-header,.notification-card-meta{flex-wrap:wrap;gap:8px}}.notify-paginate button{color:#6b7280!important;padding:8px 2px}.notify-paginate .pagination-controls{align-items:normal}.notify-page-state{padding:8px 2px}.create-notification-container{padding:24px;max-width:700px;margin:0 auto}.create-notification-header{margin-bottom:24px}.create-notification-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937}.create-notification-header p{margin:0;font-size:14px;color:#6b7280}.create-notification-form{display:flex;flex-direction:column;gap:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-weight:500;color:#374151;font-size:14px}.form-group .required{color:#dc2626}.form-group .char-count{font-weight:400;font-size:12px;color:#9ca3af}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.error-text{color:#dc2626;font-size:12px;margin-top:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.loading-text{padding:12px;color:#6b7280;font-size:14px}.user-select-container{position:relative}.user-select-input{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;background:#fff;transition:all .2s}.user-select-input:hover{border-color:#9ca3af}.user-select-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.user-select-input i{color:#6b7280;transition:transform .2s}.user-select-input i.rotated{transform:rotate(180deg)}.selected-users-text{color:#374151;font-size:14px}.user-dropdown{position:relative;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:100;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.user-search-box{padding:12px;border-bottom:1px solid #e5e7eb}.user-search-box input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box}.user-search-box input:focus{outline:none;border-color:#8b5cf6}.user-list{overflow-y:auto;max-height:220px}.user-option{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .2s}.user-option:hover{background:#f3f4f6}.user-option.selected{background:#f5f3ff}.user-option input[type=checkbox]{width:16px;height:16px;accent-color:#8b5cf6;cursor:pointer}.user-name{font-size:14px;color:#374151;font-weight:500}.user-email{font-size:12px;color:#9ca3af;margin-left:auto}.no-users{padding:20px;text-align:center;color:#6b7280;font-size:14px}.form-actions{display:flex;justify-content:flex-end;margin-top:8px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-submit{padding:12px 32px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:#7c3aed}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.notification-toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:1000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026}.notification-toast.success{background:#10b981;color:#fff}.notification-toast.error{background:#ef4444;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 640px){.create-notification-container{padding:16px}.form-row{grid-template-columns:1fr}.user-email{display:none}}.payment-history-layout{display:flex;min-height:100vh}.left-panel-PaymentHistory{width:400px;background:linear-gradient(180deg,#fff,#f6eeff,#fbf7ff 40%,#935af5,#723ec3);padding:24px;color:#fff}.right-panel-PaymentHistory{flex:1;padding:24px}.back-link{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fffc;font-size:14px;cursor:pointer;margin-bottom:32px;padding:0;transition:color .3s ease}.back-link:hover{color:#fff}.current-plan-card{background:#723ec3;border-radius:16px;padding:32px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative}.current-plan-badge{position:absolute;top:0;left:0;right:0;height:40px;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;gap:6px}.current-plan-badge i{font-size:14px}.plan-header{text-align:center;margin-bottom:24px;margin-top:20px}.plan-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff}.plan-description{font-size:16px;color:#fffc;margin:0}.plan-pricing{text-align:center;margin-bottom:16px}.price-amount{font-size:48px;font-weight:700;color:#17d27f}.price-period{font-size:20px;color:#fffc;margin-left:4px}.plan-included{text-align:center;font-size:16px;color:#ffffffe6;margin-bottom:32px;font-weight:500}.plan-features{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px}.feature-check{color:#10b981;font-size:16px;flex-shrink:0}.feature-text{font-size:16px;color:#000000e6;line-height:1.4}.section-header-right{display:flex;justify-content:space-between;align-items:center}.section-header-right h3{font-size:12px;font-weight:500;color:#5f6368;letter-spacing:.8px;margin:0}.search-btn{background:none;border:none;color:#5f6368;cursor:pointer;padding:8px}.invoice-table-container{background:transparent;border-radius:8px;overflow:hidden;border:1px solid #f3f4f626;max-height:550px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.7) transparent}.invoice-table-container::-webkit-scrollbar{width:8px}.invoice-table-container::-webkit-scrollbar-track{background:transparent}.invoice-table-container::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:4px}.invoice-table-container::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.invoice-table{width:100%;border-collapse:collapse}.invoice-table thead{position:sticky;top:0;z-index:10;background:#724cb0;border-bottom:1px solid #f3f4f626}.invoice-table th{background:#724cb0;padding:12px 16px;text-align:center;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #f3f4f626}.invoice-table td{padding:10px;font-size:14px;color:#202124;border-bottom:1px solid #f3f4f626;text-align:center}.invoice-table tbody tr:hover{background:#d8c0fe}.status-badge{padding:3px 14px;border-radius:5px;font-size:12px;font-weight:500;text-transform:uppercase}.status-paid{background-color:#2ae62a;color:#002d02}.status-pending{background-color:#fff3e0;color:#f57c00}.status-failed{background-color:#ffebee;color:#d32f2f}.no-data{text-align:center;color:#5f6368;font-style:italic}.loading-state-paymentHistory{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#5f6368}.loader-spinner-paymentHistory{width:32px;height:32px;border:3px solid #f1f3f4;border-top:3px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.payment-history-layout{flex-direction:column}.left-panel-PaymentHistory{width:100%}.plan-title{font-size:24px}.price-amount{font-size:36px}}.payment-history-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e8eaed}.payment-tab{background:none;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:#5f6368;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.payment-tab:hover{color:#1a73e8}.payment-tab.active{color:#723ec3;border-bottom-color:#7f41ef}.download-btn{background:#1a73e8;color:#fff;padding:6px 12px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:500;transition:background .2s ease;display:inline-block}.download-btn:hover{background:#1557b0;text-decoration:none;color:#fff}.search-container{display:flex;align-items:center;gap:12px}.search-input-wrapper-payment{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:0 16px;min-width:300px;height:36px;box-shadow:0 1px 3px #0000000d;transition:all .2s}.search-input-wrapper-payment:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-input-wrapper-payment .search-icon{color:#9ca3af;margin-right:8px;font-size:14px}.search-input-wrapper-payment input{border:none;outline:none;flex:1;padding-left:20px;font-size:14px;background:transparent;color:#374151}.search-input-wrapper-payment input::placeholder{color:#9ca3af;font-style:italic}.search-input-wrapper-payment .clear-icon{color:#9ca3af;cursor:pointer;margin-left:8px;font-size:14px;padding:4px;border-radius:50%;transition:all .2s}.search-input-wrapper-payment .clear-icon:hover{color:#6b7280;background:#8b5cf61a}.search-btn{background:#8b5cf6;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s}.search-btn:hover{background:#7c3aed}.date-picker-container{position:relative}.calendar-btn{background:#8b5cf6;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s}.calendar-btn:hover{background:#7c3aed}.date-picker-dropdown{position:absolute;top:45px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:20px;min-width:320px;z-index:1000}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.date-picker-header h4{margin:0;color:#374151;font-size:16px}.close-date-picker{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px}.close-date-picker:hover{color:#6b7280;background:#f3f4f6}.date-inputs{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{font-size:14px;color:#374151;font-weight:500}.date-input-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151}.date-input-group input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.date-picker-actions{display:flex;gap:12px;justify-content:flex-end}.date-btn{padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.clear-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.clear-btn:hover{background:#e5e7eb}.apply-btn{background:#8b5cf6;border:1px solid #8b5cf6;color:#fff}.apply-btn:hover:not(:disabled){background:#7c3aed}.apply-btn:disabled{background:#d1d5db;border-color:#d1d5db;cursor:not-allowed}.user-replicas-container{padding:2rem;max-width:1400px;margin:0 auto}.header{margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.subtitle{color:#666;font-size:1rem}.loading-spinner,.error-message{text-align:center;padding:3rem;font-size:1.1rem}.error-message{color:#dc2626;background-color:#fee2e2;border-radius:8px}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-form{display:flex;gap:.5rem;flex:1;min-width:300px}.search-input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-button{padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.search-button:hover{background-color:#2563eb}.status-filters{display:flex;gap:.5rem}.filter-button{padding:.75rem 1rem;border:1px solid #e5e7eb;background-color:#fff;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-button:hover{border-color:#3b82f6;color:#3b82f6}.filter-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background-color:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.stat-label{font-size:.875rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:#1a1a1a}.replicas-table-container{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow-x:auto;margin-bottom:2rem}.replicas-table{width:100%;border-collapse:collapse}.replicas-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.replicas-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.replicas-table td{padding:1rem;border-bottom:1px solid #f3f4f6}.replicas-table tbody tr:hover{background-color:#f9fafb}.replica-info{display:flex;align-items:center;gap:1rem}.replica-twin-thumbnail{width:100%;height:auto;border-radius:8px;object-fit:cover}.replica-thumbnail{width:60px;height:60px;border-radius:8px;object-fit:cover}.replica-thumbnail-placeholder{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.replica-details{flex:1}.replica-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.replica-id{font-size:.875rem;color:#666;font-family:monospace}.user-info{font-size:.9rem}.user-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.user-email{color:#666;margin-bottom:.25rem}.user-mobile{color:#666;font-size:.85rem}.user-company{color:#3b82f6;font-size:.85rem;margin-top:.25rem}.no-user{color:#999;font-style:italic}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-completed{background-color:#d1fae5;color:#065f46}.status-training{background-color:#dbeafe;color:#1e40af}.status-error{background-color:#fee2e2;color:#991b1b}.status-default{background-color:#f3f4f6;color:#374151}.training-progress{font-size:.75rem;color:#666;margin-top:.25rem}.model-badge{display:inline-block;padding:.375rem .75rem;background-color:#f3f4f6;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151}.date-info{font-size:.9rem;color:#666}.no-data{text-align:center;padding:3rem;color:#999;font-style:italic}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem}.pagination-button{padding:.75rem 1.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f9fafb;border-color:#3b82f6;color:#3b82f6}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:500;color:#374151}.license{font-family:Arial,sans-serif;margin:2rem auto;max-width:70%;padding:2rem;background:#fff;border-radius:8px;color:#000}.license .header{font-weight:700;margin-bottom:.5rem}.license .subheader{font-size:.9rem;margin-bottom:1.5rem}.license a{color:#0067c5;text-decoration:underline;cursor:pointer}.license a:hover{text-decoration:none}.license .license-box{border:1px solid #999;background-color:#f9f9f9;padding:1rem;font-size:.85rem;line-height:1.4;margin-bottom:1rem;white-space:pre-wrap}.license .warning{font-size:.75rem;color:#444;margin-bottom:3rem}.license .btn-ok{padding:.4rem 1.2rem;font-size:.85rem;border:1px solid #999;background:#fff;cursor:pointer}.license .btn-ok:hover{background:#eaeaea}.review-analytics{padding:28px 32px;min-height:100vh;background:#f8fafc}.review-analytics__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.review-analytics__title{font-size:22px;font-weight:700;color:#111827;margin:0}.review-analytics__subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.review-analytics__filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 18px;margin-bottom:24px}.review-analytics__filter-group{display:flex;flex-direction:column;gap:4px}.review-analytics__filter-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.review-analytics__filter-select,.review-analytics__filter-input{border:1px solid #e5e7eb;border-radius:8px;padding:7px 12px;font-size:13px;color:#374151;background:#fff;outline:none;min-width:160px;transition:border-color .15s}.review-analytics__filter-select:focus,.review-analytics__filter-input:focus{border-color:#6366f1}.review-analytics__filter-btn{align-self:flex-end;padding:8px 18px;border:none;border-radius:8px;background:#6366f1;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.review-analytics__filter-btn:hover{background:#4f46e5}.review-analytics__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.review-analytics__stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 22px}.review-analytics__stat-label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.review-analytics__stat-value{font-size:32px;font-weight:700;color:#111827;line-height:1}.review-analytics__stat-sub{font-size:13px;color:#6b7280;margin-top:4px}.review-analytics__stars{display:flex;gap:3px;margin-top:6px}.review-analytics__star{font-size:18px;color:#d1d5db}.review-analytics__star--filled{color:#f59e0b}.review-analytics__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media (max-width: 900px){.review-analytics__grid{grid-template-columns:1fr}}.review-analytics__card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 22px}.review-analytics__card-title{font-size:15px;font-weight:700;color:#111827;margin:0 0 16px}.review-analytics__dist-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.review-analytics__dist-label{font-size:13px;font-weight:500;color:#374151;width:52px;flex-shrink:0}.review-analytics__dist-bar-track{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.review-analytics__dist-bar-fill{height:100%;background:#f59e0b;border-radius:4px;transition:width .4s ease}.review-analytics__dist-count{font-size:13px;font-weight:600;color:#6b7280;width:28px;text-align:right;flex-shrink:0}.review-analytics__question-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid #f3f4f6}.review-analytics__question-row:last-child{border-bottom:none}.review-analytics__question-text{font-size:13px;color:#374151;font-weight:500}.review-analytics__question-meta{display:flex;align-items:center;gap:10px}.review-analytics__question-avg{font-size:13px;font-weight:700;color:#111827}.review-analytics__question-count{font-size:12px;color:#9ca3af}.review-analytics__mini-stars{display:flex;gap:2px}.review-analytics__mini-star{font-size:14px;color:#d1d5db}.review-analytics__mini-star--filled{color:#f59e0b}.review-analytics__comment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 22px;margin-bottom:24px}.review-analytics__comment-item{padding:12px 0;border-bottom:1px solid #f3f4f6}.review-analytics__comment-item:last-child{border-bottom:none}.review-analytics__comment-text{font-size:13px;color:#374151;line-height:1.5;font-style:italic}.review-analytics__comment-meta{font-size:11px;color:#9ca3af;margin-top:4px}.review-analytics__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#9ca3af;text-align:center}.review-analytics__empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.review-analytics__loading{display:flex;align-items:center;justify-content:center;padding:64px;color:#6366f1;font-size:22px}@media (max-width: 640px){.review-analytics{padding:16px}.review-analytics__header{flex-direction:column;align-items:flex-start}.review-analytics__filters{flex-direction:column;align-items:stretch}.review-analytics__filter-select,.review-analytics__filter-input{min-width:unset;width:100%}}.video-library-page{width:100%;padding:24px 40px 48px;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(123,90,210,.45) transparent}.vl-inner{max-width:1600px;margin:0 auto}.video-library-page::-webkit-scrollbar{width:8px}.video-library-page::-webkit-scrollbar-track{background:transparent}.video-library-page::-webkit-scrollbar-thumb{background:#7b5ad273;border-radius:999px}.video-library-page::-webkit-scrollbar-thumb:hover{background:#6a49bd9e}.vl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.vl-header h2{margin:0;font-size:1.5rem;color:#1f2937}.vl-subtitle{margin:4px 0 0;color:#6b7280;font-size:.9rem}.vl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}.vl-stat{background:#fff;border:1px solid #f0f0f4;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 18px #7c3aed0d}.vl-stat-value{font-size:1.6rem;font-weight:700;color:#1f2937}.vl-stat-ready{color:#1e7a44}.vl-stat-progress{color:#a86b12}.vl-stat-error{color:#b3261e}.vl-stat-label{font-size:.82rem;color:#6b7280}.vl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.vl-search{position:relative;flex:1;min-width:220px}.vl-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:.9rem;opacity:.6}.vl-search input{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:11px 14px 11px 40px;font-size:.95rem;outline:none;background:#fff}.vl-search input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.vl-filters{display:flex;gap:8px;flex-wrap:wrap}.vl-filter{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 16px;font-size:.85rem;color:#4b5563;cursor:pointer;transition:all .15s}.vl-filter:hover{border-color:#c4b5fd}.vl-filter.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.vl-create-btn{background:#7c3aed;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer}.vl-create-btn:hover{background:#6d28d9}.vl-error{background:#fdecec;color:#b3261e;border-radius:10px;padding:10px 14px;margin-bottom:14px}.vl-empty{text-align:center;color:#9ca3af;padding:56px 24px;background:#fff;border:1px dashed #e5e7eb;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.vl-empty-icon{font-size:2.4rem;opacity:.5}.vl-empty p{margin:0;font-size:.95rem}.vl-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}@media (max-width: 1200px){.vl-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.vl-grid{grid-template-columns:repeat(3,1fr)}}.vl-card{text-align:left;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;cursor:pointer;padding:0;transition:box-shadow .15s,transform .15s}.vl-card:hover{box-shadow:0 10px 28px #7c3aed26;transform:translateY(-2px)}.vl-thumb{position:relative;aspect-ratio:16 / 10;background:#f3f0fb;display:flex;align-items:center;justify-content:center;overflow:hidden}.vl-thumb img{width:100%;height:100%;object-fit:cover}.vl-thumb-placeholder{font-size:2rem;opacity:.5}.vl-play{position:absolute;width:46px;height:46px;border-radius:50%;background:#7c3aedd9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;padding-left:3px}.vl-card-body{padding:12px 14px}.vl-card-name{font-weight:600;color:#1f2937;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.vl-card-meta{display:flex;align-items:center;justify-content:space-between}.vl-card-date{color:#9ca3af;font-size:.8rem}.vl-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.76rem;text-transform:capitalize}.vl-badge--ready{background:#e6f7ec;color:#1e7a44}.vl-badge--progress{background:#fff4e0;color:#a86b12}.vl-badge--error{background:#fdecec;color:#b3261e}.vl-badge--deleted{background:#eee;color:#888}.vl-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}.vl-pagination button{border:1px solid #d9d9e3;background:#fff;border-radius:8px;padding:6px 14px;cursor:pointer}.vl-pagination button:disabled{opacity:.5;cursor:not-allowed}.vl-modal-overlay{position:fixed;inset:0;background:#1118278c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.vl-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.vl-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 8px}.vl-modal-head h3{margin:0;font-size:1.1rem;color:#1f2937}.vl-modal-close{background:none;border:none;font-size:1rem;cursor:pointer;color:#6b7280}.vl-modal-player{padding:0 20px}.vl-modal-player video{width:100%;border-radius:12px;background:#000;aspect-ratio:16 / 9}.vl-modal-pending{background:#f3f0fb;border-radius:12px;padding:36px 20px;text-align:center;color:#6b7280}.vl-modal-pending--error{background:#fdecec;color:#b3261e}.vl-modal-pending p{margin:10px 0 0;font-size:.9rem}.vl-modal-details{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.vl-detail-row{display:flex;align-items:center;justify-content:space-between;font-size:.88rem}.vl-detail-row>span:first-child{color:#6b7280}.vl-detail-row code{background:#f3f4f6;padding:2px 8px;border-radius:6px;font-size:.82rem;color:#374151}.vl-detail-script{display:flex;flex-direction:column;gap:6px}.vl-detail-script>span{color:#6b7280;font-size:.88rem}.vl-detail-script p{margin:0;background:#f9fafb;border:1px solid #f0f0f4;border-radius:10px;padding:10px 12px;font-size:.88rem;color:#374151;white-space:pre-wrap}.vl-detail-audio{width:100%}.vl-audio-download{align-self:flex-start;margin-top:8px;background:none;border:none;color:#7c3aed;font-size:.85rem;font-weight:600;cursor:pointer;padding:0}.vl-audio-download:hover{color:#6d28d9}.vl-modal-actions{display:flex;gap:10px;padding:8px 20px 20px}.vl-btn{flex:1;border:1px solid #d9d9e3;background:#fff;border-radius:10px;padding:10px;font-size:.88rem;cursor:pointer;color:#374151}.vl-btn:hover:not(:disabled){border-color:#7c3aed;color:#6d28d9}.vl-btn:disabled{opacity:.5;cursor:not-allowed}.vl-btn--danger{color:#b3261e;border-color:#f0c6c2}.vl-btn--danger:hover:not(:disabled){border-color:#b3261e;color:#b3261e}@media (max-width: 768px){.vl-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width: 560px){.video-library-page{padding:16px 14px 40px}.vl-header{flex-wrap:wrap;gap:10px}.vl-header h2{font-size:1.2rem}.vl-grid{grid-template-columns:repeat(2,1fr);gap:12px}.vl-card-name{font-size:.85rem}.vl-modal-overlay{padding:10px}.vl-modal{max-width:100%;max-height:94vh}.vl-modal-actions{flex-wrap:wrap}.vl-modal-actions .vl-btn{flex:1 1 100%}}@media (max-width: 380px){.vl-grid{grid-template-columns:1fr}}.create-video-page{width:100%;padding:24px 48px 48px;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(123,90,210,.45) transparent}.create-video-page::-webkit-scrollbar{width:8px}.create-video-page::-webkit-scrollbar-track{background:transparent}.create-video-page::-webkit-scrollbar-thumb{background:#7b5ad273;border-radius:999px}.create-video-page::-webkit-scrollbar-thumb:hover{background:#6a49bd9e}.create-video-layout{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}@media (max-width: 860px){.create-video-layout{grid-template-columns:1fr}.cv-preview-card{position:static;order:-1}.cv-preview-media{max-width:420px;margin:0 auto}}@media (max-width: 560px){.create-video-page{padding:16px 14px 40px}.create-video-card,.cv-preview-card{padding:18px 16px}.create-video-header h2{font-size:1.2rem}.cv-toggle{width:100%}.cv-toggle button{flex:1}}.create-video-card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000000f;padding:28px;min-width:0}.cv-preview-card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000000f;padding:20px;position:sticky;top:24px}.cv-preview-label{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7c3aed;margin-bottom:12px}.cv-preview-media{border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center}.cv-preview-media video,.cv-preview-media img{width:100%;height:100%;object-fit:cover}.cv-preview-name{margin-top:12px;font-weight:600;color:#1f2937;text-align:center}.cv-preview-placeholder{color:#9ca3af;font-size:.9rem;text-align:center;padding:12px}.cv-preview-placeholder--empty{background:#f3f0fb;border-radius:12px;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center}.create-video-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.create-video-header h2{margin:0;font-size:1.4rem;color:#2b2b3a}.cv-link-btn{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:.9rem}.cv-quota{background:#f3f0ff;color:#4a3aa0;border-radius:10px;padding:10px 14px;font-size:.9rem;margin-bottom:18px}.cv-quota--empty{background:#fdecec;color:#b3261e}.create-video-form{display:flex;flex-direction:column;gap:16px}.cv-field{display:flex;flex-direction:column;gap:6px;min-width:0}.cv-field>span{font-size:.85rem;font-weight:600;color:#4b4b5a}.cv-field input,.cv-field select,.cv-field textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #d9d9e3;border-radius:10px;padding:10px 12px;font-size:.95rem;font-family:inherit;outline:none}.cv-field textarea{resize:vertical}.cv-tip{position:relative;display:inline-flex;margin-left:6px;vertical-align:middle;outline:none}.cv-tip-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#ddd6fe;color:#5b21b6;font-size:.7rem;font-style:italic;font-weight:700;cursor:help}.cv-tip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:240px;background:#1f2937;color:#fff;font-size:.78rem;font-weight:400;line-height:1.35;text-align:left;white-space:normal;padding:8px 10px;border-radius:8px;box-shadow:0 6px 20px #00000038;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none;z-index:20}.cv-tip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1f2937}.cv-tip:hover .cv-tip-bubble,.cv-tip:focus .cv-tip-bubble,.cv-tip:focus-within .cv-tip-bubble{opacity:1;visibility:visible}.cv-field input:focus,.cv-field select:focus,.cv-field textarea:focus{border-color:#7c3aed}.cv-hint{color:#9a9aa8;font-size:.8rem}.cv-toggle{display:inline-flex;background:#f1f1f6;border-radius:10px;padding:4px;width:fit-content}.cv-toggle button{border:none;background:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;color:#5a5a6a}.cv-toggle button.active{background:#7c3aed;color:#fff}.cv-subtoggle{margin-bottom:4px}.cv-twin-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;border:1px solid #d9d9e3;border-radius:10px;padding:10px 14px;background:#fff;cursor:pointer;text-align:left}.cv-twin-trigger:hover:not(:disabled){border-color:#7c3aed}.cv-twin-trigger:disabled{opacity:.6;cursor:not-allowed}.cv-twin-trigger-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#f3f0fb;display:flex;align-items:center;justify-content:center}.cv-twin-trigger-thumb--empty{font-size:1.2rem}.cv-twin-trigger-name{flex:1;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-twin-trigger-change{font-size:.82rem;color:#7c3aed;font-weight:600}.cv-twin-trigger-placeholder{flex:1;color:#9ca3af}.cv-required{color:#ef4444;margin-left:3px}.cv-twin-chevron{margin-left:auto;color:#6b7280;font-size:.8rem;flex-shrink:0}.cv-picker-overlay{position:fixed;inset:0;background:#1118278c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.cv-picker{background:#fff;border-radius:16px;width:100%;max-width:760px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040}.cv-picker-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px}.cv-picker-head h3{margin:0;font-size:1.15rem;color:#1f2937}.cv-picker-close{background:none;border:none;font-size:1rem;cursor:pointer;color:#6b7280}.cv-picker-search{position:relative;padding:0 20px 12px}.cv-picker-search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);opacity:.6;font-size:.9rem}.cv-picker-search input{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px 10px 38px;font-size:.95rem;outline:none}.cv-picker-search input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.cv-picker-body{overflow-y:auto;padding:4px 20px 20px}.cv-picker-section{font-size:.85rem;font-weight:700;color:#4b5563;margin:14px 0 10px}.cv-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cv-twin-card{border:2px solid transparent;background:#faf9ff;border-radius:12px;padding:0;cursor:pointer;overflow:hidden;text-align:left;transition:border-color .15s,transform .15s}.cv-twin-card:hover{transform:translateY(-2px);border-color:#c4b5fd}.cv-twin-card.selected{border-color:#7c3aed}.cv-twin-card-media{aspect-ratio:1 / 1;background:#ece8fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.cv-twin-card-media img{width:100%;height:100%;object-fit:cover}.cv-twin-card-empty{font-size:1.8rem;opacity:.5}.cv-twin-card-name{padding:8px 10px;font-size:.82rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-picker-empty{text-align:center;color:#9ca3af;padding:40px 0}.cv-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cv-upload-btn{display:inline-block;background:#f1f1f6;color:#4b4b5a;border:1px solid #d9d9e3;border-radius:10px;padding:10px 16px;font-size:.9rem;cursor:pointer}.cv-upload-btn:hover{border-color:#7c3aed;color:#6d28d9}.cv-upload-name{font-size:.85rem;color:#6b7280;word-break:break-all}.cv-upload-ok{color:#1e7a44}.cv-backgrounds{display:flex;flex-direction:column;gap:16px;padding:14px;border:1px dashed #d9d9e3;border-radius:12px}.cv-warning{background:#fff7e6;color:#8a6d1a;border-radius:10px;padding:10px 14px;font-size:.88rem}.cv-submit{background:#7c3aed;color:#fff;border:none;border-radius:12px;padding:12px 18px;font-size:1rem;font-weight:600;cursor:pointer}.cv-submit:disabled{background:#c8c0f0;cursor:not-allowed}