@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Poppins,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.landing-page{background-color:var(--background-white);color:var(--text-primary);font-family:Poppins,sans-serif;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.section{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:60px 5%;position:relative;scroll-snap-align:start}.hero-section{background:linear-gradient(135deg,var(--brand-primary-light) 0,#fff 70%);flex-direction:column;text-align:center}.hero-content{animation:fadeInDown 1s ease-out;max-width:800px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.highlight-text{color:var(--brand-primary)}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:30px}.hero-cta-button{align-items:center;background-color:var(--brand-primary);border:none;border-radius:var(--card-border-radius);box-shadow:var(--button-shadow);color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;padding:15px 30px;transition:background-color .3s,box-shadow .3s,transform .2s}.hero-cta-button:hover{background-color:var(--brand-primary-dark);box-shadow:var(--button-hover-shadow);transform:translateY(-3px)}.cta-icon{font-size:1.3em}.signup-link{color:var(--text-muted);margin-top:15px}.signup-link a{color:var(--brand-primary);font-weight:500;text-decoration:none}.signup-link a:hover{text-decoration:underline}.hero-image-container{animation:fadeInUp 1s ease-out;margin-top:50px;max-width:700px;width:100%}.hero-image-container img{border:1px solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:0 15px 40px #00000026;width:100%}.features-section{background-color:var(--background-light);flex-direction:column}.features-header{animation:fadeInDown 1s ease-out;margin-bottom:60px;text-align:center}.features-logo{height:auto;margin-bottom:10px;width:150px}.features-title{font-size:2.8rem;font-weight:600}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);max-width:900px;width:100%}.feature-item{align-items:flex-start;animation:fadeInUp 1s ease-out;display:flex;flex-direction:column;text-align:left}.feature-icon-wrapper{border-radius:50%;color:#fff;display:inline-flex;font-size:1.8rem;margin-bottom:20px;padding:15px}.feature-icon-wrapper.bolt{background-color:#ffc107}.feature-icon-wrapper.globe{background-color:#17a2b8}.feature-icon-wrapper.check{background-color:var(--brand-primary)}.feature-icon-wrapper.lock{background-color:#343a40}.feature-item h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:10px}.feature-item p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.persistent-powered-by{align-items:center;background:#0000;border:none;bottom:20px;box-shadow:none;color:#6c757d;display:flex;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;gap:8px;padding:0;position:fixed;right:25px;z-index:999}.persistent-powered-by .powered-by-logo{height:60px;width:60px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.hero-title{font-size:2.8rem}.features-grid{grid-template-columns:1fr}}@media (max-width:768px){.landing-page{scroll-snap-type:none}.section{min-height:auto;padding:80px 5%}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.features-title{font-size:2rem}}.landing-header{background-color:initial;font-family:Poppins,sans-serif;left:0;padding:15px 0;position:fixed;top:0;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;width:100%;z-index:1000}.landing-header.scrolled{background-color:#fff;box-shadow:0 2px 10px #00000014}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.header-left .logo-link{align-items:center;display:flex;flex-shrink:0}.header-logo-img{height:40px;width:160px}.header-nav-group{align-items:center;display:flex;gap:25px}.header-center{display:flex;gap:30px}.header-center a{color:#495057;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s ease;white-space:nowrap}.header-center a:hover{color:#27b093}.header-right{gap:20px}.current-language-button{border:1px solid #0000;border-radius:6px;padding:8px 12px;transition:background-color .2s ease,border-color .2s ease}.current-language-button:hover{background-color:#f8f9fa;border-color:#e0e0e0}.lang-flag{font-size:1.2rem}.lang-name{color:#333;font-size:.9rem;white-space:nowrap}.dropdown-chevron{color:#6c757d;font-size:.75rem}.language-dropdown{min-width:180px;z-index:1001}.language-dropdown li,.language-dropdown ul{list-style:none;margin:0;padding:0}.language-dropdown li:hover{background-color:#f5f5f5}.login-btn,.signup-btn-main{background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 12px;white-space:nowrap}.signup-btn-main{background-color:#27b093;border-radius:6px;color:#fff;padding:8px 20px;transition:background-color .2s ease}.login-btn{color:#495057}.signup-btn-main:hover{background-color:#1f997d}@media (max-width:768px){.current-language-button .lang-name,.header-center,.login-btn{display:none}.header-container{padding:0 15px}.header-nav-group,.header-right{gap:10px}.current-language-button{padding:8px}.header-logo-img{height:35px;width:auto}.persistent-powered-by{background-color:#f8f9fa;border-top:1px solid #e0e0e0;bottom:auto;box-shadow:none;justify-content:center;padding:20px 0;position:static;right:auto;width:100%}}.app-header{background-color:#fff;border-bottom:1px solid #e0e0e0;color:#333;justify-content:space-between;padding:10px 25px;position:relative}.app-header,.header-left{align-items:center;display:flex}.mobile-menu-button{background:none;border:none;color:#555;cursor:pointer;display:none;font-size:1.5em;margin-right:10px;padding:5px 10px}.logo svg{display:block;height:auto;width:180px}.main-nav a{color:#555;font-size:.9em;font-weight:500;margin-left:80px;margin-right:20px;text-decoration:none}.main-nav a:hover{color:#27b093}.header-right{align-items:center;display:flex;gap:15px}.language-selector-container{position:relative}.current-language-button{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:5px 8px;transition:background-color .2s ease}.current-language-button:hover{background-color:#f0f0f0}.lang-flag{display:inline-block;font-size:1.2em;line-height:1}.lang-name{font-weight:500}.dropdown-chevron{color:#888;font-size:.7em}.language-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 5px);z-index:1000}.language-dropdown .dropdown-title{border-bottom:1px solid #f0f0f0;color:#555;font-size:.9em;font-weight:600;padding:10px 15px}.language-dropdown ul{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:5px 0}.language-dropdown li{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.95em;gap:12px;padding:10px 15px}.language-dropdown li:hover{background-color:#f0f0f0}.language-dropdown li.selected{background-color:#e9f5ff;color:#27b093;font-weight:500}.language-dropdown .lang-name{flex-grow:1}.language-dropdown .lang-native-name{color:#777;font-size:.9em}.user-profile-container{position:relative}.user-profile{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.9em;padding:5px;transition:background-color .2s ease}.user-profile:hover{background-color:#f0f0f0}.profile-initial{align-items:center;background-color:#ff8c00;border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:28px;justify-content:center;margin-right:8px;text-align:center;width:28px}.profile-email{color:#555;display:inline}.profile-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 5px);z-index:1000}.profile-dropdown ul{list-style:none;margin:0;padding:5px 0}.profile-dropdown li{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.95em;gap:10px;padding:10px 15px}.profile-dropdown li:hover{background-color:#f5f5f5}.profile-dropdown .menu-icon{display:inline-block;text-align:center;width:18px}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;margin-left:5px;padding:5px 10px}.logout-button:hover{background-color:#c82333}@media (max-width:768px){.app-header{padding:10px 15px}.mobile-menu-button{display:block}.main-nav-desktop,.profile-email{display:none}.profile-initial{margin-right:0}.lang-name-desktop{display:none}.current-language-button{gap:5px}}:root{--fm-brand-primary:#27b093;--fm-brand-primary-hover:#1f997d;--fm-text-primary:#343a40;--fm-text-secondary:#6c757d;--fm-border-color:#dee2e6;--fm-background-light:#f8f9fa;--fm-background-white:#fff;--fm-error-color:#d8000c}.fm-modal-overlay{align-items:center;animation:fmFadeIn .3s forwards;background-color:#0009;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:1100}@keyframes fmFadeIn{0%{opacity:0}to{opacity:1}}.fm-modal-content{animation:fmScaleUp .3s forwards;background-color:#fff;background-color:var(--fm-background-white);border-radius:8px;box-shadow:0 5px 15px #0003;box-sizing:border-box;max-width:450px;padding:25px 30px;width:100%}@keyframes fmScaleUp{0%{transform:scale(.95)}to{transform:scale(1)}}.fm-modal-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--fm-border-color);display:flex;margin-bottom:15px;padding-bottom:15px}.fm-header-icon{color:#27b093;color:var(--fm-brand-primary);font-size:1.4em;margin-right:12px}.fm-modal-header h2{color:#343a40;color:var(--fm-text-primary);flex-grow:1;font-size:1.4em;font-weight:600;margin:0}.fm-modal-description{color:#6c757d;color:var(--fm-text-secondary);font-size:.95em;line-height:1.5;margin-bottom:25px;margin-top:0}.fm-input-group{margin-bottom:20px;text-align:left}.fm-input-group,.fm-input-group label{font-family:var(--font-family-poppins)}.fm-input-group label{color:#343a40;color:var(--fm-text-primary);display:block;font-size:.9em;font-weight:500;margin-bottom:8px}.fm-input-group input{border:1px solid #dee2e6;border:1px solid var(--fm-border-color);border-radius:6px;box-sizing:border-box;font-size:1em;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.fm-input-group input:focus{border-color:#27b093;border-color:var(--fm-brand-primary);box-shadow:0 0 0 3px #27b09333;outline:none}.fm-error-message{color:#d8000c;color:var(--fm-error-color);font-size:.85em;margin-top:6px}.fm-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.fm-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.fm-btn-primary{background-color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:5px;color:var(--background-white);cursor:pointer;font-family:var(--font-family-poppins);font-size:.95rem;font-weight:500;padding:10px 15px;text-align:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.fm-btn-primary:hover:not(:disabled){background-color:#1f997d;background-color:var(--fm-brand-primary-hover)}.fm-btn-secondary{background-color:#fff;background-color:var(--fm-background-white);border-color:#dee2e6;border-color:var(--fm-border-color);color:#6c757d;color:var(--fm-text-secondary)}.fm-btn-secondary:hover:not(:disabled){background-color:#f8f9fa;background-color:var(--fm-background-light);border-color:#adb5bd}.fm-btn:disabled{background-color:#e9ecef;border-color:#e9ecef;color:#adb5bd;cursor:not-allowed}@media (max-width:480px){.fm-modal-content{padding:20px}.fm-modal-header h2{font-size:1.25em}.fm-modal-actions{flex-direction:column-reverse}.fm-btn{width:100%}}.toast.success{background-color:#27b093;background-color:var(--success-color);border-left:5px solid #27b093;border-left:5px solid var(--success-color);box-shadow:0 4px 6px #0000001a;color:#fff}.toast-notification{align-items:center;animation:toastSlideIn .4s ease-out forwards;border-radius:6px;bottom:20px;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--background-white,#fff);display:flex;font-family:Poppins,sans-serif;font-family:var(--font-family-poppins,"Poppins",sans-serif);max-width:350px;min-width:280px;opacity:0;padding:12px 18px;position:fixed;right:20px;transform:translateX(100%);z-index:2000}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;font-size:1.3rem;margin-right:12px}.toast-message{flex-grow:1;font-size:.9rem;font-weight:400;line-height:1.4;margin:0}.toast-close-button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;font-weight:700;margin-left:15px;opacity:.7;padding:0 5px;transition:opacity .2s ease}.toast-close-button:hover{opacity:1}.toast-success{background-color:#27b093;background-color:var(--success-color,#27b093)}.toast-error{background-color:#dc3545;background-color:var(--error-color,#dc3545)}.toast-info{background-color:#27b093;background-color:var(--brand-primary,#27b093)}.toast-warning{background-color:#ffc107}.toast-warning,.toast-warning .toast-close-button{color:#343a40;color:var(--text-primary,#212529)}.app-sidebar{background-color:#fff;background-color:var(--background-white);border-radius:8px;box-shadow:0 4px 8px #0000000d;box-shadow:var(--card-shadow);box-sizing:border-box;color:#343a40;display:flex;flex-direction:column;flex-shrink:0;margin:15px 15px 15px 0;overflow:hidden;transition:transform .3s ease,left .3s ease,width .3s ease,margin .3s ease,border-radius .3s ease;width:240px}.sidebar-close-button{background:none;border:none;color:#aaa;cursor:pointer;display:none;font-size:1.6em;font-weight:400;line-height:1;padding:2px 4px;position:absolute;right:12px;top:8px;transition:color .2s ease;z-index:1001}.sidebar-close-button:hover{color:#666}.usage-info{background-color:#33756f;color:#fff;flex-shrink:0;padding:20px}.usage-info p{color:#ffffffe6;font-size:.85em;margin-bottom:10px}.progress-bar-container{background-color:#ffffff4d;border-radius:3px;height:6px}.progress-bar{background-color:#7dcfbe;transition:width .3s ease}.upgrade-button{background-color:#fff;color:#27b093;font-family:Poppins,sans-serif;font-size:.9em;text-align:center;transition:background-color .2s ease,color .2s ease}.upgrade-button:hover{background-color:#f8f9fa;color:#1f997d;color:var(--brand-primary-dark)}.sidebar-nav{background-color:#fff;background-color:var(--background-white);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow:hidden}.sidebar-nav-scroll-wrapper{box-sizing:border-box;height:100%;overflow-y:auto;padding:15px 10px}.sidebar-nav-scroll-wrapper::-webkit-scrollbar{width:8px}.sidebar-nav-scroll-wrapper::-webkit-scrollbar-track{background:#0000000d;background:var(--scrollbar-track-color);border-radius:4px}.sidebar-nav-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-thumb-color);border-radius:4px}.sidebar-nav-scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8;background-color:var(--scrollbar-thumb-hover-color)}.sidebar-nav-scroll-wrapper{scrollbar-color:#c1c1c1 #0000000d;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.sidebar-nav-scroll-wrapper .nav-section{margin-bottom:25px}.sidebar-nav-scroll-wrapper .nav-section-title{color:#868e96;display:block;font-size:.75em;font-weight:600;margin-bottom:12px;padding:0 10px;text-transform:uppercase}.sidebar-nav-scroll-wrapper .nav-section-title-clickable{align-items:center;cursor:default;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 10px}.sidebar-nav-scroll-wrapper .nav-section-title-clickable .nav-section-title{margin-bottom:0;margin-top:12px;padding:0}.sidebar-nav-scroll-wrapper .dropdown-toggle-icon{color:#868e96;display:none;font-size:.8em}.sidebar-nav-scroll-wrapper ul{list-style:none;margin:0;padding:0}.sidebar-nav-scroll-wrapper li a.sidebar-link{align-items:center;border-radius:6px;color:#495057;display:flex;font-size:.95em;font-weight:500;margin-bottom:4px;padding:9px 10px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.sidebar-nav-scroll-wrapper li a.sidebar-link:hover{background-color:#e9ecef;color:#212529}.sidebar-nav-scroll-wrapper li.active a.sidebar-link{background-color:#e9ecef;color:#212529;font-weight:600}.sidebar-nav-scroll-wrapper li.active a.sidebar-link .sidebar-icon{color:#495057}.sidebar-nav-scroll-wrapper .sidebar-icon{color:#868e96;display:inline-block;flex-shrink:0;font-size:1.1em;margin-right:12px;text-align:center;transition:color .2s ease;width:20px}.sidebar-nav-scroll-wrapper li a.sidebar-link:hover .sidebar-icon{color:#495057}.sidebar-nav-scroll-wrapper .folder-list{max-height:1000px;opacity:1;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out,margin-top .3s ease-out}.sidebar-nav-scroll-wrapper .folder-list.closed{margin-top:0;max-height:0;opacity:0}.sidebar-nav-scroll-wrapper .new-folder-button{align-items:center;background:none;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:.9em;font-weight:500;margin:10px 0 0;padding:8px 10px;text-align:left;transition:background-color .2s ease,border-color .2s ease;width:100%}.sidebar-nav-scroll-wrapper .new-folder-button:hover{background-color:#e9ecef;border-color:#ced4da}.sidebar-nav-scroll-wrapper .new-folder-button .icon-placeholder{margin-right:8px}.sidebar-nav-scroll-wrapper .new-folder-button:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.folder-item-container{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:9px 10px;transition:background-color .2s ease,color .2s ease;width:100%}.folder-item-container:hover{background-color:#e9ecef}.sidebar-nav-scroll-wrapper li.active>.folder-item-container{background-color:#e9ecef;color:#212529;font-weight:600}.sidebar-nav-scroll-wrapper li.active>.folder-item-container .expand-icon,.sidebar-nav-scroll-wrapper li.active>.folder-item-container .folder-icon,.sidebar-nav-scroll-wrapper li.active>.folder-item-container .folder-name-text{color:#27b093;color:var(--brand-primary)}.folder-name-container{align-items:center;color:#495057;display:flex;flex-grow:1;gap:8px;overflow:hidden}.folder-item-container:hover .expand-icon,.folder-item-container:hover .folder-icon,.folder-item-container:hover .folder-name-container{color:#1f997d;color:var(--brand-primary-dark)}.folder-name-text{font-size:.95em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-scroll-wrapper li.active>.folder-item-container .folder-name-text{font-weight:600}.folder-icon{color:#27b093;color:var(--brand-primary);flex-shrink:0;font-size:1em;margin-right:0;transition:color .2s ease}.expand-icon,.expand-icon-placeholder{align-items:center;color:#868e96;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;margin-right:4px;transition:color .2s ease,transform .2s ease;width:16px}.expand-icon:hover{color:#495057}.context-menu-trigger{background:none;border:none;border-radius:4px;color:#adb5bd;cursor:pointer;display:none;flex-shrink:0;margin-left:auto;padding:4px}.folder-item-container .context-menu-trigger.active,.folder-item-container .context-menu-trigger:focus,.folder-item-container:hover .context-menu-trigger{align-items:center;display:inline-flex;justify-content:center}.context-menu-trigger:hover{background-color:#f0f0f0;color:#495057}.folder-context-menu{background-color:#fff;background-color:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:170px;padding:5px 0;position:fixed;z-index:1000}.folder-context-menu ul{list-style:none;margin:0;padding:0}.folder-context-menu li{align-items:center;color:#495057;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9em;padding:9px 15px;transition:background-color .15s ease,color .15s ease}.folder-context-menu li:hover{background-color:#e9f7f4;background-color:var(--brand-primary-light)}.folder-context-menu li:hover,.folder-context-menu li:hover .context-menu-icon{color:#1f997d;color:var(--brand-primary-dark)}.folder-context-menu .context-menu-icon{color:#6c757d;color:var(--text-muted);margin-right:10px;text-align:center;width:16px}.folder-context-menu li.delete-option{color:#dc3545;color:var(--error-color)}.folder-context-menu li.delete-option:hover{background-color:#fdf अगले;color:#a94442}.folder-context-menu li.delete-option:hover .context-menu-icon{color:#a94442}.folder-item-level-1>.folder-item-container{padding-left:30px}.folder-item-level-2>.folder-item-container{padding-left:50px}.folder-item-level-3>.folder-item-container{padding-left:70px}.sub-folder-list{list-style:none;margin-top:2px;padding-left:0}.sidebar-loading{align-items:center;color:#6c757d;color:var(--text-muted);display:flex;font-size:.9em;padding:10px 15px}.spinner-icon-small{animation:spin 1s linear infinite;margin-right:8px}.no-folders-message{color:#6c757d;color:var(--text-muted);font-size:.9em;font-style:italic;padding:10px 15px}@media (max-width:768px){.app-sidebar{background-color:#fff;border:none;border-radius:0;box-shadow:0 0 25px #00000026;height:100vh;left:-280px;margin:0;max-height:100vh;padding:60px 0 20px;position:fixed;top:0;width:280px;z-index:999}.app-sidebar.mobile-open{left:0;transform:translateX(0)}.sidebar-close-button{display:block;right:15px;top:15px}.usage-info{background-color:#33756f;border:none;border-radius:8px;color:#fff;margin:0 15px 15px;padding:15px}.usage-info p{color:#ffffffe6}.usage-info .upgrade-button{background-color:#fff;color:#27b093}.usage-info .upgrade-button:hover{background-color:#f8f9fa;color:#219a7f}.usage-info .progress-bar-container{background-color:#ffffff4d}.usage-info .progress-bar{background-color:#7dcfbe}.sidebar-nav{border-radius:0;box-shadow:none;margin:0;padding:0}.sidebar-nav-scroll-wrapper{padding:15px}.sidebar-nav-scroll-wrapper .nav-section{margin-bottom:0;padding:10px 0}.sidebar-nav-scroll-wrapper .nav-section:last-child{border-bottom:none}.sidebar-nav-scroll-wrapper .nav-section-title{margin-bottom:15px;padding:0}.sidebar-nav-scroll-wrapper .nav-section-title-clickable{cursor:pointer;margin-bottom:15px;padding:5px 0}.sidebar-nav-scroll-wrapper .dropdown-toggle-icon{color:#868e96;display:inline-block}.sidebar-nav-scroll-wrapper .folder-list.closed{margin-top:-10px;max-height:0;opacity:0;overflow:hidden;padding-bottom:0}.sidebar-nav-scroll-wrapper .folder-list.open{margin-top:0;max-height:500px;opacity:1}.sidebar-nav-scroll-wrapper .folder-item-container,.sidebar-nav-scroll-wrapper li a.sidebar-link{padding:10px}.sidebar-nav-scroll-wrapper .new-folder-button{margin:15px 0 0;width:100%}}:root{--success-color:#28a745}.modal-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;max-width:360px}.modal-header{padding:12px 15px}.modal-icon{color:#495057;color:var(--text-secondary);font-size:1.2rem;margin-right:8px}.modal-close-button:focus,.modal-close-button:hover{text-decoration:none}.modal-body{font-weight:400;padding:15px}.modal-body strong{color:#343a40;color:var(--text-primary);font-weight:600}.modal-footer{flex-direction:column;padding:12px 15px}.delete-button{background-color:#dc3545;background-color:var(--error-color);border:1px solid #dc3545;border:1px solid var(--error-color);border-radius:5px;color:#fff;color:var(--background-white);cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 15px;text-align:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.delete-button:focus,.delete-button:hover{background-color:#c82333;border-color:#bd2130}.delete-button:focus{box-shadow:0 0 0 .2rem #27b09340;box-shadow:0 0 0 .2rem var(--focus-ring-color);outline:none}.cancel-button{background-color:#6c757d;background-color:var(--text-muted);border:1px solid #6c757d;border:1px solid var(--text-muted);border-radius:5px;color:#fff;color:var(--background-white);cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 15px;text-align:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.cancel-button:focus,.cancel-button:hover{background-color:#5a6268;border-color:#545b62}.cancel-button:focus{box-shadow:0 0 0 .2rem #27b09340;box-shadow:0 0 0 .2rem var(--focus-ring-color);outline:none}@media (min-width:600px){.modal-content{max-width:420px}.modal-header{padding:16px 20px}.modal-header h2{font-size:1.25rem}.modal-icon{font-size:1.4rem}.modal-body{font-size:1rem;padding:20px}.modal-footer{align-items:stretch;flex-direction:column;padding:16px 20px}.delete-button{font-size:1rem;margin-bottom:10px;width:100%}.delete-button:last-child{margin-bottom:0}}.dashboard-layout{background-color:#e2e2e2;flex-direction:column;min-height:100vh}.dashboard-body,.dashboard-layout{display:flex;overflow:hidden;position:relative}.dashboard-body{flex-grow:1;gap:15px}.dashboard-main-content{background-color:initial;display:flex;flex-direction:column;flex-grow:1;margin:15px 15px 15px 0;overflow:hidden;transition:margin-left .3s ease}.mobile-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:998}.dashboard-layout.mobile-sidebar-active .mobile-overlay{opacity:1;visibility:visible}@media (max-width:768px){.dashboard-body{gap:0}.dashboard-main-content{margin-left:0!important;margin:15px}}:root{--fti-brand-primary:#27b093;--fti-brand-primary-hover:#1f997d;--fti-brand-primary-light:#e9f7f4;--fti-text-primary:#343a40;--fti-text-secondary:#495057;--fti-text-muted:#6c757d;--fti-border-color:#dee2e6;--fti-background-light:#f8f9fa;--fti-background-white:#fff;--fti-selected-bg:var(--fti-brand-primary-light);--fti-selected-text:var(--fti-brand-primary);--fti-hover-bg:#f1f3f5;--fti-dark-text-primary:#e9ecef;--fti-dark-text-secondary:#adb5bd;--fti-dark-border-color:#495057;--fti-dark-background-light:#343a40;--fti-dark-hover-bg:#3e444a;--fti-dark-selected-bg:#27b0934d;--fti-dark-selected-text:#a7e4d8}.folder-tree-item-name{border-radius:6px;color:var(--fti-text-primary);margin-bottom:2px;padding:8px 10px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.folder-tree-item-name:hover{background-color:var(--fti-hover-bg)}.folder-tree-item-name.selected{background-color:var(--fti-selected-bg);color:var(--fti-selected-text);font-weight:500}.folder-tree-item-name.disabled{background-color:initial;color:var(--fti-text-muted)}.folder-tree-item-name.disabled:hover{background-color:initial}.folder-tree-item-icon{color:var(--fti-brand-primary)}.folder-tree-item-name.selected .folder-tree-item-icon{color:var(--fti-selected-text)}.folder-tree-item-name.disabled .folder-tree-item-icon{color:var(--fti-text-muted)}@media (prefers-color-scheme:dark){.folder-tree-item-name{color:#e9ecef;color:var(--fti-dark-text-primary)}.folder-tree-item-name:hover{background-color:#3e444a;background-color:var(--fti-dark-hover-bg)}.folder-tree-item-name.selected{background-color:#27b0934d;background-color:var(--fti-dark-selected-bg);color:#a7e4d8;color:var(--fti-dark-selected-text)}.folder-tree-item-name.disabled,.folder-tree-item-name.disabled .folder-tree-item-icon{color:#adb5bd;color:var(--fti-dark-text-secondary)}.folder-tree-item-icon{color:#27b093;color:var(--fti-brand-primary)}.folder-tree-item-name.selected .folder-tree-item-icon{color:#a7e4d8;color:var(--fti-dark-selected-text)}}:root{--hover-bg:#f1f3f5;--selected-bg:var(--brand-primary-light);--selected-text-color:var(--brand-primary);--focus-ring-color:#27b09340}.modal-overlay{align-items:center;background-color:#0009;bottom:0;box-sizing:border-box;display:flex;font-family:Poppins,sans-serif;font-family:var(--font-family-poppins);justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1000}.move-modal-overlay{z-index:1150}.modal-content{background:#fff;background:var(--background-white);border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-height:calc(90vh - 30px);max-width:420px;overflow:hidden;position:relative;width:100%}.move-modal-content{padding:0}.modal-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px 20px}.modal-header .modal-icon{color:#27b093;color:var(--brand-primary);font-size:1.2rem;margin-right:8px}.modal-header h2{color:#343a40;font-size:1.1rem}.modal-close-button{border-radius:50%;color:#6c757d;color:var(--text-muted);font-weight:300;padding:5px;transition:color .2s ease,background-color .2s ease}.modal-close-button:focus,.modal-close-button:hover{background-color:#f1f3f5;background-color:var(--hover-bg);color:#343a40;color:var(--text-primary)}.modal-close-button:focus{box-shadow:0 0 0 .2rem #27b09340;box-shadow:0 0 0 .2rem var(--focus-ring-color);outline:none}.modal-body{color:#495057;color:var(--text-secondary);display:flex;flex-direction:column;flex-grow:1;font-size:.9rem;line-height:1.6;overflow:hidden;padding:20px}.move-modal-search-container{margin-bottom:15px}.move-modal-search-input{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:5px;box-sizing:border-box;color:#343a40;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-family-poppins);font-size:.9rem;padding:10px 15px;width:100%}.move-modal-search-input:focus{border-color:#27b093;border-color:var(--brand-primary);box-shadow:0 0 0 .2rem #27b09340;box-shadow:0 0 0 .2rem var(--focus-ring-color);outline:none}.folder-tree-scroll-container{background-color:#fff;background-color:var(--background-white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;flex-grow:1;max-height:250px;overflow-y:auto;padding:8px;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.folder-tree-scroll-container::-webkit-scrollbar{width:8px}.folder-tree-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;background:var(--scrollbar-track-color);border-radius:8px}.folder-tree-scroll-container::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-thumb-color);border:1px solid #f1f1f1;border:1px solid var(--scrollbar-track-color);border-radius:8px}.folder-tree-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1}.folder-tree-item-container{padding-left:0;padding-left:var(--depth-padding,0)}.folder-tree-item-name{align-items:center;border-radius:5px;color:#343a40;color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-family:var(--font-family-poppins);font-size:.9rem;gap:8px;margin-bottom:1px;padding:10px 12px;transition:background-color .2s ease,color .2s ease}.folder-tree-item-name:hover{background-color:#f1f3f5;background-color:var(--hover-bg)}.folder-tree-item-name.selected{background-color:#e9f7f4;background-color:var(--selected-bg);color:#27b093;color:var(--selected-text-color);font-weight:600}.folder-tree-item-name.disabled{background-color:initial!important;color:#6c757d;color:var(--text-muted);cursor:not-allowed;opacity:.6}.folder-tree-item-icon{color:#27b093;color:var(--brand-primary);flex-shrink:0;font-size:1.1em;margin-right:4px}.folder-tree-item-name.selected .folder-tree-item-icon{color:#27b093;color:var(--selected-text-color)}.folder-tree-item-name.disabled .folder-tree-item-icon{color:#6c757d;color:var(--text-muted)}.folder-tree-item-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-folders-message-tree{align-items:center;color:#6c757d;color:var(--text-muted);display:flex;flex-direction:column;font-size:.9em;font-style:italic;justify-content:center;padding:20px 10px;text-align:center}.no-folders-icon-tree{color:#dee2e6;color:var(--border-color);font-size:1.8em;margin-bottom:8px}.modal-footer{background-color:#f8f9fa;background-color:var(--background-light);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:16px 20px}.move-modal-confirm-button{border:1px solid #27b093;border:1px solid var(--brand-primary);color:var(--background-white);font-family:Poppins,sans-serif;font-family:var(--font-family-poppins);font-size:.95rem;font-weight:500;padding:10px 15px;text-align:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.move-modal-confirm-button:focus,.move-modal-confirm-button:hover{background-color:#1f997d;background-color:var(--brand-primary-hover);border-color:#1f997d;border-color:var(--brand-primary-hover)}.move-modal-confirm-button:focus{box-shadow:0 0 0 .2rem #27b09340;box-shadow:0 0 0 .2rem var(--focus-ring-color);outline:none}.move-modal-confirm-button:disabled{background-color:#adb5bd;border-color:#adb5bd;color:#f8f9fa;opacity:.7}@media (min-width:600px){.modal-header h2{font-size:1.25rem}}@media (max-width:480px){.modal-content{margin:15px;max-height:calc(100vh - 30px);max-width:calc(100% - 30px)}.modal-header h2{font-size:1.05rem}.modal-body{padding:15px}.folder-tree-item-name{font-size:.85em;padding:8px 10px}.folder-tree-item-icon{font-size:1em}.modal-footer{padding:12px 15px}}.dark .modal-content{background-color:#2d3748;background-color:var(--dark-background-modal);border:1px solid #495057;border:1px solid var(--dark-border-color)}.dark .modal-footer,.dark .modal-header{border-color:#495057;border-color:var(--dark-border-color)}.dark .modal-close-button,.dark .modal-header h2{color:#e9ecef;color:var(--dark-text-primary)}.dark .modal-header .modal-icon{color:#27b093;color:var(--brand-primary)}.dark .move-modal-search-input{background-color:#3e444a;background-color:var(--dark-hover-bg);border-color:#495057;border-color:var(--dark-border-color);color:#e9ecef;color:var(--dark-text-primary)}.dark .folder-tree-scroll-container{background-color:#2d3748;background-color:var(--dark-background-modal);border-color:#495057;border-color:var(--dark-border-color)}.dark .folder-tree-item-name{color:#e9ecef;color:var(--dark-text-primary)}.dark .folder-tree-item-name:hover{background-color:#3e444a;background-color:var(--dark-hover-bg)}.dark .folder-tree-item-name.selected{background-color:#27b0934d;background-color:var(--dark-selected-bg);color:#a7e4d8;color:var(--dark-selected-text-color)}.dark .folder-tree-item-name.disabled{color:#adb5bd;color:var(--dark-text-secondary)}.dark .folder-tree-item-icon{color:#27b093;color:var(--brand-primary)}.dark .folder-tree-item-name.selected .folder-tree-item-icon{color:#a7e4d8;color:var(--dark-selected-text-color)}.dark .folder-tree-item-name.disabled .folder-tree-item-icon{color:#adb5bd;color:var(--dark-text-secondary)}.dark .move-modal-confirm-button{background-color:#27b093;background-color:var(--brand-primary);border-color:#27b093;border-color:var(--brand-primary);color:#fff}.dark .move-modal-confirm-button:hover{background-color:#1f997d;background-color:var(--brand-primary-hover);border-color:#1f997d;border-color:var(--brand-primary-hover)}.dark .move-modal-confirm-button:disabled{background-color:#adb5bd;background-color:var(--dark-text-secondary);border-color:#adb5bd;border-color:var(--dark-text-secondary);color:#2d3748;color:var(--dark-background-modal);opacity:.6}.file-list-container{height:100%;overflow-y:auto}.file-card-checkbox,.file-table-desktop input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #adb5bd;border-radius:4px;color:currentColor;cursor:pointer;display:inline-grid;font:inherit;height:1.15em;margin:0;place-content:center;transform:translateY(-.075em);transition:border-color .1s ease-in-out,background-color .1s ease-in-out;width:1.15em}.file-card-checkbox:before,.file-table-desktop input[type=checkbox]:before{box-shadow:inset 1em 1em #27b093;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:.65em;transform:scale(0);transition:transform .12s ease-in-out;width:.65em}.file-card-checkbox:checked,.file-table-desktop input[type=checkbox]:checked{background-color:#27b093;border-color:#27b093}.file-card-checkbox:checked:before,.file-table-desktop input[type=checkbox]:checked:before{transform:scale(1)}.file-card-checkbox:focus,.file-table-desktop input[type=checkbox]:focus{outline:2px solid #7dcfbe;outline-offset:1px}.file-card-checkbox:disabled,.file-table-desktop input[type=checkbox]:disabled{background-color:#eee;border-color:#ccc;cursor:not-allowed}.file-card-checkbox:disabled:before,.file-table-desktop input[type=checkbox]:disabled:before{box-shadow:inset 1em 1em #aaa}.icon-spin{display:inline-flex;margin-right:4px}.status-icon.status-processing{color:#27b093;display:flex;height:100%;justify-content:center;text-align:center}.status-icon.status-unknown{color:#adb5bd}.status-progress-text{font-size:.9em;margin-left:2px}.file-table-desktop{border-collapse:collapse;font-size:.9em;min-width:650px;width:100%}.file-table-desktop td,.file-table-desktop th{border-bottom:1px solid #f0f0f0;padding:14px 15px;text-align:left;vertical-align:middle;white-space:nowrap}.file-table-desktop tr:last-child td{border-bottom:none}.file-table-desktop th{background-color:initial;border-bottom:1px solid #e0e0e0;color:#6c757d;font-size:.85em;font-weight:500;text-transform:uppercase}.file-table-desktop .col-checkbox{padding-left:0;padding-right:0;text-align:center;width:40px}.file-table-desktop .col-actions{text-align:center;width:50px}.file-table-desktop .col-mode,.file-table-desktop .col-status{text-align:center}.file-table-desktop .file-item-row:hover{background-color:#f8f9fa}.file-table-desktop .file-name-cell{align-items:center;color:#333;display:flex;font-weight:500}.file-table-desktop .file-icon-placeholder{color:#888;font-size:1.1em;margin-right:10px}.file-table-desktop .mode-cell{font-size:1.3em}.file-table-desktop .status-cell{text-align:center}.file-table-desktop .status-icon{font-size:1.1em}.file-table-desktop .status-done{color:#27b093}.file-table-desktop .actions-cell .action-button{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:1.1em;line-height:1;padding:5px;transition:background-color .2s ease,color .2s ease}.file-table-desktop .actions-cell .action-button:hover{background-color:#e9ecef;color:#333}.file-list-mobile{box-sizing:border-box;display:none;padding:15px}.file-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:15px;padding:15px;transition:box-shadow .2s ease,background-color .2s ease}.file-card:hover{box-shadow:0 3px 8px #00000017}.file-card-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.file-card-row:last-child{margin-bottom:0}.file-card-row-main .file-card-name-section{align-items:center;color:#212529;display:flex;flex-grow:1;font-weight:600;gap:10px;min-width:0}.file-card-row-main .file-card-name-section.has-checkbox{gap:15px}.file-card-row-main .file-card-name{font-size:1.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-row-main .file-icon-placeholder{color:#6c757d;font-size:1.2em}.file-card-row-main .file-card-actions{flex-shrink:0}.file-card-row-main .action-button{align-items:center;background:none;border:none;border-radius:50%;color:#adb5bd;cursor:pointer;display:flex;font-size:1.3em;height:32px;justify-content:center;line-height:1;padding:5px;transition:background-color .2s ease,color .2s ease;width:32px}.file-card-row-main .action-button:hover{background-color:#e9ecef;color:#495057}.file-card-row-secondary{border-top:1px solid #f1f3f5;color:#6c757d;flex-wrap:wrap;font-size:.9em;gap:30px;justify-content:flex-start;padding-top:10px}.file-card-mode,.file-card-status{align-items:center;display:flex;gap:8px}.file-card-label{color:#868e96;font-size:.9em;font-weight:400}.file-card .mode-cell{color:#495057;font-size:1.3em}.file-card .status-cell{display:inline-block}.file-card .status-icon{font-size:1.1em}.file-card .status-done{color:#27b093}.file-card-row-details{color:#adb5bd;flex-wrap:wrap;font-size:.8em;gap:25px;justify-content:flex-start;padding-top:6px}.file-card-detail-small{display:flex;gap:5px}.action-menu{animation:fadeInMenuPortal .15s ease-out forwards;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:calc(100vh - 40px);min-width:200px;opacity:0;overflow-y:auto;padding:8px 0;position:fixed;transform:translateY(-5px);visibility:hidden;z-index:1050}@keyframes fadeInMenuPortal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0);visibility:visible}}.action-menu.opens-up{animation-name:fadeInMenuUpPortal;transform:translateY(5px)}@keyframes fadeInMenuUpPortal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0);visibility:visible}}.action-menu ul{list-style:none;margin:0;padding:0}.action-menu li{align-items:center;color:#343a40;cursor:pointer;display:flex;font-size:.95em;gap:12px;padding:10px 18px;transition:background-color .2s ease;white-space:nowrap}.action-menu li:hover{background-color:#f8f9fa}.action-menu-icon{color:#6c757d;flex-shrink:0;text-align:center;width:16px}.action-menu-delete,.action-menu-delete .action-menu-icon{color:#dc3545}.action-menu-delete:hover{background-color:#f8d7da;color:#721c24}.action-menu-delete:hover .action-menu-icon{color:#721c24}.file-table-desktop .file-item-row.selected{background-color:#e7f5ff}.file-table-desktop .file-item-row.selected:hover{background-color:#d0ebff}.file-card.selected{background-color:#f8fcff;border-color:#7dcfbe;box-shadow:0 0 0 2px #27b09333}.file-card-checkbox{flex-shrink:0;margin-top:.075em}.no-files-message{color:#868e96;font-size:.95em;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.file-table-desktop{display:none}.file-list-mobile{display:block}}:root{--dark-background-modal:#2d3748;--dark-text-primary:#e9ecef;--dark-text-secondary:#adb5bd;--dark-border-color:#495057;--dark-hover-bg:#3e444a;--dark-selected-bg:#27b0934d;--dark-selected-text-color:#a7e4d8}.export-modal-overlay,.move-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#12182699;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1150}.export-modal-content,.move-modal-content{animation:modal-fade-in .3s cubic-bezier(.25,.46,.45,.94);background:#fff;background:var(--surface-background);border-radius:8px;box-shadow:0 8px 30px #0000001f;font-family:Poppins,sans-serif;max-width:420px;padding:20px 25px;width:90%}.modal-header{margin-bottom:15px}.modal-icon{color:#27b093;color:var(--brand-primary);font-size:1.4em}.move-description{color:#4b5563;color:var(--text-secondary);font-size:1em;margin-bottom:20px;text-align:center}.folder-selection-list{border:1px solid #e5e7eb;border:1px solid var(--surface-border);border-radius:6px;list-style:none;margin:0;max-height:280px;overflow-y:auto;padding:0}.folder-selection-list li{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--surface-border);border-radius:3px;color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:1em;margin:0;padding:12px 15px;transition:background-color .2s ease,color .2s ease}.folder-selection-list li:last-child{border-bottom:none}.folder-selection-list li:hover{background-color:#f9fafb;background-color:var(--surface-hover)}.folder-selection-list li.selected{background-color:#e9f7f4;background-color:var(--brand-primary-light);font-weight:600}.folder-selection-list li.selected,.folder-selection-list li.selected .folder-list-icon{color:#1f997d;color:var(--brand-primary-hover)}.folder-list-icon{color:#9ca3af;color:var(--text-subtle);font-size:1.4em;margin-right:15px;text-align:center;transition:color .2s ease;width:24px}.modal-footer{margin-top:15px;padding-top:15px}.move-modal-confirm-button{background-color:#27b093;background-color:var(--brand-primary);border:none;border-radius:5px;color:#fff;color:var(--brand-primary-text);cursor:pointer;font-size:1em;font-weight:600;padding:12px 20px;transition:background-color .2s,box-shadow .2s;width:100%}.move-modal-confirm-button:hover:not(:disabled){background-color:#1f997d;background-color:var(--brand-primary-hover);box-shadow:0 4px 12px #27b09333;box-shadow:0 4px 12px var(--shadow-color)}.move-modal-confirm-button:disabled{background-color:#e5e7eb;background-color:var(--disabled-background);box-shadow:none;color:#9ca3af;color:var(--disabled-text);cursor:not-allowed}@media (max-width:480px){.export-modal-content,.move-modal-content{padding:15px}.modal-header h2{font-size:1.15em}.move-description{font-size:.95em}.folder-selection-list li{padding:10px 12px}}:root{--text-subtle:#9ca3af;--surface-border:#e5e7eb;--surface-hover:#f9fafb;--disabled-background:#e5e7eb;--disabled-text:#9ca3af;--shadow-color:#27b09333;--font-family-poppins:"Poppins",sans-serif}.rename-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#12182699;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.rename-modal-content{animation:modal-fade-in .3s cubic-bezier(.25,.46,.45,.94);background:#fff;background:var(--surface-background);border-radius:8px;box-shadow:0 8px 30px #0000001f;font-family:Poppins,sans-serif;max-width:420px;padding:20px 25px;width:90%}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--surface-border);display:flex;margin-bottom:20px;padding-bottom:15px}.modal-header h2{flex-grow:1;font-weight:600;margin:0}.modal-header h2,.modal-icon{color:#1f2937;color:var(--text-primary);font-size:1.3em}.modal-icon{margin-right:12px}.modal-close-button{background:none;border:none;color:#9ca3af;color:var(--text-subtle);cursor:pointer;font-size:1.6rem;line-height:1;padding:0;transition:color .2s ease}.modal-close-button:hover{color:#1f2937;color:var(--text-primary)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--surface-border);margin-top:20px;padding-top:20px}.input-group{display:flex;flex-direction:column}.input-label{color:#4b5563;color:var(--text-secondary);font-size:.9em;font-weight:500;margin-bottom:8px}.rename-input{background-color:#fff;background-color:var(--surface-background);border:1px solid #e5e7eb;border:1px solid var(--surface-border);border-radius:6px;color:#1f2937;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1em;padding:12px 15px;transition:border-color .2s,box-shadow .2s;width:100%}.rename-input:focus{border-color:#27b093;border-color:var(--brand-primary);box-shadow:0 0 0 3px #27b09333;box-shadow:0 0 0 3px var(--shadow-color);outline:none}.rename-modal-confirm-button{background-color:#27b093;background-color:var(--brand-primary);border:none;border-radius:5px;color:#fff;color:var(--brand-primary-text);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-family-poppins);font-size:1em;font-weight:600;letter-spacing:.5px;padding:12px 20px;transition:background-color .2s,box-shadow .2s;width:100%}.rename-modal-confirm-button:hover:not(:disabled){background-color:#1f997d;background-color:var(--brand-primary-hover);box-shadow:0 4px 12px #27b09333;box-shadow:0 4px 12px var(--shadow-color)}.rename-modal-confirm-button:disabled{background-color:#e5e7eb;background-color:var(--disabled-background);box-shadow:none;color:#9ca3af;color:var(--disabled-text);cursor:not-allowed}.bulk-action-bar{align-items:center;animation:fadeInBar .3s ease-out forwards;background-color:#f8f9fa;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #e0e0e0;box-sizing:border-box;display:flex;justify-content:space-between;margin:20px -25px -20px;padding:15px 25px;width:calc(100% + 50px)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.bulk-action-info{align-items:center;display:flex;gap:15px}.bulk-action-icon{color:#555;font-size:1.8em}.bulk-action-text{color:#333;font-size:.95em}.selected-count{font-weight:700}.bulk-action-subtext{color:#777;font-size:.85em;margin:2px 0 0}.clear-selection-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9em;margin-left:10px;padding:0}.clear-selection-button:hover{text-decoration:underline}.bulk-action-buttons{display:flex;gap:10px}.action-button-bulk{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:6px;padding:8px 15px;transition:background-color .2s ease,border-color .2s ease}.action-button-bulk:hover{background-color:#f0f0f0;border-color:#bbb}.action-button-bulk .button-icon{color:#555;font-size:1.1em}.action-button-bulk.delete:hover{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.action-button-bulk.delete:hover .button-icon{color:#721c24}@media (max-width:768px){.bulk-action-bar{padding:10px 15px}.bulk-action-info{gap:10px}.bulk-action-icon{font-size:1.5em}.bulk-action-text{font-size:.9em}.action-button-bulk{font-size:.85em;padding:6px 10px}}:root{--text-primary:#343a40;--focus-ring-color:var(--brand-primary-focus-shadow);--scrollbar-track-color:#f1f1f1;--success-color:#27b093}.fup-modal-overlay{align-items:center;background-color:#000000a6;bottom:0;box-sizing:border-box;display:flex;font-family:Poppins,sans-serif;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1000}.fup-modal-content{background:#fff;background:var(--background-white);border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:580px;overflow-y:auto;padding:20px 25px 25px;position:relative;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin;width:100%}.fup-modal-content::-webkit-scrollbar{width:8px}.fup-modal-content::-webkit-scrollbar-track{background:#f1f1f1;background:var(--scrollbar-track-color);border-radius:10px}.fup-modal-content::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-thumb-color);border:2px solid #f1f1f1;border:2px solid var(--scrollbar-track-color);border-radius:10px}.fup-modal-content::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1}.fup-modal-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;padding-bottom:15px;position:relative}.fup-modal-header .fup-icon{color:#27b093;color:var(--brand-primary);font-size:1.6em;margin-right:12px}.fup-modal-header h2{color:#343a40;color:var(--text-primary);font-size:1.3em;font-weight:600;margin:0}.fup-modal-close-btn-top{background:none;border:none;border-radius:50%;color:#6c757d;color:var(--text-muted);cursor:pointer;font-size:2.2em;line-height:1;padding:5px;position:absolute;right:-10px;top:-10px;transition:color .2s ease,background-color .2s ease}.fup-modal-close-btn-top:hover{background-color:#f1f3f5;color:#343a40;color:var(--text-primary)}.fup-section{width:100%}.fup-section-header{align-items:center;display:flex;margin-bottom:10px}.fup-section-header label{color:#495057;color:var(--text-secondary);font-size:.9em;font-weight:500;margin-right:8px}.fup-section-header .fup-icon{color:#6c757d;color:var(--text-muted);font-size:1em}.fup-drop-area{background-color:#f8f9fa;background-color:var(--background-light);border:2px dashed #27b093;border:2px dashed var(--brand-primary);border-radius:10px;cursor:pointer;padding:35px 25px;text-align:center;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.fup-drop-area.dragging-over{background-color:#e9f7f4;background-color:var(--brand-primary-light);border-color:#1f997d;border-color:var(--brand-primary-hover)}.fup-drop-area-content{align-items:center;display:flex;flex-direction:column;gap:10px}.fup-drop-area-main-text{color:#343a40;color:var(--text-primary);font-size:1.2em;font-weight:600;margin:0 0 5px}.fup-drop-area-supported-files{color:#6c757d;color:var(--text-muted);font-size:.7em;line-height:1.5;margin:0}.fup-drop-area-or{color:#adb5bd;font-size:.85em;font-weight:500;margin:12px 0}.fup-browse-files-btn{background-color:#fff;background-color:var(--background-white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;color:#495057;color:var(--text-secondary);cursor:pointer;display:inline-block;font-size:.85em;font-weight:500;padding:10px 25px;transition:background-color .2s,border-color .2s}.fup-browse-files-btn:hover{background-color:#f1f3f5;border-color:#adb5bd}.fup-selected-files-container{margin-top:10px}.fup-selected-files-title{color:#495057;color:var(--text-secondary);font-size:.9em;font-weight:500;margin-bottom:10px;margin-top:0}.fup-selected-files-list{background-color:#fff;background-color:var(--background-white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;max-height:180px;overflow-y:auto;padding:0;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.fup-selected-files-list::-webkit-scrollbar{width:6px}.fup-selected-files-list::-webkit-scrollbar-track{background:#f1f1f1;background:var(--scrollbar-track-color);border-radius:8px}.fup-selected-files-list::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-thumb-color);border:1px solid #f1f1f1;border:1px solid var(--scrollbar-track-color);border-radius:8px}.fup-selected-files-list::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1}.fup-selected-file-item{align-items:center;border-bottom:1px solid #f1f3f5;display:flex;gap:10px;padding:10px 12px}.fup-selected-files-list li:last-child{border-bottom:none}.fup-file-icon-placeholder{color:#6c757d;color:var(--text-muted);flex-shrink:0;font-size:1.5em}.fup-file-details{display:flex;flex-direction:column;flex-grow:1;min-width:0}.fup-file-name{color:#343a40;color:var(--text-primary);font-size:.85em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fup-file-size{color:#6c757d;color:var(--text-muted);font-size:.75em}.fup-file-error-message{color:#dc3545;color:var(--error-color);display:block;font-size:.7em;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fup-file-status-or-action{align-items:center;display:flex;flex-shrink:0;gap:5px;justify-content:flex-end;margin-left:auto;margin-right:10px;min-width:80px;text-align:right;width:auto}.fup-status-icon-error,.fup-status-icon-pending,.fup-status-icon-tick,.fup-status-icon-uploading{font-size:1.1em;line-height:1}.fup-status-icon-tick{color:#27b093;color:var(--success-color)}.fup-status-icon-error{color:#dc3545;color:var(--error-color)}.fup-status-icon-pending,.fup-status-icon-uploading{color:#6c757d;color:var(--text-muted)}.fup-progress-display{align-items:center;color:#495057;color:var(--text-secondary);display:flex;font-size:.8em;gap:5px}.fup-remove-file-btn{background:none;border:none;color:#6c757d;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:1.4em;line-height:1;padding:2px 5px;transition:color .2s}.fup-remove-file-btn:hover{color:#dc3545;color:var(--error-color)}.fup-section-label{color:#495057;color:var(--text-secondary);display:block;font-size:.9em;font-weight:500;margin-bottom:10px}.fup-select-wrapper{align-items:center;background-color:#fff;background-color:var(--background-white);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;display:flex;padding:0 12px;position:relative;transition:border-color .2s,box-shadow .2s}.fup-select-wrapper:hover{border-color:#adb5bd}.fup-select-wrapper .fup-icon.fup-flag-icon{font-size:1.3em;margin-right:10px}.fup-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:initial;border:none;border-radius:0;color:#343a40;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9em;padding:12px 8px;width:100%}.fup-select-wrapper:after{color:#6c757d;color:var(--text-muted);content:"▼";font-size:.7em;pointer-events:none;position:absolute;right:15px;transition:transform .2s ease-in-out}.fup-select-wrapper:focus-within{border-color:#27b093;border-color:var(--brand-primary);box-shadow:0 0 0 .2rem #27b09340;box-shadow:0 0 0 .2rem var(--brand-primary-focus-shadow)}.fup-select-wrapper:focus-within:after{transform:rotate(180deg)}.fup-select:focus{outline:none}.fup-mode-card-group{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000a;display:flex;overflow:hidden;width:100%}.fup-mode-card-item{align-items:center;background-color:#fff;background-color:var(--background-white);border-right:1px solid #dee2e6;border-right:1px solid var(--border-color);cursor:pointer;display:flex;flex-basis:0;flex-direction:column;flex-grow:1;gap:6px;justify-content:center;min-height:90px;padding:12px 10px;text-align:center;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.fup-mode-card-item:last-child{border-right:none}.fup-mode-card-item:hover{background-color:#f8f9fa;background-color:var(--background-light)}.fup-mode-card-item.selected{background-color:#27b093;background-color:var(--brand-primary);border-color:#1f997d;border-color:var(--brand-primary-hover);box-shadow:inset 0 0 0 2px #1f997d;box-shadow:inset 0 0 0 2px var(--brand-primary-hover);color:#fff}.fup-mode-card-icon-container{margin-bottom:4px}.fup-mode-card-item .mode-card-icon{color:#27b093;color:var(--brand-primary);font-size:1.8em;line-height:1;transition:color .2s ease}.fup-mode-card-item.selected .mode-card-icon{color:#fff}.fup-mode-card-text-container{align-items:center;display:flex;flex-direction:column}.fup-mode-card-title{color:#343a40;color:var(--text-primary);display:block;font-size:.9em;font-weight:600;transition:color .2s ease}.fup-mode-card-item.selected .fup-mode-card-title{color:#fff}.fup-mode-card-subtitle{color:#6c757d;color:var(--text-muted);display:block;font-size:.75em;line-height:1.3;transition:color .2s ease}.fup-mode-card-item.selected .fup-mode-card-subtitle{color:#ffffffd9}.fup-radio-input-hidden{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.fup-mode-card-item:focus-visible{outline:2px solid #27b093;outline:2px solid var(--brand-primary);outline-offset:2px;z-index:1}.fup-error-text,.fup-loading-text{color:#6c757d;color:var(--text-muted);font-size:.9em;padding:10px;text-align:center}.fup-error-text{color:#dc3545;color:var(--error-color)}.fup-diarization-section{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);margin-top:15px;padding-top:20px}.fup-diarization-header{align-items:center;color:#343a40;color:var(--text-primary);cursor:pointer;display:flex;font-size:1em;font-weight:500;margin-bottom:15px;padding:5px 0}.fup-diarization-header .fup-icon{color:#27b093;color:var(--brand-primary);font-size:1.2em;margin-right:10px}.fup-diarization-header .fup-icon-chevron{color:#6c757d;color:var(--text-muted);font-size:.7em;margin-left:auto;transition:transform .2s ease-in-out}.fup-diarization-header.open .fup-icon-chevron{transform:rotate(180deg)}.fup-add-more-files-btn{color:#27b093;color:var(--brand-primary);cursor:pointer;display:inline;font-weight:400;padding:2px 4px;text-decoration:none;transition:color .2s ease}.fup-add-more-files-btn:hover{color:#1f997d;color:var(--brand-primary-hover);text-decoration:underline}.fup-diarization-content{border-left:3px solid #e9f7f4;border-left:3px solid var(--brand-primary-light);display:flex;flex-direction:column;gap:15px;margin-left:10px;padding-left:15px}.fup-checkbox-wrapper{align-items:center;display:flex;gap:10px}.fup-checkbox-wrapper input[type=checkbox]{accent-color:#27b093;accent-color:var(--brand-primary);cursor:pointer;height:18px;margin-top:-2px;width:18px}.fup-checkbox-wrapper .fup-icon{color:#27b093;color:var(--brand-primary);font-size:1.1em}.fup-checkbox-wrapper label{color:#343a40;color:var(--text-primary);cursor:pointer;font-size:.9em;font-weight:500}.fup-checkbox-description{color:#6c757d;color:var(--text-muted);font-size:.8em;line-height:1.4;margin-left:calc(33px + 1.1em);margin-top:-10px;padding-bottom:5px}.fup-speakers-number-section{margin-top:5px}.fup-modal-actions-main{display:flex;justify-content:center;margin-top:30px;width:100%}.fup-submit-btn{background-color:#27b093;background-color:var(--brand-primary);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.95em;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:background-color .2s ease-in-out;width:100%}.fup-submit-btn:hover{background-color:#1f997d;background-color:var(--brand-primary-hover)}.fup-submit-btn:disabled{background-color:#adb5bd;color:#f8f9fa;cursor:not-allowed}@media (max-width:768px){.fup-modal-content{gap:18px;margin:10px;padding:20px}.fup-modal-header h2{font-size:1.25em}.fup-drop-area{padding:25px 15px}.fup-drop-area-main-text{font-size:1.15em}.fup-diarization-header span{font-size:.9em}.fup-checkbox-wrapper label{font-size:.85em}.fup-checkbox-description{font-size:.75em;margin-left:calc(33px + 1.1em)}.fup-speakers-select-wrapper.fup-select-wrapper{max-width:none}.fup-submit-btn{font-size:.9em;padding:14px}}@media (max-width:500px){.fup-mode-card-item{min-height:75px;padding:10px 8px}.fup-mode-card-item .mode-card-icon{font-size:1.5em}.fup-mode-card-title{font-size:.85em}.fup-mode-card-subtitle{font-size:.7em}}@media (max-width:480px){.fup-modal-header .fup-icon{display:none}.fup-modal-header h2{font-size:1.1em}.fup-drop-area-supported-files{font-size:.65em}.fup-browse-files-btn{font-size:.8em;padding:8px 15px}.fup-selected-files-list li{font-size:.75em}.fup-diarization-header{flex-wrap:wrap}.fup-diarization-header span{flex-basis:calc(100% - 35px);font-size:.9em}.fup-diarization-header .fup-icon-chevron{flex-basis:30px;margin-left:0;margin-top:0;text-align:right}.fup-diarization-content{margin-left:5px;padding-left:10px}.fup-checkbox-description{margin-left:28px}}:root{--brand-primary-hover:#1f997d;--brand-primary-text:#fff;--text-primary:#1f2937;--text-secondary:#4b5563;--border-color:#dee2e6;--surface-background:#fff;--brand-primary-focus-shadow:#27b09340}.rec-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#12182699;bottom:0;display:flex;font-family:Poppins,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.rec-modal-content{background:#fff;background:var(--surface-background);border-radius:12px;box-shadow:0 8px 30px #00000026;max-width:550px;padding:20px 25px;width:90%}.rec-modal-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:flex;margin-bottom:20px;padding-bottom:15px}.rec-modal-icon{color:#27b093;color:var(--brand-primary);font-size:1.4em;margin-right:12px}.rec-modal-header h2{color:#1f2937;color:var(--text-primary);flex-grow:1;font-size:1.3em;font-weight:600;margin:0}.rec-modal-close-btn{background:none;border:none;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:1.6rem}.rec-modal-body{display:flex;flex-direction:column;gap:25px}.rec-waveform-container{background-color:#f8f9fa;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;padding:15px}.rec-waveform-canvas{background-color:#fff;border-radius:4px;height:80px;width:100%}.rec-status-display{align-items:center;display:flex;font-size:.9em;gap:8px;margin-top:10px}.rec-status-dot{background-color:#6c757d;border-radius:50%;height:10px;width:10px}.rec-status-dot.recording{animation:pulse 1.5s infinite;background-color:#dc3545;background-color:var(--error-color)}@keyframes pulse{0%{box-shadow:0 0 0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 0 0 #dc354500}}.rec-status-text{color:#4b5563;color:var(--text-secondary);font-weight:500}.rec-timer{font-feature-settings:"tnum";color:#1f2937;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600;margin-left:auto}.rec-options .rec-label{color:#4b5563;color:var(--text-secondary);display:block;font-size:.9em;font-weight:500;margin-bottom:8px}.rec-select-wrapper{align-items:center;background-color:#fff;background-color:var(--surface-background);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;display:flex;padding:0 12px;position:relative;transition:border-color .2s,box-shadow .2s}.rec-select-wrapper:hover{border-color:#adb5bd}.rec-flag-icon{flex-shrink:0;font-size:1.3em;margin-right:10px}.rec-select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:initial;border:none;color:#1f2937;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9em;padding:12px 8px;width:100%}.rec-select-wrapper select:focus{outline:none}.rec-select-wrapper:after{color:#6c757d;color:var(--text-muted);content:"▼";font-size:.7em;pointer-events:none;position:absolute;right:15px;transition:transform .2s ease-in-out}.rec-select-wrapper:focus-within{border-color:#27b093;border-color:var(--brand-primary);box-shadow:0 0 0 .2rem #27b09340;box-shadow:0 0 0 .2rem var(--brand-primary-focus-shadow)}.rec-select-wrapper:focus-within:after{transform:rotate(180deg)}.rec-modal-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;gap:15px;justify-content:space-between;margin-top:25px;padding-top:20px}.rec-modal-footer button{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:.95em;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.rec-modal-footer button:disabled{cursor:not-allowed;opacity:.6}.rec-pause-btn,.rec-trash-btn{background-color:#f8f9fa;border-color:#dee2e6;border-color:var(--border-color);color:#4b5563;color:var(--text-secondary);font-family:Poppins,sans-serif}.rec-pause-btn:hover:not(:disabled),.rec-trash-btn:hover:not(:disabled){background-color:#e9ecef}.rec-transcribe-btn{background-color:#27b093;background-color:var(--brand-primary);color:#fff;color:var(--brand-primary-text);flex-grow:1;font-family:Poppins,sans-serif;justify-content:center}.rec-transcribe-btn:hover:not(:disabled){background-color:#1f997d;background-color:var(--brand-primary-hover)}.icon-spin{animation:spin 1s linear infinite}:root{--card-shadow:0 4px 12px #00000012;--card-border-radius:8px}.main-content-area{background-color:#f8f9fa;background-color:var(--background-light);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;font-family:Poppins,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px}.loading-message{align-items:center;display:flex;font-size:1.1em;justify-content:center;padding:20px}.loading-message,.spinner-icon{color:#27b093;color:var(--brand-primary)}.spinner-icon{animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-content-area::-webkit-scrollbar{width:8px}.main-content-area::-webkit-scrollbar-track{background:#0000000d;background:var(--scrollbar-track-color);border-radius:4px}.main-content-area::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-thumb-color);border-radius:4px}.main-content-area::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8;background-color:var(--scrollbar-thumb-hover-color)}.main-content-area{scrollbar-color:#c1c1c1 #0000000d;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.content-card{background-color:#fff;background-color:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--card-border-radius);box-shadow:0 4px 12px #00000012;box-shadow:var(--card-shadow);display:flex;flex-direction:column;flex-shrink:0;padding:20px 25px}.main-content-header{flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.main-content-header,.title-section{align-items:center;display:flex;flex-shrink:0}.title-section .title-icon{color:#27b093;color:var(--brand-primary);font-size:1.8em;margin-right:12px}.title-section h1{color:#212529;color:var(--text-primary);font-size:1.75em;font-weight:600;margin:0}.action-buttons{align-items:center;display:flex;flex-shrink:0;gap:12px}.action-buttons .icon-button{align-items:center;background:#fff;background:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:50%;color:#495057;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1em;height:40px;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;width:40px}.action-buttons .icon-button:hover{background-color:#e9f7f4;background-color:var(--brand-primary-light);border-color:#e9f7f4;border-color:var(--brand-primary-light);color:#1f997d;color:var(--brand-primary-dark)}.action-buttons .icon-button:hover,.transcribe-button-main{box-shadow:0 2px 4px #00000012;box-shadow:var(--button-shadow)}.transcribe-button-main{align-items:center;background-color:#27b093;background-color:var(--brand-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 18px;transition:background-color .2s ease,box-shadow .2s ease;white-space:nowrap}.transcribe-button-main:hover{background-color:#1f997d;background-color:var(--brand-primary-dark);box-shadow:0 4px 8px #0000001a;box-shadow:var(--button-hover-shadow)}.transcribe-button-icon{align-items:center;display:flex;font-size:1.1em}.transcribe-button-text{line-height:1}.error-message,.loading-message,.no-files-message{align-items:center;color:#6c757d;color:var(--text-muted);display:flex;flex-grow:1;font-size:1.1em;justify-content:center;padding:40px 20px;text-align:center}.error-message{color:#dc3545;color:var(--error-color)}@media (max-width:768px){.content-card,.main-content-area{padding:15px}.main-content-header{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:20px}.title-section h1{font-size:1.5em}.title-section .title-icon{font-size:1.6em}.action-buttons{justify-content:flex-start;width:100%}.action-buttons .icon-button{font-size:1em;height:36px;width:36px}.transcribe-button-main{font-size:.85rem;justify-content:center;padding:8px 15px;width:100%}}@media (max-width:480px){.content-card,.main-content-area{padding:10px}.title-section h1{font-size:1.3em}.transcribe-button-main{font-size:.8rem}}.login-page-container{background-color:#f8f9fa;display:flex;font-family:Poppins,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.login-page-container:before{background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0),linear-gradient(135deg,#27b093,#1a8a72);background-size:40px 40px,40px 40px,auto;clip-path:polygon(0 0,60% 0,75% 50%,60% 100%,0 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.login-page-left,.login-page-right{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;padding:40px;z-index:2}.login-page-left{flex:1.4 1;justify-content:center;padding-left:0}.login-page-right{background-color:initial;position:relative}.plans-container{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:center;max-width:950px;width:auto}.plan-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 10px 30px #00000012;display:flex;flex-direction:column;height:380px;padding:35px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:280px}.plan-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-8px) scale(1.02)}.plan-card.featured{border:2px solid #27b093;transform:scale(1.1)}.plan-card h3{color:#333;font-size:1.6rem;margin-bottom:15px}.plan-card .price{color:#27b093;font-size:2rem;font-weight:700;margin-bottom:30px}.plan-card .features{color:#555;flex-grow:1;font-size:.9rem;list-style:none;margin:0;padding:0;text-align:left}.plan-card .features li{align-items:center;display:flex;margin-bottom:15px}.feature-icon{color:#27b093;margin-right:12px}.login-console{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:620px;padding:50px;width:420px}.logo-container{margin-bottom:20px;text-align:center}.login-logo-img{display:inline-block;height:auto;width:180px}.login-console .subtitle{color:#777;font-size:1rem;margin-bottom:30px;min-height:2em}.input-group{margin-bottom:20px;text-align:left}.input-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.input-group input{background:#fdfdfd;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1em;padding:12px 15px;transition:border-color .3s,box-shadow .3s;width:100%}.input-group input:focus{border-color:#27b093;box-shadow:0 0 0 3px #27b09333;outline:none}.login-button{background-color:#27b093;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9em;font-weight:700;margin-top:10px;padding:12px 20px;transition:background-color .3s ease,transform .2s ease;width:100%}.login-button:hover:not(:disabled){background-color:#1e8e74;transform:translateY(-2px)}.login-button:disabled{background-color:#aaa;cursor:not-allowed}.divider{align-items:center;color:#ccc;display:flex;margin:30px 0;text-align:center}.divider span{color:#888;padding:0 15px}.divider:after,.divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.google-login-button{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:1em;font-weight:500;justify-content:center;padding:12px 20px;transition:background-color .3s,border-color .3s,transform .2s ease;width:100%}.google-login-button:hover{background-color:#f7f7f7;transform:translateY(-2px)}.google-icon{font-size:1.2rem;margin-right:12px}.error-message{background-color:#ffd2d2;border:1px solid #d8000c;border-radius:4px;color:#d8000c;font-size:.9em;margin-bottom:15px;padding:10px;text-align:center}.login-bottom-links{align-items:center;color:#555;display:flex;font-size:.95em;justify-content:space-between;margin-top:25px;width:100%}.login-bottom-links a{color:#27b093;font-weight:600;text-decoration:none}.login-bottom-links a:hover{text-decoration:underline}.signup-prompt{font-size:.8em;text-align:left}.forgot-password{font-size:.8em;text-align:right}.powered-by-footer{align-items:center;display:flex;font-size:.95rem;gap:10px;justify-content:flex-end;margin-top:auto;padding-top:30px}.powered-by-footer span{color:#888;font-size:.95rem;font-weight:600}.powered-by-logo-placeholder{border-radius:50%;height:40px;width:40px}@media (max-width:1200px){.login-page-left{flex:1.2 1}.login-page-right{flex:0.8 1}}@media (max-width:992px){.login-page-container{box-sizing:border-box;flex-direction:column;height:100vh;margin:0;overflow-y:auto;padding:0}.login-page-left,.login-page-right{flex:none;margin:0;padding:0;width:100%}.login-page-left{display:none}.login-page-right{background:#f8f9fa;order:1}.login-console{border-radius:0;box-shadow:none;margin:0;max-width:100%;min-height:0;order:1;padding:40px 20px;width:100%}.powered-by-footer{background-color:#f8f9fa;justify-content:center;order:2;padding:20px 0;width:100%}.powered-by-footer span{font-size:.95rem}body{margin:0;overflow-x:hidden;padding:0}}.vtp-player-controls-main button:disabled{background-color:initial;color:#adb5bd;cursor:not-allowed}.vtp-progress-bar:disabled{cursor:not-allowed}.vtp-volume-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#555;color:var(--player-icon-color);cursor:pointer;display:flex;font-size:1.1em;justify-content:center;padding:6px;transition:background-color .2s ease,color .2s ease}.vtp-volume-toggle:hover{background-color:#0000000d;color:#27b093;color:var(--brand-primary)}.vtp-spinner-inline{animation:vtp-spin 1s linear infinite}@media (max-width:768px){.vtp-audio-player-section{flex-wrap:wrap;gap:8px;padding:8px 12px}.vtp-player-controls-main{flex-shrink:0}.vtp-player-controls-main button{font-size:1em;padding:6px}.vtp-play-pause-btn{font-size:1em!important;padding:7px}.vtp-player-timeline{flex-grow:1;gap:6px;min-width:150px;order:1;width:100%}.vtp-time-display{font-size:.75em;min-width:30px}.vtp-progress-bar{height:5px}.vtp-progress-bar::-webkit-slider-thumb{border-width:1px;height:10px;width:10px}.vtp-progress-bar::-moz-range-thumb{border-width:1px;height:10px;width:10px}.vtp-player-controls-extra{flex-shrink:0;gap:10px;width:auto}.vtp-volume-control{gap:5px}.vtp-volume-slider{height:5px;width:60px}.vtp-volume-slider::-webkit-slider-thumb{border-width:1px;height:10px;width:10px}.vtp-volume-slider::-moz-range-thumb{border-width:1px;height:10px;width:10px}}@media (max-width:480px){.vtp-audio-player-section{align-items:stretch;flex-direction:column;gap:8px;padding:8px 10px}.vtp-player-controls-main{align-self:center;margin-right:0}.vtp-player-timeline{min-width:auto;order:1;width:100%}.vtp-player-controls-extra{justify-content:center;order:2;width:100%}.vtp-volume-slider{max-width:150px;width:100%}}.analytics-scroll{max-height:calc(100vh - 160px);overflow-y:auto;padding-right:6px}.analytics-scroll::-webkit-scrollbar{width:6px}.analytics-scroll::-webkit-scrollbar-thumb{background:#343a4040;border-radius:999px}.analytics-scroll::-webkit-scrollbar-track{background:#0000}.analytics-root{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.analytics-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--card-shadow);padding:12px}.analytics-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.timeline-wrapper{overflow:hidden;width:100%}.timeline-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.legend-item{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:6px}.legend-swatch{border-radius:3px;display:inline-block;height:12px;width:12px}.legend-agent{background:#27b093}.legend-customer{background:#6f42c1}.legend-spike{background:#dc3545}.timeline-svg{background:#fafafa;border:1px solid var(--border-color);border-radius:6px;height:160px;width:100%}.timeline-axis{stroke:#cfd3d7;stroke-width:1}.timeline-path-agent{fill:none;stroke:#27b093;stroke-width:2}.timeline-path-customer{fill:none;stroke:#6f42c1;stroke-width:2}.timeline-spike{fill:#dc3545;stroke:#fff;stroke-width:1;opacity:.9}.timeline-tick line{stroke:#0000001f}.timeline-tickLabel,.timeline-yLabel{fill:var(--text-muted);font-size:.6rem}.timeline-yLabel{font-weight:600}.heatmap-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}.heatmap-cell{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:.85rem;font-weight:600;height:48px;justify-content:center}.heatmap-legend{color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;margin-top:8px}.heatmap-gradient{background:linear-gradient(90deg,#dc3545,#f0ad4e 50%,#28a745);border-radius:4px;height:8px}.scorecard-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:180px 1fr 48px;margin:8px 0}.scorecard-label{color:var(--text-secondary);font-size:.9rem}.scorecard-bar{background:#eef2f4;border:1px solid var(--border-color);border-radius:999px;height:12px;overflow:hidden}.scorecard-fill{background:linear-gradient(90deg,#27b093,#1f997d);height:100%}.scorecard-value{color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:right}.duration-pie{align-items:center;display:flex;flex-direction:column;gap:8px}.duration-pie svg{height:160px;width:160px}.duration-pie__track{fill:none;stroke:#e7ecf0;stroke-width:12}.duration-pie__value{fill:none;stroke-width:12;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px}.duration-pie__title{fill:var(--text-muted);font-size:.58rem}.duration-pie__minutes{fill:var(--text-primary);font-size:1.08rem;font-weight:600}.duration-pie__footnote{color:var(--text-muted);font-size:.75rem;text-align:center}.mean-meter{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:160px}.mean-meter svg{height:140px;max-width:100%;width:220px}.mean-meter__track{stroke:#e7ecf0}.mean-meter__arc,.mean-meter__track{fill:none;stroke-width:14;stroke-linecap:round}.mean-meter__pointer{stroke:#343a40;stroke-width:4;stroke-linecap:round}.mean-meter__pivot{fill:#343a40}.mean-meter__title{fill:var(--text-secondary);font-size:.6rem;font-weight:600;letter-spacing:.015em}.mean-meter__value{fill:var(--text-primary);font-size:1.1rem;font-weight:600}.mean-meter__valueLabel{fill:var(--text-muted);font-size:.75rem}.mean-meter__end-label{fill:var(--text-muted);font-size:.7rem}@media (min-width:900px){.analytics-root{grid-template-columns:1.2fr .8fr}.analytics-card--full{grid-column:1/-1}}:root{--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--positive-sentiment-color:#28a745;--negative-sentiment-color:#dc3545;--neutral-sentiment-color:#6c757d;--card-hover-shadow:0 6px 12px #0000001a;--button-shadow:0 2px 4px #00000012;--button-hover-shadow:0 4px 8px #0000001a;--scrollbar-thumb-color:#c1c1c1;--scrollbar-thumb-hover-color:#a8a8a8;--scrollbar-track-color:#0000000d;--mobile-breakpoint:1024px;--player-icon-color:#555;--player-icon-hover-color:var(--brand-primary);--highlight-background:#e1f6e0;--highlight-border:#27b093}.vtp-page-container{background-color:#f8f9fa;background-color:var(--background-light);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100%;overflow:hidden;width:100%}.vtp-error-container,.vtp-loading-container{align-items:center;background-color:#fff;background-color:var(--background-white);border-radius:8px;box-shadow:0 4px 8px #0000000d;box-shadow:var(--card-shadow);color:#6c757d;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.vtp-spinner{animation:vtp-spin 1s linear infinite;color:#27b093;color:var(--brand-primary);font-size:3em;margin-bottom:20px}@keyframes vtp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vtp-inline-error-banner{background-color:#dc3545;background-color:var(--error-color);border-radius:6px;color:#fff;flex-shrink:0;margin-bottom:15px;padding:10px 20px;text-align:center}.vtp-main-content-area{box-sizing:border-box;display:flex;flex-grow:1;gap:20px;overflow:hidden;padding:20px}.vtp-transcript-display-column{flex:3 1;flex-direction:column;height:100%}.vtp-controls-sidebar-desktop,.vtp-transcript-display-column{background-color:#fff;background-color:var(--background-white);border-radius:8px;box-shadow:0 4px 8px #0000000d;box-shadow:var(--card-shadow);box-sizing:border-box;display:flex;min-width:0;overflow:hidden}.vtp-controls-sidebar-desktop{flex:1 1;flex-direction:column;max-height:100%}.vtp-transcript-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:20px 25px}.vtp-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.vtp-transcript-header h1{color:#212529;color:var(--text-primary);font-size:1.75em;font-weight:600;margin:0 0 5px}.vtp-transcript-info{font-size:.85em;margin-top:5px}.vtp-audio-date,.vtp-transcript-info{color:#6c757d;color:var(--text-muted)}.vtp-audio-date{font-size:.9em}.vtp-header-actions{align-items:center;display:flex;gap:10px}.vtp-header-button{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.vtp-header-button svg{font-size:1em;margin-right:6px}.vtp-edit-btn{background-color:#27b093;background-color:var(--brand-primary);border-color:#27b093;border-color:var(--brand-primary);color:#fff;color:var(--background-white)}.vtp-edit-btn:hover{background-color:#1f997d;background-color:var(--brand-primary-dark);border-color:#1f997d;border-color:var(--brand-primary-dark);box-shadow:0 4px 8px #0000001a;box-shadow:var(--button-hover-shadow)}.vtp-edit-btn:disabled{box-shadow:none;color:#6c757d;color:var(--text-muted);cursor:not-allowed}.vtp-edit-btn:disabled,.vtp-edit-btn:disabled:hover{background-color:#e9ecef;border-color:#e0e0e0;border-color:var(--border-color)}.vtp-save-btn{background-color:#28a745;background-color:var(--positive-sentiment-color);border-color:#28a745;border-color:var(--positive-sentiment-color);color:#fff;color:var(--background-white)}.vtp-save-btn:hover{background-color:#218838;border-color:#1e7e34;box-shadow:0 4px 8px #0000001a;box-shadow:var(--button-hover-shadow)}.vtp-cancel-btn{background-color:#f8f9fa;background-color:var(--background-light);border:1px solid #dc3545;border:1px solid var(--error-color);color:#dc3545;color:var(--error-color)}.vtp-cancel-btn:hover{background-color:#fddfe2;border-color:#c82333;color:#a71d2a}.vtp-bulk-edit-controls{align-items:center;background-color:#f8f9fa;background-color:var(--background-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:15px 25px}.vtp-find-replace-input{background-color:#fff;background-color:var(--background-white);border:1px solid #ced4da;border:1px solid var(--input-border-color);border-radius:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);box-sizing:border-box;color:#212529;color:var(--text-primary);flex-grow:1;font-family:Poppins,sans-serif;font-size:.85rem;line-height:1.5;min-width:150px;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.vtp-find-replace-input:focus{border-color:#27b093;border-color:var(--input-focus-border-color);box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .2rem #27b09340;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),var(--input-focus-box-shadow);outline:0}.vtp-replace-all-btn{background-color:#27b093;background-color:var(--brand-primary);border-color:#27b093;border-color:var(--brand-primary);color:#fff;color:var(--background-white);font-size:.85rem;padding:8px 12px}.vtp-replace-all-btn:hover{background-color:#1f997d;background-color:var(--brand-primary-dark);border-color:#1f997d;border-color:var(--brand-primary-dark);box-shadow:0 4px 8px #0000001a;box-shadow:var(--button-hover-shadow)}.vtp-transcript-body-cards{display:flex;flex-direction:column;flex-grow:1;gap:15px;min-height:0;overflow-y:auto;padding:15px 25px}.vtp-transcript-body-cards::-webkit-scrollbar{width:8px}.vtp-transcript-body-cards::-webkit-scrollbar-track{background:#0000000d;background:var(--scrollbar-track-color);border-radius:4px}.vtp-transcript-body-cards::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-thumb-color);border-radius:4px}.vtp-transcript-body-cards::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8;background-color:var(--scrollbar-thumb-hover-color)}.vtp-transcript-body-cards{scrollbar-color:#c1c1c1 #0000000d;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.vtp-no-segments-message,.vtp-status-message{color:#6c757d;color:var(--text-muted);font-style:italic;padding:15px;text-align:center}.vtp-speaker-block{background-color:#fff;background-color:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px #0000000d;box-shadow:var(--card-shadow);display:flex;flex-direction:column;padding:15px;transition:box-shadow .2s ease}.vtp-speaker-block:hover{box-shadow:0 6px 12px #0000001a;box-shadow:var(--card-hover-shadow)}.vtp-speaker-header{align-items:center;border-bottom:1px dashed #e0e0e0;border-bottom:1px dashed var(--border-color);color:#27b093;color:var(--brand-primary);display:flex;font-size:1.1em;font-weight:600;margin-bottom:10px;padding-bottom:8px}.vtp-speaker-transcript-content{display:flex;flex-direction:column;gap:4px}.vtp-transcript-line{border-radius:4px;cursor:pointer;line-height:1.6;padding:4px 2px;transition:background-color .3s ease}.vtp-transcript-line:hover{background-color:#f1f3f5}.vtp-transcript-line.active{background-color:#e1f6e0;background-color:var(--highlight-background);border-radius:6px;box-shadow:0 0 0 0 #0000001a;padding:2px 4px;transition:background-color .2s ease}.vtp-segment-metadata{color:#6c757d;color:var(--text-muted);font-size:.8em;font-weight:500;margin-right:8px;white-space:nowrap}.vtp-meta-separator{color:#e0e0e0;color:var(--border-color)}.vtp-sa-score{font-style:italic}.vtp-sa-icon{font-size:1em;line-height:1;vertical-align:middle}.vtp-sa-icon.positive{color:#28a745;color:var(--positive-sentiment-color)}.vtp-sa-icon.negative{color:#dc3545;color:var(--negative-sentiment-color)}.vtp-sa-icon.neutral{color:#6c757d;color:var(--neutral-sentiment-color)}.vtp-text{color:#495057;color:var(--text-secondary);font-size:.9em;line-height:1.6;margin:0}.vtp-speaker-input{border:1px solid #ced4da;border:1px solid var(--input-border-color);border-radius:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1.1em;line-height:1.5;margin-bottom:8px;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.vtp-speaker-input,.vtp-speaker-input:focus{background-color:#fff;background-color:var(--background-white);color:#212529;color:var(--text-primary)}.vtp-speaker-input:focus{border-color:#27b093;border-color:var(--input-focus-border-color);box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .2rem #27b09340;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),var(--input-focus-box-shadow);outline:0}.vtp-transcript-line .vtp-transcript-textarea{border:1px solid #ced4da;border:1px solid var(--input-border-color);border-radius:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);box-sizing:border-box;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.5;min-height:60px;padding:8px 12px;resize:vertical;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.vtp-transcript-line .vtp-transcript-textarea,.vtp-transcript-line .vtp-transcript-textarea:focus{background-color:#fff;background-color:var(--background-white);color:#212529;color:var(--text-primary)}.vtp-transcript-line .vtp-transcript-textarea:focus{border-color:#27b093;border-color:var(--input-focus-border-color);box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .2rem #27b09340;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),var(--input-focus-box-shadow);outline:0}.vtp-audio-player-section{background-color:#f0f2f5;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);box-shadow:0 -2px 8px #0000000a;box-sizing:border-box;flex-direction:row;flex-shrink:0;gap:10px;padding:10px 15px;width:100%}.vtp-audio-player-section,.vtp-player-controls-main{align-items:center;display:flex}.vtp-player-controls-main button{align-items:center;background:#0000;border:none;border-radius:50%;color:#555;color:var(--player-icon-color);cursor:pointer;display:flex;font-size:1.1em;justify-content:center;line-height:1;padding:7px;transition:background-color .2s ease,color .2s ease}.vtp-player-controls-main button:hover{background-color:#0000000d;color:#27b093;color:var(--player-icon-hover-color)}.vtp-play-pause-btn{color:#27b093!important;color:var(--brand-primary)!important;font-size:1.1em!important;padding:7px!important}.vtp-play-pause-btn:hover{background-color:#e9f7f4!important;background-color:var(--brand-primary-light)!important;color:#1f997d!important;color:var(--brand-primary-dark)!important}.vtp-player-timeline{align-items:center;display:flex;flex-grow:1;gap:8px;min-width:50px}.vtp-time-display{color:#6c757d;color:var(--text-muted);font-size:.8em;min-width:35px;text-align:center;white-space:nowrap}.vtp-progress-bar{-webkit-appearance:none;appearance:none;background:#d1d5db;border-radius:3px;cursor:pointer;flex-grow:1;height:6px;outline:none;transition:background-color .2s ease;width:100%}.vtp-progress-bar:hover{background:#c5c9cf}.vtp-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#27b093;background:var(--brand-primary);border:2px solid #fff;border:2px solid var(--background-white);border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:14px;-webkit-transition:transform .1s ease;transition:transform .1s ease;width:14px}.vtp-progress-bar::-moz-range-thumb{background:#27b093;background:var(--brand-primary);border:2px solid #fff;border:2px solid var(--background-white);border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:14px;width:14px}.vtp-progress-bar::-webkit-slider-thumb:active,.vtp-progress-bar:focus::-webkit-slider-thumb{transform:scale(1.1)}.vtp-progress-bar::-moz-range-thumb:active,.vtp-progress-bar:focus::-moz-range-thumb{transform:scale(1.1)}.vtp-player-controls-extra{align-items:center;display:flex;gap:10px}.vtp-volume-control{gap:6px}.vtp-volume-control,.vtp-volume-control>svg{align-items:center;color:#555;color:var(--player-icon-color);display:flex}.vtp-volume-control>svg{border-radius:50%;cursor:pointer;font-size:1.8em;justify-content:center;line-height:1;padding:7px;transition:background-color .2s ease,color .2s ease}.vtp-volume-control>svg:hover{background-color:#0000000d;color:#27b093;color:var(--player-icon-hover-color)}.vtp-volume-slider{-webkit-appearance:none;appearance:none;background:#d1d5db;border-radius:3px;cursor:pointer;height:6px;outline:none;transition:background-color .2s ease;width:70px}.vtp-volume-slider:hover{background:#c5c9cf}.vtp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--background-white);border:2px solid #555;border:2px solid var(--player-icon-color);border-radius:50%;box-shadow:0 0 2px #0000001a;cursor:pointer;height:12px;-webkit-transition:transform .1s ease,border-color .2s ease;transition:transform .1s ease,border-color .2s ease;width:12px}.vtp-volume-slider::-moz-range-thumb{background:#fff;background:var(--background-white);border:2px solid #555;border:2px solid var(--player-icon-color);border-radius:50%;box-shadow:0 0 2px #0000001a;cursor:pointer;height:12px;width:12px}.vtp-volume-slider::-webkit-slider-thumb:hover,.vtp-volume-slider:focus::-webkit-slider-thumb{border-color:#27b093;border-color:var(--player-icon-hover-color);transform:scale(1.1)}.vtp-volume-slider::-moz-range-thumb:hover,.vtp-volume-slider:focus::-moz-range-thumb{border-color:#27b093;border-color:var(--player-icon-hover-color);transform:scale(1.1)}.vtp-sidebar-scroll-wrapper{flex-grow:1;min-height:0;overflow-y:auto;padding:20px}.vtp-sidebar-scroll-wrapper::-webkit-scrollbar{width:8px}.vtp-sidebar-scroll-wrapper::-webkit-scrollbar-track{background:#0000000d;background:var(--scrollbar-track-color);border-radius:4px}.vtp-sidebar-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-thumb-color);border-radius:4px}.vtp-sidebar-scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8;background-color:var(--scrollbar-thumb-hover-color)}.vtp-sidebar-scroll-wrapper{scrollbar-color:#c1c1c1 #0000000d;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.vtp-sidebar-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.vtp-sidebar-section h3{color:#495057;color:var(--text-secondary);font-size:.9em;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.vtp-sidebar-section:last-of-type{border-bottom:none;margin-bottom:0}.vtp-sidebar-button{align-items:center;background-color:#fff;background-color:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#212529;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;font-weight:500;margin-bottom:10px;padding:10px 12px;text-align:left;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .1s ease;width:100%}.vtp-sidebar-button:hover{background-color:#e9f7f4;background-color:var(--brand-primary-light);border-color:#27b093;border-color:var(--brand-primary);box-shadow:0 2px 4px #00000012;box-shadow:var(--button-shadow);color:#1f997d;color:var(--brand-primary-dark);transform:translateY(-1px)}.vtp-sidebar-button:active{box-shadow:inset 0 1px 2px #0000001a;transform:translateY(0)}.vtp-sidebar-button:disabled,.vtp-sidebar-button:disabled:active,.vtp-sidebar-button:disabled:hover{background-color:#e9ecef;border-color:#e0e0e0;border-color:var(--border-color);box-shadow:none;color:#6c757d;color:var(--text-muted);cursor:not-allowed;transform:none}.vtp-sidebar-button:last-child{margin-bottom:0}.vtp-sidebar-icon{color:#6c757d;color:var(--text-muted);flex-shrink:0;font-size:1.1em;margin-right:12px;text-align:center;transition:color .2s ease;width:20px}.vtp-sidebar-button:hover .vtp-sidebar-icon{color:#1f997d;color:var(--brand-primary-dark)}.vtp-sidebar-button:disabled .vtp-sidebar-icon{color:#6c757d;color:var(--text-muted)}.vtp-advanced-export div,.vtp-analytics-button div,.vtp-chatgpt-button div,.vtp-keynotes-button div,.vtp-summary-button div{display:flex;flex-direction:column}.vtp-advanced-export small,.vtp-analytics-button small,.vtp-chatgpt-button small,.vtp-keynotes-button small,.vtp-summary-button small{color:#6c757d;color:var(--text-muted);font-size:.8em;line-height:1.3;margin-top:2px;transition:color .2s ease}.vtp-sidebar-button:hover small{color:#27b093;color:var(--brand-primary)}.vtp-sidebar-button:disabled small{color:#6c757d;color:var(--text-muted)}.vtp-sidebar-toggle{align-items:center;border-radius:4px;color:#495057;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9em;gap:10px;margin-bottom:8px;padding:8px 5px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.vtp-sidebar-toggle:hover{background-color:#f1f3f5}.vtp-sidebar-toggle input[type=checkbox]{accent-color:#27b093;accent-color:var(--brand-primary);border:1px solid #ced4da;border:1px solid var(--input-border-color);border-radius:3px;cursor:pointer;height:17px;margin-top:-1px;transition:background-color .2s ease,border-color .2s ease;width:17px}.vtp-sidebar-toggle input[type=checkbox]:checked{background-color:#27b093;background-color:var(--brand-primary);border-color:#27b093;border-color:var(--brand-primary)}.vtp-sidebar-toggle input[type=checkbox]:focus{box-shadow:0 0 0 2px #e9f7f4;box-shadow:0 0 0 2px var(--brand-primary-light);outline:none}.vtp-sidebar-toggle:has(input[type=checkbox]:disabled){color:#6c757d;color:var(--text-muted);cursor:not-allowed}.vtp-sidebar-toggle:has(input[type=checkbox]:disabled):hover{background-color:initial}.vtp-mobile-actions-trigger{background:none;border:none;border-radius:50%;color:#6c757d;color:var(--text-muted);cursor:pointer;display:none;font-size:1.5rem;margin-left:auto;padding:8px;transition:background-color .2s ease,color .2s ease}.vtp-mobile-actions-trigger:hover{background-color:#e9f7f4;background-color:var(--brand-primary-light);color:#27b093;color:var(--brand-primary)}.vtp-mobile-actions-trigger:disabled,.vtp-mobile-actions-trigger:disabled:hover{background-color:initial;color:#adb5bd;cursor:not-allowed}.vtp-actions-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1050}.vtp-actions-modal-content{background:#fff;background:var(--background-white);border-radius:8px;box-shadow:0 4px 8px #0000000d;box-shadow:var(--card-shadow);display:flex;flex-direction:column;max-height:80vh;max-width:400px;width:100%}.vtp-actions-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px 20px}.vtp-actions-modal-header h3{color:#212529;color:var(--text-primary);font-size:1.2em;margin:0}.vtp-actions-modal-close-btn{background:none;border:none;color:#6c757d;color:var(--text-muted);cursor:pointer;font-size:1.5em;transition:color .2s ease}.vtp-actions-modal-close-btn:hover{color:#212529;color:var(--text-primary)}.vtp-actions-modal-body{flex-grow:1;overflow-y:auto;padding:0}.vtp-actions-modal-body .vtp-sidebar-scroll-wrapper{padding:20px}.vtp-edit-mode .vtp-transcript-display-column{border:1px solid #e9f7f4;border:1px solid var(--brand-primary-light);box-shadow:0 0 12px #27b09333}.vtp-edit-mode .vtp-speaker-block{background-color:#f8f9fa;background-color:var(--background-light);border-left:4px solid #27b093;border-left:4px solid var(--brand-primary);padding-left:20px;transition:background-color .3s ease,border-color .3s ease}.vtp-edit-mode .vtp-speaker-block:hover{background-color:#e9f7f4;background-color:var(--brand-primary-light)}.vtp-edit-mode .vtp-speaker-input{background-color:initial;border:none;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);border-radius:0;box-shadow:none;color:#1f997d;color:var(--brand-primary-dark);font-size:1.1em;font-weight:600;margin-bottom:0;padding:10px 4px}.vtp-edit-mode .vtp-speaker-input:focus{background-color:initial;border-bottom-color:#27b093;border-bottom-color:var(--brand-primary);box-shadow:none}.vtp-edit-mode .vtp-transcript-textarea{background-color:#fff;background-color:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#495057;color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:.95rem;line-height:1.7;margin-top:5px;min-height:80px;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease}.vtp-edit-mode .vtp-transcript-textarea:first-of-type{margin-top:0}.vtp-edit-mode .vtp-transcript-textarea:focus{background-color:#fff;background-color:var(--background-white);border-color:#27b093;border-color:var(--brand-primary);box-shadow:0 0 0 .2rem #27b09340;box-shadow:var(--input-focus-box-shadow);outline:none}@media (max-width:1024px){.vtp-main-content-area{flex-direction:column;gap:10px;padding:10px}.vtp-transcript-display-column{border-radius:8px;box-shadow:0 4px 8px #0000000d;box-shadow:var(--card-shadow);flex-grow:1;max-height:none;min-height:0;width:100%}.vtp-controls-sidebar-desktop{display:none}.vtp-mobile-actions-trigger{display:block}.vtp-bulk-edit-controls,.vtp-transcript-display-column .vtp-transcript-body-cards,.vtp-transcript-display-column .vtp-transcript-header{padding-left:15px;padding-right:15px}.vtp-speaker-block{padding:12px}.vtp-speaker-header{font-size:1em}}@media (max-width:768px){.vtp-main-content-area{padding:10px}.vtp-transcript-display-column{border-radius:8px}.vtp-transcript-header{padding:15px 20px}.vtp-transcript-header h1{font-size:1.5em}.vtp-transcript-body-cards{padding:15px 20px}.vtp-text{font-size:.85em}.vtp-header-actions .vtp-header-button{font-size:.8rem;padding:6px 10px}.vtp-header-actions .vtp-header-button svg{margin-right:4px}.vtp-bulk-edit-controls{align-items:stretch;flex-direction:column;padding:15px 20px}.vtp-find-replace-input{min-width:auto;width:100%}.vtp-replace-all-btn{width:100%}.vtp-audio-player-section{flex-wrap:wrap;gap:8px;padding:8px 12px}.vtp-player-controls-main{flex-shrink:0}.vtp-player-controls-main button{font-size:1em;padding:6px}.vtp-play-pause-btn{font-size:1em!important;padding:7px}.vtp-player-timeline{flex-grow:1;gap:6px;min-width:150px;order:1;width:100%}.vtp-time-display{font-size:.75em;min-width:30px}.vtp-progress-bar{height:5px}.vtp-progress-bar::-webkit-slider-thumb{border-width:1px;height:10px;width:10px}.vtp-progress-bar::-moz-range-thumb{border-width:1px;height:10px;width:10px}.vtp-player-controls-extra{flex-shrink:0;gap:10px;width:auto}.vtp-volume-control{gap:5px}.vtp-volume-control>svg{font-size:1.8em;padding:6px}.vtp-volume-slider{height:5px;width:60px}.vtp-volume-slider::-webkit-slider-thumb{border-width:1px;height:10px;width:10px}.vtp-volume-slider::-moz-range-thumb{border-width:1px;height:10px;width:10px}}@media (max-width:480px){.vtp-main-content-area{padding:5px}.vtp-transcript-display-column{border-radius:0}.vtp-transcript-header{padding:10px 15px}.vtp-transcript-header h1{font-size:1.3em}.vtp-bulk-edit-controls,.vtp-transcript-body-cards{padding:10px 15px}.vtp-header-row{align-items:flex-start;flex-direction:column;gap:8px}.vtp-header-row .vtp-header-actions{justify-content:flex-start;width:100%}.vtp-header-row .vtp-mobile-actions-trigger{align-self:flex-end;margin-top:-38px}.vtp-audio-player-section{align-items:stretch;flex-direction:column;gap:8px;padding:8px 10px}.vtp-player-controls-main{align-self:center;margin-right:0}.vtp-player-timeline{min-width:auto;order:1;width:100%}.vtp-player-controls-extra{justify-content:center;order:2;width:100%}.vtp-volume-slider{max-width:150px;width:100%}.vtp-speaker-block{padding:10px}.vtp-speaker-header{font-size:.95em}.vtp-segment-metadata{display:inline;margin-bottom:0}}@media (max-width:1024px){.vtp-edit-mode .vtp-speaker-block{padding-left:15px}}.vtp-insights-panel{background:#fff;background:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px #0000000d;box-shadow:var(--card-shadow);display:flex;flex:1 1 auto;flex-direction:column;margin:0 25px;min-height:0}.vtp-insights-tabs{align-items:center;background:#f8f9fa;background:var(--background-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex:0 0 auto;gap:8px;overflow-x:auto;padding:8px 10px}.vtp-insights-tabs::-webkit-scrollbar{height:6px}.vtp-insights-tabs::-webkit-scrollbar-track{background:#0000000d;background:var(--scrollbar-track-color);border-radius:4px}.vtp-insights-tabs::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-thumb-color);border-radius:4px}.vtp-insights-tabs::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8;background-color:var(--scrollbar-thumb-hover-color)}.vtp-insights-tab{background:#0000;border:1px solid #0000;border-radius:999px;color:#495057;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 14px;position:relative;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .08s ease;white-space:nowrap}.vtp-insights-tab:hover{background:#e9f7f4;background:var(--brand-primary-light);color:#1f997d;color:var(--brand-primary-dark);transform:translateY(-1px)}.vtp-insights-tab.active,.vtp-insights-tab:hover{border-color:#27b093;border-color:var(--brand-primary)}.vtp-insights-tab.active{background:linear-gradient(135deg,#27b093,#22a486);background:linear-gradient(135deg,var(--brand-primary) 0,#22a486 100%);box-shadow:0 4px 8px #0000001a;box-shadow:var(--button-hover-shadow);color:#fff;color:var(--background-white)}.vtp-insights-tab:focus-visible{box-shadow:0 0 0 3px #27b09340;outline:none}.vtp-insights-close{margin-left:auto}.vtp-insights-content{background:#fff;background:var(--background-white);border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:12px 15px}.vtp-transcription-tab-content{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:12px 0}.vtp-keynotes-list{color:#495057;color:var(--text-secondary);margin:0;padding-left:20px}.vtp-keynotes-list li{margin:6px 0}.vtp-spinner-inline{color:#27b093;color:var(--brand-primary)}@media (max-width:768px){.vtp-edit-mode .vtp-transcript-textarea{font-size:.9rem;padding:10px 12px}}@media (max-width:480px){.vtp-edit-mode .vtp-transcript-display-column{border:1px solid #27b093;border:1px solid var(--brand-primary);box-shadow:none}.vtp-edit-mode .vtp-speaker-block{border-left-width:3px;padding-left:10px}.vtp-edit-mode .vtp-speaker-input{font-size:1em}.vtp-edit-mode .vtp-transcript-textarea{min-height:70px;padding:8px 10px}}:root{--brand-primary:#27b093;--brand-primary-dark:#1f997d;--brand-primary-light:#e9f7f4;--text-primary:#212529;--text-secondary:#495057;--text-muted:#6c757d;--border-color:#e0e0e0;--input-border-color:#ced4da;--input-focus-border-color:var(--brand-primary);--input-focus-box-shadow:0 0 0 0.2rem #27b09340;--background-light:#f8f9fa;--background-white:#fff;--card-shadow:0 4px 8px #0000000d}.profile-settings-page{background-color:#f8f9fa;background-color:var(--background-light);color:#212529;color:var(--text-primary);display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh}.settings-header{background-color:#fff;background-color:var(--background-white);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:15px 40px}.settings-container{display:flex;flex-grow:1;gap:30px;overflow:hidden;padding:25px 40px}.settings-sidebar{display:flex;flex:0 0 240px;flex-direction:column;justify-content:space-between}.settings-sidebar nav ul{list-style:none;margin:0;padding:0}.settings-sidebar nav li{align-items:center;border-radius:8px;color:#495057;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;margin-bottom:8px;padding:12px 15px;transition:background-color .2s ease,color .2s ease}.settings-sidebar nav li svg{color:#6c757d;color:var(--text-muted);font-size:1.1em;margin-right:15px;transition:color .2s ease}.settings-sidebar nav li:hover{background-color:#e9f7f4;background-color:var(--brand-primary-light)}.settings-sidebar nav li:hover,.settings-sidebar nav li:hover svg{color:#1f997d;color:var(--brand-primary-dark)}.settings-sidebar nav li.active{background-color:#27b093;background-color:var(--brand-primary);box-shadow:0 4px 8px #27b09333;color:#fff}.settings-sidebar nav li.active svg{color:#fff}.settings-usage-info{background-color:#fff;background-color:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;font-size:.9em;margin-top:auto;padding:20px}.settings-usage-info p{color:#495057;color:var(--text-secondary);font-weight:500;margin:0 0 10px}.progress-bar-container{background-color:#e9ecef;border-radius:10px;height:8px;margin-bottom:15px;overflow:hidden}.progress-bar{border-radius:10px;height:100%;transition:width .5s ease-in-out}.progress-bar,.upgrade-button{background-color:#27b093;background-color:var(--brand-primary)}.upgrade-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:background-color .2s ease;width:100%}.upgrade-button:hover{background-color:#1f997d;background-color:var(--brand-primary-dark);color:#fff}.settings-content{background-color:#fff;background-color:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;flex-grow:1;overflow-y:auto;padding:30px 40px}.form-group{margin-bottom:25px}.form-group label{color:#212529;color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.form-group input{border:1px solid #ced4da;border:1px solid var(--input-border-color);border-radius:6px;font-family:Poppins,sans-serif;font-size:1rem;max-width:450px;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:#27b093;border-color:var(--input-focus-border-color);box-shadow:0 0 0 .2rem #27b09340;box-shadow:var(--input-focus-box-shadow);outline:none}.form-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.settings-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.settings-btn.save-btn{background-color:#27b093;background-color:var(--brand-primary);color:#fff}.settings-btn.save-btn:hover{background-color:#1f997d;background-color:var(--brand-primary-dark);box-shadow:0 2px 4px #0000001a}.settings-btn.cancel-btn{background-color:initial;border:1px solid #ced4da;border:1px solid var(--input-border-color);color:#495057;color:var(--text-secondary)}.settings-btn.cancel-btn:hover{background-color:#f8f9fa;background-color:var(--background-light);border-color:#495057;border-color:var(--text-secondary)}@media (max-width:768px){.settings-container{flex-direction:column;gap:15px;padding:15px}.settings-sidebar{flex:0 0 auto;flex-direction:row;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.settings-sidebar nav{flex-grow:1}.settings-sidebar nav ul{display:flex;gap:10px}.settings-sidebar nav li{margin-bottom:0;white-space:nowrap}.settings-usage-info{display:none}.settings-content{padding:20px}.form-group input{max-width:100%}}#root,body,html{font-family:Poppins,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}#root{display:flex;flex-direction:column}
/*# sourceMappingURL=main.1224c0b0.css.map*/